https://laurelawelch.com laurelawelch Fri, 15 Oct 2021 12:38:10 +0000 https://laurelawelch.com en https://laurelawelch.com/Mobile-navigation-menu-1 Fri, 15 Oct 2021 12:38:10 +0000 laurelawelch https://laurelawelch.com/Mobile-navigation-menu-1 ︎ Work About Resume ︎︎︎ https://laurelawelch.com/Featured-Projects Sun, 22 Aug 2021 20:11:17 +0000 laurelawelch https://laurelawelch.com/Featured-Projects ︎︎︎ RECENT WORK <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/47e3eea557b7fdc0d1e724d1a4a12fe6e980ece28baa4c9090b58f7094194151/Yaychore-thumbnail.jpg" data-mid="120517451" border="0" alt="Yaychore app screen designs for the dashboard and cleaning session." data-caption="Yaychore app screen designs for the dashboard and cleaning session." src="https://freight.cargo.site/w/1000/i/47e3eea557b7fdc0d1e724d1a4a12fe6e980ece28baa4c9090b58f7094194151/Yaychore-thumbnail.jpg" /> UX design&nbsp; |&nbsp; Case study Yaychore app View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/cc639f3c5f657be7c276b2ef37d3c82453e77b435d9fd0cea977761577680b6f/Daily-UI-thumbnail.jpg" data-mid="121725872" border="0" alt="Design for a fictional pet adoption website, named &ldquo;Furfamily&rdquo;. " data-caption="Design for a fictional pet adoption website, named “Furfamily”. " src="https://freight.cargo.site/w/1000/i/cc639f3c5f657be7c276b2ef37d3c82453e77b435d9fd0cea977761577680b6f/Daily-UI-thumbnail.jpg" /> UI design Daily UI, with a twist View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/10c5dfd39b8f0f97fd6c5264c8e277fa2db6b9705cab4accb619d83061921c56/Yaychore-branding.png" data-mid="120517456" border="0" alt="Yaychore app screen designs for the login and decluttering challenge promotion." data-caption="Yaychore app screen designs for the login and decluttering challenge promotion." src="https://freight.cargo.site/w/1000/i/10c5dfd39b8f0f97fd6c5264c8e277fa2db6b9705cab4accb619d83061921c56/Yaychore-branding.png" /> Design system &amp; illustrationYaychore brandingView project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/b0ff42f10695b2636ceedb3a425305e3a0f492c61047b862099db4f869ec5788/Stephanie-Logo-LW-Thumbnail.jpg" data-mid="120517801" border="0" alt="Monogram logo with an interlocking S&amp;B." data-caption="Monogram logo with an interlocking S&amp;B." src="https://freight.cargo.site/w/1000/i/b0ff42f10695b2636ceedb3a425305e3a0f492c61047b862099db4f869ec5788/Stephanie-Logo-LW-Thumbnail.jpg" /> Logo designStephanie Barrow Consulting View project Past work These projects were created while working as a graphic designer at TRIO Solutions Inc. View collectionThis section is password-protected. <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f1b96828e26b5fe636c3f55f54908d45b245006ce38f07e449a3743f5eadb1b0/ECCO-Social-Media-Ad-thumbnail.jpg" data-mid="122869117" border="0" alt="Carousel ad illustration of people receiving food" data-caption="Carousel ad illustration of people receiving food" src="https://freight.cargo.site/w/1000/i/f1b96828e26b5fe636c3f55f54908d45b245006ce38f07e449a3743f5eadb1b0/ECCO-Social-Media-Ad-thumbnail.jpg" /> <img width="1666" height="1111" width_o="1666" height_o="1111" data-src="https://freight.cargo.site/t/original/i/075fe46d0c6d783ebaebefd8d7c382f6832d3545425294a438ddefc084f8a1e5/TSC-Calendar-1.png" data-mid="122869128" border="0" alt="Calendar page featuring a stylized quote by Mahatma Gandhi" data-caption="Calendar page featuring a stylized quote by Mahatma Gandhi" src="https://freight.cargo.site/w/1000/i/075fe46d0c6d783ebaebefd8d7c382f6832d3545425294a438ddefc084f8a1e5/TSC-Calendar-1.png" /> <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/b9699a720f09853e0c92167a56dd822aed5e66cf62354bedf10379a590d7a194/duck-square.png" data-mid="122869150" border="0" alt="Illustration of a duck " data-caption="Illustration of a duck " src="https://freight.cargo.site/w/1000/i/b9699a720f09853e0c92167a56dd822aed5e66cf62354bedf10379a590d7a194/duck-square.png" /> https://laurelawelch.com/Yaychore-app Sun, 22 Aug 2021 20:53:18 +0000 laurelawelch https://laurelawelch.com/Yaychore-app <img width="1800" height="942" width_o="1800" height_o="942" data-src="https://freight.cargo.site/t/original/i/1715bb8d0f1584681144d9e7d9584b3210374d0838f5ddef1f563622336112b9/Yaychore-hero-image.jpg" data-mid="127097779" border="0" alt="Yaychore wordmark, icon and tagline: &quot;clean wisely, live peacefully&quot;, with two screen designs." data-caption="Yaychore wordmark, icon and tagline: &quot;clean wisely, live peacefully&quot;, with two screen designs." src="https://freight.cargo.site/w/1000/i/1715bb8d0f1584681144d9e7d9584b3210374d0838f5ddef1f563622336112b9/Yaychore-hero-image.jpg" /> Yaychore appA mobile iOS app concept designed to motivate adults with hectic schedules to complete chores, while encouraging them to maintain a routine. Role: UX/UI design, brand strategy, illustration Timeline: March 2021 – October 2021 This is a conceptual and self-initiated project, completed to practice UX design. BackgroundAfter a long day of working from home, you’re instantly faced with messy chaos. The sink is crammed with last night’s spaghetti dishes. Your cat is dragging socks down the hall from the massive laundry pile in the bedroom. You’re tired.&nbsp;Sure, a clean home feels amazing, but the process of getting it tidy and keeping it that way can feel exhausting and monotonous. 78%&nbsp;of those surveyed agreed on a typical day, their home is not as clean as they’d like it to be.&nbsp;Source: 2020 ACI National Cleaning Survey Results: Spring Cleaning Data <img width="624" height="377" width_o="624" height_o="377" data-src="https://freight.cargo.site/t/original/i/1f0457bef135a5d93dee238213a182200e8e0231fa92cd11e4c6cb0b333606a5/annie-spratt-5TfCI4nj6B4-unsplash.png" data-mid="120589526" border="0" data-scale="90" alt="A laundry basket filled with clothes." data-caption="A laundry basket filled with clothes." src="https://freight.cargo.site/w/624/i/1f0457bef135a5d93dee238213a182200e8e0231fa92cd11e4c6cb0b333606a5/annie-spratt-5TfCI4nj6B4-unsplash.png" /> ProblemWorking adults find that a lack of motivation is affecting their ability to keep their spaces clean. They need a tool to help them manage household tasks in a more efficient and encouraging way, so they can feel less overwhelmed and more productive.Photo by Annie Spratt on Unsplash Key Research Insights 01Most people aren’t tracking their household chores with a tangible or digital tool 02Ability to clean is most affected by health, busyness and lack of motivation 03Most people share the responsibility of household chores with others 04Just over half of people prefer to clean in large blocks of time less often Solution 01Create a routine during onboardingYaychore asks questions about your home and tidying preferences to generate a cleaning schedule that can be customized further later.Add your rooms and typical tasks associated with each space will be added to your schedule.Specify your cleaning days and chores will be distributed among those days on your schedule.Add everyday tasks that are part of your daily routine. 02Easily add &amp; edit choresCustomize your schedule. Add new chores or edit ones that are already a part of your schedule.Specify which rooms and person the task will belong to. Chores can be assigned to anyone who downloads the app and joins your household.Schedule with flexibility. Chores can be scheduled as a one-time occurence, or set to repeat at chosen intervals. Specific times can be added, if needed. 03Quickly reschedule tasks for the current weekDrag and drop a chore to a weekday button to reschedule it. This shortcut is ideal if you want to change the date for an upcoming task without editing anything else. <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/2ee634b7ebb5ea33e274f2b1f9b725d95a19d180372ede134cf1741aad43ee28/Quick-reschedule.gif" data-mid="127952887" border="0" data-scale="80" alt="Someone quickly rescheduling a chore by dragging it to Friday button at the top of the screen" data-caption="Someone quickly rescheduling a chore by dragging it to Friday button at the top of the screen" src="https://freight.cargo.site/w/656/i/2ee634b7ebb5ea33e274f2b1f9b725d95a19d180372ede134cf1741aad43ee28/Quick-reschedule.gif" /> 04Group chores into cleaning sessionsCreate chore groups for tasks you plan on doing consecutively.Start a cleaning session to help you focus as you work through a group of chores. 05Declutter dailyOpt in to the daily declutter challenge and slowly tidy up your space with timed sessions. Yaychore will hold you accountable by measuring your progress and keeping track of whether you’re maintaining your clean streak or not. 06Celebrate the wins Receive badges as you complete certain chores and keep your declutter streak going. Gauge progress by viewing your cleaning stats. <img width="696" height="1308" width_o="696" height_o="1308" data-src="https://freight.cargo.site/t/original/i/bb1f65b9fc79ee720e58005b846c3997670762a7e2843ef61f2a1f15ab2cdb59/Rewards.png" data-mid="127959791" border="0" data-scale="80" alt="Progress screen with cleaning statistics and badges" data-caption="Progress screen with cleaning statistics and badges" src="https://freight.cargo.site/w/696/i/bb1f65b9fc79ee720e58005b846c3997670762a7e2843ef61f2a1f15ab2cdb59/Rewards.png" /> Business opportunities Interstitial adsSponsored cleaning tips could be incorporated into transitional moments, to advertise in a way that is more cohesive to the experience. Brand sponsorshipIf the app accumulated a significant user base, there could be an opportunity for a brand within the lifestyle or cleaning market to collaborate with, or sponsor the app. The process Design thinking was referenced throughout the process. The main project phases were: Secondary research and surveyAffinity mapping and persona creationProblem statement and goalsCompetitor analysis Secondary research on cleaning efficiencyBrainstorming&nbsp;User flows and information architectureSketchingLow-fidelity prototype and user testMid-fidelity prototype and user testProblem re-prioritization and prototype revisionsHigh-fidelity prototype and 2 rounds of user testingThe Yaychore brand was created throughout the design phase of the project. For more information, view this project. ConstraintsThe budget is low, so research and testing options are limitedThe scope needs to be small because I’m the only designerIn-person testing options are limited, so online testing will need to be incorporatedSuccess metrics will be harder to measure, since the product isn’t shipping ResearchHow is cleaning planned?It seems obvious that chores aren’t a favorite pastime for most. With secondary research and an online survey, I wanted to better understand how adults are cleaning, what their obstacles are, what their attitudes toward chores are. Although 59 survey-takers met survey screening criteria, some questions received fewer responses. Results showed that...Chores are tracked with: 42%a mental list <img width="253" height="300" width_o="253" height_o="300" data-src="https://freight.cargo.site/t/original/i/07176b5efc78919fcb5ae8b197aae71ec857a22431774b094f07807996e07f4e/thought-bubble.png" data-mid="120680865" border="0" data-scale="45" alt="Thought bubble with chore symbols inside" data-caption="Thought bubble with chore symbols inside" src="https://freight.cargo.site/w/253/i/07176b5efc78919fcb5ae8b197aae71ec857a22431774b094f07807996e07f4e/thought-bubble.png" /> 36%don’t track chores <img width="242" height="300" width_o="242" height_o="300" data-src="https://freight.cargo.site/t/original/i/2c9ca78133d3000a9480b6747c5f6ef683df2e5e731b8afbf1e200ff0f156ff6/no-list.png" data-mid="120681011" border="0" data-scale="45" alt="Person surrounded by question marks" data-caption="Person surrounded by question marks" src="https://freight.cargo.site/w/242/i/2c9ca78133d3000a9480b6747c5f6ef683df2e5e731b8afbf1e200ff0f156ff6/no-list.png" /> 10%a to-do list <img width="206" height="300" width_o="206" height_o="300" data-src="https://freight.cargo.site/t/original/i/4340737d5f1ef26731b1d616638a838d8f87cd55160cee1f9832e0d8f6c7dd9a/to-do-list.png" data-mid="120681038" border="0" data-scale="45" alt="To-do list" data-caption="To-do list" src="https://freight.cargo.site/w/206/i/4340737d5f1ef26731b1d616638a838d8f87cd55160cee1f9832e0d8f6c7dd9a/to-do-list.png" /> 3%an app, website or a computer program <img width="235" height="300" width_o="235" height_o="300" data-src="https://freight.cargo.site/t/original/i/5e100420f0aa8a267f012d77decb7aa9c982e782103e9576715a2b7d0dbe619f/app.png" data-mid="120681054" border="0" data-scale="45" alt="Smartphone " data-caption="Smartphone " src="https://freight.cargo.site/w/235/i/5e100420f0aa8a267f012d77decb7aa9c982e782103e9576715a2b7d0dbe619f/app.png" /> 75%&nbsp;of people&nbsp;share tasks with others in the home&nbsp;either most or some of the time They prefer breaking up their chores by:54% completing tasks in large blocks of time less often31% completing tasks in small blocks of time more often14% don’t know/ don’t care What are the obstacles?To glean insights from qualitative survey data and secondary research, I created an affinity map. I grouped information according to:What is affecting their ability to keep a clean homeHow they feel about completing this week’s upcoming choresSecondary research about cleaning obstacles and general cleaning suggestionsWhat affects your ability to keep your home clean the most? <img width="1800" height="1911" width_o="1800" height_o="1911" data-src="https://freight.cargo.site/t/original/i/6a9082bdbc531b6cbb2d54bd970982f5d563be4d275d67b68a666eb7fff4d8a5/UX-Project-Digital-Affinity-Map.png" data-mid="120682348" border="0" data-scale="90" data-icon-mode alt="Affinity map showing survey-takers' obstacles to keeping their homes clean." data-caption="Affinity map showing survey-takers' obstacles to keeping their homes clean." src="https://freight.cargo.site/w/1000/i/6a9082bdbc531b6cbb2d54bd970982f5d563be4d275d67b68a666eb7fff4d8a5/UX-Project-Digital-Affinity-Map.png" /> Key insights from survey and secondary research:Most people aren’t tracking their household chores with a tangible or digital toolAbility to clean is most affected by health, busyness and lack of motivationMost people share the responsibility of household chores with othersJust over half of people prefer to clean in large blocks of time less oftenThey associated current chores with negative feelings (ranging from boredom to dread to hate) Defining the UserWho is the audience?To explore survey findings further, I created a persona capturing common obstacles and needs. Aiden Luna&nbsp; is a busy working adult who shares a house with two others. They enjoy the feeling of having a clean home but... dread the monotonous and time-consuming process of doing chores. Apart from their work schedule, Aiden’s mental health can affect their ability to keep the home clean. Most of the time, Aiden keeps a mental list of what needs to be done around the house and tasks are often shared with housemates. Goals &amp; Needs Feel inspired to keep a clean homeFeel less overwhelmed by tasksView all household tasks to gauge progressDelegate chores to housemates&nbsp; Frustrations Doesn’t feel motivated to do choresOthers in the house make messes Busyness limits the amount of time to clean Motivations Looks forward to relaxing once chores are doneFeels good once their space is clean How might we?Once I had a more defined problem statement, I created “How Might We”* questions addressing each part of the problem. These would help me brainstorm with clearer goals in mind.How might we make the process of keeping the home clean more efficient?How might we motivate users to do chores?How might we help the user delegate tasks to housemates?From the initial research phase, I thought a mobile app could be a practical solution. Since people already use their phones to email and schedule, tracking chores this way could also be useful. Chore-tracker apps already exist, but could I design one that caters to the audience represented in my survey?*The How Might We question framework was originally developed by Proctor and Gamble in the 70’s. <img width="688" height="676" width_o="688" height_o="676" data-src="https://freight.cargo.site/t/original/i/4f78c3e4113748435d16c15d73a0f53aa094cabe99c115f5af35fc642d8e5f34/phone.png" data-mid="122437314" border="0" alt="Illustration of phone with abstract lines in the background" data-caption="Illustration of phone with abstract lines in the background" src="https://freight.cargo.site/w/688/i/4f78c3e4113748435d16c15d73a0f53aa094cabe99c115f5af35fc642d8e5f34/phone.png" /> Competitor analysisExploring relevant appsI reviewed seven mobile apps for household chore management and three that were broadly-based on habit-tracking. I looked at Android apps, keeping in mind that interfaces would differ on iOS versions.Key insightWith the exception of Fabulous and Productivity, most apps I reviewed leave the work of deciding on tasks to input for a schedule up to the user. Some simplify this process by providing a bank of tasks to choose from. Full customization upfront is ideal for someone with very specific tasks in mind. But for the person who doesn’t know where to start, the process of inputting chores to get started requires a heavy cognitive load. This may lead someone to not follow through or abandon the app.There is an opportunity to create a solution that generates a starting routine, leaving the user with less tasks to schedule manually.Reading app reviews let me know what people generally look for in a chore-tracker. The reviewers may or may not fall in line with my persona, but their input was still helpful.I found that generally, reviewers want a chore tracker that lets them:prioritize taskssee chores in a calendar viewdelay task due datesadd items quickly Chore management<img width="296" height="594" width_o="296" height_o="594" data-src="https://freight.cargo.site/t/original/i/89e4830e1e71cd957923ea04bae655d0d178c2e6f334cd65eca23b929ac40823/Chore-Management-apps.png" data-mid="120686624" border="0" data-scale="50" alt="Icons of chore management apps reviewed. " data-caption="Icons of chore management apps reviewed. " src="https://freight.cargo.site/w/296/i/89e4830e1e71cd957923ea04bae655d0d178c2e6f334cd65eca23b929ac40823/Chore-Management-apps.png" />(From left to right) Chores App, Chores &amp; Allowance Bot, Clean My House, Clean House, Nipto, Sweepy and Tody Habit tracking<img width="296" height="294" width_o="296" height_o="294" data-src="https://freight.cargo.site/t/original/i/71f8585b5ce5d6497dbeeaf2a083613506b989907b63348e1d27bb42c2212272/Habit-Tracking-apps.png" data-mid="120686642" border="0" data-scale="50" alt="Icons of habit tracking apps reviewed." data-caption="Icons of habit tracking apps reviewed." src="https://freight.cargo.site/w/296/i/71f8585b5ce5d6497dbeeaf2a083613506b989907b63348e1d27bb42c2212272/Habit-Tracking-apps.png" />(From left to right) Todoist, Fabulous and Productive ConceptMapping out ideasTaking the problem statement, How Might We questions and competitor apps into account, I created a mind map to start generating ideas. Highlights from the process: Cleaning could be made more efficient by...helping the user establish a routine based on their preferenceshaving tasks be viewable by day, week and month in a calendarMotivation could be achieved by...meeting a percentage of completed tasks each week or monthearning points, achieving badges or reaching levelsmaintaining a decluttering streak <img width="1264" height="1028" width_o="1264" height_o="1028" data-src="https://freight.cargo.site/t/original/i/e406970c05c2b254a27f94844ac8d156a76756b318245ef652264fafffc10662/yaychore-mind-map.png" data-mid="120687213" border="0" alt="Mind map of brainstorming categories: task delegation, efficient cleaning and motivation." data-caption="Mind map of brainstorming categories: task delegation, efficient cleaning and motivation." src="https://freight.cargo.site/w/1000/i/e406970c05c2b254a27f94844ac8d156a76756b318245ef652264fafffc10662/yaychore-mind-map.png" /> Thinking through storiesWhile mind-mapping, I wondered how cleaning styles could impact the solution. I created storyboards to envision how cleaning in large blocks of time less often could differ from cleaning throughout the week when using an app. This exercise also helped me explore how product ideas could function in the context of everyday life. Ultimately, I decided it was more important to have the system be flexibile to a wide range of cleaning styles.&nbsp;Someone may prefer cleaning longer less often, but that doesn’t guarantee that they will always clean that way or that it will be practical. <img width="1264" height="1642" width_o="1264" height_o="1642" data-src="https://freight.cargo.site/t/original/i/5fb4135863095d98a87c4bc544972f51712ad9d7c0df9fddd20d1f1f38dd8e41/Storyboard.png" data-mid="120687969" border="0" data-scale="90" alt="Storyboard of someone using the app to clean throughout the day." data-caption="Storyboard of someone using the app to clean throughout the day." src="https://freight.cargo.site/w/1000/i/5fb4135863095d98a87c4bc544972f51712ad9d7c0df9fddd20d1f1f38dd8e41/Storyboard.png" />Storyboard depicting someone using the app to clean throughout the day. Narrowing the scope &amp; defining critical featuresNext, I began considering which ideas would be best to include in the solution, and what would be vital to show as part of the concept. In the context of using the chore tracker, there would be three types of user experiences to consider:Someone setting up the app to use alonePeople setting up the app to share tasks with othersSomeone joining a home already set up by a housemateFor this project, I concentrated on someone setting up the app to share chores, so I could show the onboarding process and task delegation. Crucial parts of the app were determined and then user flows were created for each one: OnboardingSetting up a home for the first time SchedulingAdding and editing a chore Rescheduling a choreAssigning a choreArranging chores as a cleaning session CleaningDaily declutter sessionCompleting a taskCompleting a cleaning session SearchSearching for a task with filters Rescheduling chores Making to-do items easy to find, edit and reschedule was one of the most crucial parts of the experience to get right. The user flow below shows three main ways one could reschedule a chore. <img width="1197" height="2077" width_o="1197" height_o="2077" data-src="https://freight.cargo.site/t/original/i/15d14ceecc31c30c45c8abedfb54bdeb22edd6ea15d7c04dff840cdaf19e7ee0/Rescheduling-chores.png" data-mid="126736006" border="0" data-scale="97" data-icon-mode alt="User flow showing 3 ways to edit a chore: with search, calendar and quick-reschedule." data-caption="User flow showing 3 ways to edit a chore: with search, calendar and quick-reschedule." src="https://freight.cargo.site/w/1000/i/15d14ceecc31c30c45c8abedfb54bdeb22edd6ea15d7c04dff840cdaf19e7ee0/Rescheduling-chores.png" /> Laying the foundationI built a flat navigation system, keeping the app’s dashboard screen central to the experience. Primary app functions are included in the tab bar. <img width="3072" height="2506" width_o="3072" height_o="2506" data-src="https://freight.cargo.site/t/original/i/edc3262f0cebb08335fa7c82154fd2f2c8f794a200bc489e5ca479de2b6d8ac0/yaychore-sitemap.png" data-mid="122369361" border="0" data-scale="85" data-icon-mode alt="Sitemap, showing the app's main sections, all accessible from the dashboard screen." data-caption="Sitemap, showing the app's main sections, all accessible from the dashboard screen." src="https://freight.cargo.site/w/1000/i/edc3262f0cebb08335fa7c82154fd2f2c8f794a200bc489e5ca479de2b6d8ac0/yaychore-sitemap.png" /> DesignPrototyping the experienceOnce the app’s flows and strucure were created, I sketched the app’s main screens. Prototypes were built in Figma, and roughly six rounds of revisions led to a final version. I tested two versions with family members and later, more condensed tests were conducted remotely on Maze with high-fidelity prototypes. Here are highlights of the changes that occurred during the prototyping process. Onboarding: adding &amp; naming roomsThe process of selecting and naming rooms was split into two parts to reduce cognitive load. Icons representing room types were added for faster recognition. <img width="657" height="1300" width_o="657" height_o="1300" data-src="https://freight.cargo.site/t/original/i/de44bfdb9fa5f00579c80631f54310f337c8634e5ac730302de1df131c5bde75/Room-input-sketch.png" data-mid="122432860" border="0" alt="Sketch of room input screen, where users can select and customize their room names" data-caption="Sketch of room input screen, where users can select and customize their room names" src="https://freight.cargo.site/w/657/i/de44bfdb9fa5f00579c80631f54310f337c8634e5ac730302de1df131c5bde75/Room-input-sketch.png" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/ba157a2755afb42554905a9d7c13ec6019c7d623c384a89e490a729d192ac377/Room-input-R3.jpg" data-mid="127095760" border="0" alt="High-fidelity version of room input screen, where users can select and customize their room names" data-caption="High-fidelity version of room input screen, where users can select and customize their room names" src="https://freight.cargo.site/w/656/i/ba157a2755afb42554905a9d7c13ec6019c7d623c384a89e490a729d192ac377/Room-input-R3.jpg" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/f59cd20be76982aaacd56547a3b6c1bbd55b00867ca38975b2de4134bdaaf7cf/Room-input.gif" data-mid="127221031" border="0" alt="Final version of room input screen, where users can add rooms and then customize the names" data-caption="Final version of room input screen, where users can add rooms and then customize the names" src="https://freight.cargo.site/w/656/i/f59cd20be76982aaacd56547a3b6c1bbd55b00867ca38975b2de4134bdaaf7cf/Room-input.gif" /> Onboarding: adding daily choresInitially, common daily chores were listed by rooms. To make the screen less cluttered and overwhelming, tasks were simplified to one small list where rooms can then be specified after tapping an item. <img width="657" height="1300" width_o="657" height_o="1300" data-src="https://freight.cargo.site/t/original/i/0a2d69e966399cadf5f0142d3acc1be41ba9973a4ed69ef1a9d81c404efe984e/Daily-tasks-sketch.png" data-mid="122432374" border="0" alt="Sketch of screen for adding daily chores listed by room." data-caption="Sketch of screen for adding daily chores listed by room." src="https://freight.cargo.site/w/657/i/0a2d69e966399cadf5f0142d3acc1be41ba9973a4ed69ef1a9d81c404efe984e/Daily-tasks-sketch.png" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/8f302c7e8d87d112a754eba83068a48d8d83978570cfaaa7ceb021b8b978b18f/Daily-tasks-R3.jpg" data-mid="127095925" border="0" alt="High-fidelity design of daily chore screen where users can enter tasks by room." data-caption="High-fidelity design of daily chore screen where users can enter tasks by room." src="https://freight.cargo.site/w/656/i/8f302c7e8d87d112a754eba83068a48d8d83978570cfaaa7ceb021b8b978b18f/Daily-tasks-R3.jpg" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/b8d30cd81ca838f30cd18625e82f5b28da851545cef61186b5d12914b1d672e7/Daily-tasks.gif" data-mid="127144671" border="0" alt="Final daily chore design where user can select from a short list of tasks and then confirm rooms" data-caption="Final daily chore design where user can select from a short list of tasks and then confirm rooms" src="https://freight.cargo.site/w/656/i/b8d30cd81ca838f30cd18625e82f5b28da851545cef61186b5d12914b1d672e7/Daily-tasks.gif" /> Introducing features during onboarding During testing, there was confusion over how to group chores, swipe to edit tasks, and quickly reschedule an item within the current week. To make these actions clearer, each one was introduced with an animated demonstration at the end of onboarding. DashboardTo avoid demotivating people, the overdue chore block was removed. Instead of swiping to complete tasks, which proved to be confusing, checkboxes were added for a more clear way to mark items complete. The profile photo and name was replaced with a personalized user greeting, and more color was incorporated to make the interface appear more cheerful. <img width="657" height="1300" width_o="657" height_o="1300" data-src="https://freight.cargo.site/t/original/i/9d3d932359743bc2b602958d673fb9899bcc340dcef4df14491feaa424e9e1a5/Dashboard-sketch.png" data-mid="122432565" border="0" alt="Dashboard screen sketch, showing the user's name, home name, weekly chore progress and to-do list." data-caption="Dashboard screen sketch, showing the user's name, home name, weekly chore progress and to-do list." src="https://freight.cargo.site/w/657/i/9d3d932359743bc2b602958d673fb9899bcc340dcef4df14491feaa424e9e1a5/Dashboard-sketch.png" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/d9ffc9e3c88c9f5f729b619b89f4779dc2e2b5335dae79f9af9dde6b917d0e1f/Dashboard-R3.jpg" data-mid="127096817" border="0" alt="High-fidelity dashboard, with the user's name, home name, weekly chore progress and to-do list." data-caption="High-fidelity dashboard, with the user's name, home name, weekly chore progress and to-do list." src="https://freight.cargo.site/w/656/i/d9ffc9e3c88c9f5f729b619b89f4779dc2e2b5335dae79f9af9dde6b917d0e1f/Dashboard-R3.jpg" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/f4c918855962b92edd4c6cd07f41220b639e56c9cd419890e66826767a4569f1/Dashboard-R6.jpg" data-mid="127096919" border="0" alt="Final dashboard, with a user greeting, home name, weekly chore progress and to-do list." data-caption="Final dashboard, with a user greeting, home name, weekly chore progress and to-do list." src="https://freight.cargo.site/w/656/i/f4c918855962b92edd4c6cd07f41220b639e56c9cd419890e66826767a4569f1/Dashboard-R6.jpg" /> Editing a choreInitially, a menu to edit or delete a chore would appear upon swiping right. This gesture proved to be unintuitive in testing. After adding a checkbox to the chore card, the menu’s swipe direction changed to left. A more obvious ellipses button, showing the menu with a tap, was added as another way to access the menu. The delete button was changed to dark pink to further distinguish it as a destructive action. <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/7e4d7837a956654a3de8413e601cd4780846712e757155a716acd247f9765bc6/Chore-edit.jpg" data-mid="127097120" border="0" alt="Calendar screen, where options to edit or delete a task are shown upon swiping." data-caption="Calendar screen, where options to edit or delete a task are shown upon swiping." src="https://freight.cargo.site/w/656/i/7e4d7837a956654a3de8413e601cd4780846712e757155a716acd247f9765bc6/Chore-edit.jpg" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/58659f264b0e7a1f4297cb2e107544b456c19bf6372c4702c6326affc6551114/Edit-chore.gif" data-mid="127144755" border="0" alt="Final calendar screen. An edit or delete chore menu can be accessed by swiping or clicking ellipses." data-caption="Final calendar screen. An edit or delete chore menu can be accessed by swiping or clicking ellipses." src="https://freight.cargo.site/w/656/i/58659f264b0e7a1f4297cb2e107544b456c19bf6372c4702c6326affc6551114/Edit-chore.gif" /> Creating chore groupsIn earlier versions, chores could be grouped by dragging them together. This was difficult for people to figure out, so a “create group” button was added instead. After tapping the button, chores can be selected and added to a group. Grouped items can be completed individually or as a “cleaning session”. <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/ec849881a59698f248df1749a3cebe1029f6b25cf239c67434f007b5439e474e/Chore-group-R2.gif" data-mid="127144973" border="0" alt="Calendar screen, where user forms a group by dragging chores together." data-caption="Calendar screen, where user forms a group by dragging chores together." src="https://freight.cargo.site/w/656/i/ec849881a59698f248df1749a3cebe1029f6b25cf239c67434f007b5439e474e/Chore-group-R2.gif" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/93dc5121e146607f9eb03c2ea946bbf56ad21180881a15fce346df90bfd1bdf3/Chore-Group-R6.gif" data-mid="127144998" border="0" alt="Calendar screen where user forms a group by tapping the &quot;Create Group&quot; button and selecting chores." data-caption="Calendar screen where user forms a group by tapping the &quot;Create Group&quot; button and selecting chores." src="https://freight.cargo.site/w/656/i/93dc5121e146607f9eb03c2ea946bbf56ad21180881a15fce346df90bfd1bdf3/Chore-Group-R6.gif" /> Completing a cleaning sessionOriginally, within a cleaning session, swiping to view the next chore would mark the previous item complete. To make the experience consistent with to-do items throughout the app, checkboxes were added to mark each item complete. Now, one can swipe left and right to view chores in their cleaning session without having them be marked complete. To make the cleaning session status more clear, the chore number was enlarged, and the next chore was added to the bottom of the screen. <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/0e07a16b62b245fb8c54d491a82d078532c52d3e4fc6eab5b4d50e2f8a302124/Cleaning-session-sketch.png" data-mid="122432691" border="0" alt="Sketch of cleaning session screen with chore and room name, progress and pause button." data-caption="Sketch of cleaning session screen with chore and room name, progress and pause button." src="https://freight.cargo.site/w/656/i/0e07a16b62b245fb8c54d491a82d078532c52d3e4fc6eab5b4d50e2f8a302124/Cleaning-session-sketch.png" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/98d7d31062b2806dc52307221b31032db3d05fc801ae27518fa47a22932eae7c/Cleaning-session-R2.gif" data-mid="127145300" border="0" alt="Cleaning session design where user proceeds through chores by swiping." data-caption="Cleaning session design where user proceeds through chores by swiping." src="https://freight.cargo.site/w/656/i/98d7d31062b2806dc52307221b31032db3d05fc801ae27518fa47a22932eae7c/Cleaning-session-R2.gif" /> <img width="656" height="1300" width_o="656" height_o="1300" data-src="https://freight.cargo.site/t/original/i/453ea6b057f8ccbba6869e4eaa415b8d4340c236606625a7c585682b9b0233c2/Cleaning-session-R6.gif" data-mid="127145223" border="0" alt="Final cleaning session design. The user proceeds through chores by tapping a checkbox." data-caption="Final cleaning session design. The user proceeds through chores by tapping a checkbox." src="https://freight.cargo.site/w/656/i/453ea6b057f8ccbba6869e4eaa415b8d4340c236606625a7c585682b9b0233c2/Cleaning-session-R6.gif" /> OutcomeUnmoderated testing insightsAfter testing two design versions with family members, I ran two rounds of unmoderated tests on subsequent high-fidelity prototypes with Maze. It is important to note that Maze testers could have been using devices other than a phone. Swiping and other gestures wouldn’t be intuitive or natural on a desktop computer, so that could skew results.During the last two rounds of tests, I had users: take a tour of app featuresmark an item completeadd a choreedit a chore and assign it to a housematecreate a chore groupcomplete a cleaning sessionanswer general feedback questions <img width="793" height="1539" width_o="793" height_o="1539" data-src="https://freight.cargo.site/t/original/i/956d9d7a6cf382af17d6024491d6f80bc3db4274f71b1b7c7023bf190819e91b/yaychore-maze-test.png" data-mid="121551897" border="0" data-scale="75" alt="Heatmap image of high-fidelity calendar screen, reflecting confusion around how to edit a task." data-caption="Heatmap image of high-fidelity calendar screen, reflecting confusion around how to edit a task." src="https://freight.cargo.site/w/793/i/956d9d7a6cf382af17d6024491d6f80bc3db4274f71b1b7c7023bf190819e91b/yaychore-maze-test.png" />In test one, swiping to edit a chore proved to be unintuitive. Although results could have been skewed by those testing on non-mobile devices, changes were definitely needed. Users rated their experience... <img width="2475" height="582" width_o="2475" height_o="582" data-src="https://freight.cargo.site/t/original/i/3734061ca71f15f38180aae4c36942d0dcacd65b493766adc99e5543d01b0a26/yaychore-test-experience-rating.png" data-mid="121552999" border="0" data-scale="20" data-icon-mode alt="Average experience rating: Test 1, 10 users, 3.9 out of 5. Test 2, 6 users, 4.5 out of 5 " data-caption="Average experience rating: Test 1, 10 users, 3.9 out of 5. Test 2, 6 users, 4.5 out of 5 " src="https://freight.cargo.site/w/1000/i/3734061ca71f15f38180aae4c36942d0dcacd65b493766adc99e5543d01b0a26/yaychore-test-experience-rating.png" /> <img width="342" height="342" width_o="342" height_o="342" data-src="https://freight.cargo.site/t/original/i/e3b04278ad2ba313965f4be559142aa4e1be802212a88379fc15b0a8fc76334e/sad-face.png" data-mid="121553337" border="0" data-scale="30" alt="Sad face" data-caption="Sad face" src="https://freight.cargo.site/w/342/i/e3b04278ad2ba313965f4be559142aa4e1be802212a88379fc15b0a8fc76334e/sad-face.png" /> What they liked the least...navigation was somewhat difficultcreating a group was confusinga long to-do list could be cumbersome to navigate without grouping items <img width="342" height="342" width_o="342" height_o="342" data-src="https://freight.cargo.site/t/original/i/a2339b6bba72e2ef4dceeaa7b7f0b13fd94960e8f4e6b998835d3491bfc6d0d0/happy-face.png" data-mid="121553352" border="0" data-scale="30" alt="Happy face" data-caption="Happy face" src="https://freight.cargo.site/w/342/i/a2339b6bba72e2ef4dceeaa7b7f0b13fd94960e8f4e6b998835d3491bfc6d0d0/happy-face.png" />What they liked the most...flexibility to edit chores for different needschores are easy to assignthe intuitive design Feedback is paraphrased from Maze test two results. Retrospective What would I have done differently? Timelines Learning along the way resulted in steps taking longer than anticipated. Sticking to a more rigid schedule and narrowing the scope would have kept the timeline shorter. Additional research Supplementing survey data with diary or field studies could have provided more insight on how cleaning differs according to living situation. From there, the persona could have been split into further groups: someone living alone, with family members or with roommates, and so on. Problem prioritization Discussing Yaychore with a mentor during the design phase helped me realize that the problems needed to be prioritized. The initial problem statement addressed three pain points: a lack of time and motivation, and needing help with task delegation. I revisited it to give lack of motivation the most emphasis, because this would be the most impactful issue to target. Ranking problems upfront would have kept ideation more focused. Unmoderated testing Seeing how people interacted with the prototype helped uncover issues, but the results weren’t completely reliable. The first unmoderated test helped me find and fix a few holes in the prototype where people were able to miss a step and still have the task be marked complete. Throughout the unmoderated tests, I saw a few cases where it seemed like testers were clicking aimlessly to finish a task. To get more valid results, the prototype would need to be tested again with additional users. Future additions &amp; considerations: COVID-19 has resulted in more remote working, which could mean that more chores are being done throughout the day. It would be helpful to research this impact, to see what bearing it could have on chore-tracking features. A flow for housemate onboarding would need to be incorporated The handling of overdue items would need to be further explored and testedProviding an option for cleanliness levels during onboarding could ensure that the schedule created during onboarding is more realistic and meets the user’s standards. A voice user interface would be helpful for those cleaning with wet hands, or for someone who is editing a schedule while busy with something else Have questions?&nbsp; Contact me for more information. Prototype photo credits: Carrie Winters profile photo: Eye for Ebony Kenny Valdez profile photo: Jeffrey Keenan Lela Potter profile photo: Candice Picard (Photos were found on Unsplash) ︎︎︎ View more <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/da8070d0ced93a499aef204a0d63b180a4ffced2ef3aaf6c967126d146acf18d/Yaychore-branding.png" data-mid="121093137" border="0" alt="Finalized desktop version of the design for a fictional pet adoption website, named &ldquo;Furfamily&rdquo;. " data-caption="Finalized desktop version of the design for a fictional pet adoption website, named “Furfamily”. " src="https://freight.cargo.site/w/1000/i/da8070d0ced93a499aef204a0d63b180a4ffced2ef3aaf6c967126d146acf18d/Yaychore-branding.png" /> Design system &amp; illustrationYaychore branding View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/8cb7c27940e363be571d535133bd7a42af0a6097cc5515e1cf4a597b4de7c601/Daily-UI-thumbnail.jpg" data-mid="121726022" border="0" alt="Design for a fictional pet adoption website, named &ldquo;Furfamily&rdquo;. " data-caption="Design for a fictional pet adoption website, named “Furfamily”. " src="https://freight.cargo.site/w/1000/i/8cb7c27940e363be571d535133bd7a42af0a6097cc5515e1cf4a597b4de7c601/Daily-UI-thumbnail.jpg" />UI design Daily UI, with a twist View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/e39df1f0ceae9d141318706b95c27ab367f31af7cb1b712fc5f2c62fb89f251f/Stephanie-Logo-LW-Thumbnail.jpg" data-mid="121093148" border="0" alt="Monogram logo with an interlocking S and B." data-caption="Monogram logo with an interlocking S and B." src="https://freight.cargo.site/w/1000/i/e39df1f0ceae9d141318706b95c27ab367f31af7cb1b712fc5f2c62fb89f251f/Stephanie-Logo-LW-Thumbnail.jpg" /> Logo designStephanie Barrow Consulting View project https://laurelawelch.com/Daily-UI-with-a-twist Sun, 22 Aug 2021 20:53:46 +0000 laurelawelch https://laurelawelch.com/Daily-UI-with-a-twist Daily UI, with a twistOver the last few months, I practiced UI design with&nbsp;Daily UI prompts. They were a great creative exercise, though admittedly, at times I surpassed the one-day scope. Around challenge 33, I changed course to focus more on my case study.Later on, I revisited a few designs with fresh eyes. Given that the contexts are fictional, they needed to be approached with a grain of salt. But I still found the process of identifying and correcting earlier mistakes to be a great learning experience. 01Sign upDeciding on a wellness retreatA retreat center offers multi-day events on subjects including yoga, nutrition and outdoor activities. Those interested can receive a guide detailing each available retreat by completing the form. Before <img width="700" height="953" width_o="700" height_o="953" data-src="https://freight.cargo.site/t/original/i/74934796512a8cf9e0e78ca4d0a1ac463bd97f51b0229f8320e63b716c04eb1b/Daily-UI-01-a-LW.png" data-mid="117167564" border="0" data-scale="80" alt="Sign up form with &quot;Request a retreat packet&quot; text and inputs for name, email and retreat focus." data-caption="Sign up form with &quot;Request a retreat packet&quot; text and inputs for name, email and retreat focus." src="https://freight.cargo.site/w/700/i/74934796512a8cf9e0e78ca4d0a1ac463bd97f51b0229f8320e63b716c04eb1b/Daily-UI-01-a-LW.png" /> After <img width="700" height="1147" width_o="700" height_o="1147" data-src="https://freight.cargo.site/t/original/i/7b47d918b19a8de65c3050a3ebb57c406cbf0824aa57db2f7540af6f723528af/Daily-UI-01-b-LW.png" data-mid="117311356" border="0" data-scale="80" alt="Sign up form with headline, name and email address inputs and retreat focus buttons." data-caption="Sign up form with headline, name and email address inputs and retreat focus buttons." src="https://freight.cargo.site/w/700/i/7b47d918b19a8de65c3050a3ebb57c406cbf0824aa57db2f7540af6f723528af/Daily-UI-01-b-LW.png" />Photo by Kaylee Garrett on Unsplash Changes made:Included a relevant photo to evoke aspirationMade the headline more personable and added explanatory copySpecified “Name” to be “Full name” and moved it above the text input fieldRetreat options were reconfigured to be buttons for easier selectionAdded the business name and menu button for contextAdded a check micro-interaction to indicate a valid and completed form fieldMade the "Submit" button copy more specific and changed the color to have a more accessible contrast 02404 pageShopping for an old favorite A clothing store’s error page may occur when someone clicks an outdated link to an item that has since been changed or is no longer being sold. Before<img width="1580" height="1164" width_o="1580" height_o="1164" data-src="https://freight.cargo.site/t/original/i/a1839e57ef1a54d454f52379376777ca0e53ac1dbbbf8b8bd669c9571a050851/Daily-UI-Challenge-008-a-LW.png" data-mid="117164346" border="0" alt="Error page with large 404, button to go back and large decorative &quot;UH OH&quot; design." data-caption="Error page with large 404, button to go back and large decorative &quot;UH OH&quot; design." src="https://freight.cargo.site/w/1000/i/a1839e57ef1a54d454f52379376777ca0e53ac1dbbbf8b8bd669c9571a050851/Daily-UI-Challenge-008-a-LW.png" /> After<img width="1790" height="1164" width_o="1790" height_o="1164" data-src="https://freight.cargo.site/t/original/i/9512b35cc4b689139969bd94195d8a73b42f7a8d97f95dcf1af946089d6f1922/Daily-UI-Challenge-008-a-LW.png" data-mid="122624330" border="0" data-scale="75" data-icon-mode alt="Error page with explanation, search field and helpful links incorporated." data-caption="Error page with explanation, search field and helpful links incorporated." src="https://freight.cargo.site/w/1000/i/9512b35cc4b689139969bd94195d8a73b42f7a8d97f95dcf1af946089d6f1922/Daily-UI-Challenge-008-a-LW.png" /> Changes made:&nbsp;Added copy explaining the issue and offering suggestionsIncluded a search bar to encourage one to look elsewhere on the siteIncorporated links to popular pages, and an option to chat with customer serviceElaborated on navigation to include a business logo, more specific site sections, a place to sign in and a shopping bag icon 03SearchFinding a new petA site specializing in cat and dog adoption enables animal shelter employees to post information about their available animals to the site. Those looking to adopt can search for pets in and around their community. Before<img width="1580" height="1164" width_o="1580" height_o="1164" data-src="https://freight.cargo.site/t/original/i/db8bf5171a75e6581548307c5d927e0d53503a0d19a1011c45d6099d7bc59335/Daily-UI-022-a-LW.png" data-mid="117212449" border="0" alt="Cat adoption page, showing navigation, search and information about 3 cats with learn more buttons." data-caption="Cat adoption page, showing navigation, search and information about 3 cats with learn more buttons." src="https://freight.cargo.site/w/1000/i/db8bf5171a75e6581548307c5d927e0d53503a0d19a1011c45d6099d7bc59335/Daily-UI-022-a-LW.png" />Photos (top to bottom): 1 &amp; 2 by Milada Vigerova, 3 by Elodie Oudot, on Unsplash After<img width="1790" height="1245" width_o="1790" height_o="1245" data-src="https://freight.cargo.site/t/original/i/c52f9c467d7c396db1802969a7bf270e1873981e276646efd3bddebdc6efc670/Daily-UI-22-b-LW.png" data-mid="121724711" border="0" data-scale="75" data-icon-mode alt="Cat adoption page, showing more detailed search features and cat information arranged on cards. " data-caption="Cat adoption page, showing more detailed search features and cat information arranged on cards. " src="https://freight.cargo.site/w/1000/i/c52f9c467d7c396db1802969a7bf270e1873981e276646efd3bddebdc6efc670/Daily-UI-22-b-LW.png" /> Photos (left to right): 1 by Kari Shea, 2 by Madalyn Cox, 3 by Amber Kipp, on Unsplash Changes made:Revised logo color to have more contrast for better legibilityBrought in a location search field and included the user's location in the page's headlineAdded “filters” label, along with the option to remove filtersIncluded copy showing current selections made to collapsed menu items and rotated the chevrons to the correct position Age and sex categories were left expanded by default since they are likely to be frequently-usedAdded breed filterIncluded the option to save search settingsAdded the number of search resultsReworked navigation to include more imperative site sections and indicated the active page with an underlineAdded microcopy to the search field to guide what can be searched forAdded an option to sort results (sort options would include the distance and the amount of time the posting has been on the site)To place more emphasis on the photo, the animal’s information was redesigned to fit on cardsCopy was added for each pet and formatted into an easy-to-digest bulleted list 04 File upload Applying for a jobA job site's interface has a four-step process for completing an application. The third step is a file upload screen, which enables someone to upload files by drag and drop or by browsing their files. Before<img width="1580" height="1164" width_o="1580" height_o="1164" data-src="https://freight.cargo.site/t/original/i/b4433ae286837d1cf3e3ed1664add3aa73b29f765bbedd43f848330b14ed3c02/Daily-UI-31-a-LW.png" data-mid="117213322" border="0" alt="File upload page showing applicant's name, a file upload space and uploaded file statuses." data-caption="File upload page showing applicant's name, a file upload space and uploaded file statuses." src="https://freight.cargo.site/w/1000/i/b4433ae286837d1cf3e3ed1664add3aa73b29f765bbedd43f848330b14ed3c02/Daily-UI-31-a-LW.png" /> After <img width="1790" height="1215" width_o="1790" height_o="1215" data-src="https://freight.cargo.site/t/original/i/c1f5ba33839290356c5f17ba2e6de7ab5288989bfb8be9521715e905f9ea342c/Daily-UI-31-c-LW.png" data-mid="126066423" border="0" data-scale="75" data-icon-mode alt="File upload page with application status, upload instructions and distinct file upload statuses." data-caption="File upload page with application status, upload instructions and distinct file upload statuses." src="https://freight.cargo.site/w/1000/i/c1f5ba33839290356c5f17ba2e6de7ab5288989bfb8be9521715e905f9ea342c/Daily-UI-31-c-LW.png" /> Changes made:Specified the text accompanying the chevron to the step that would be navigated back toThe page's headline was changed to the current step of the application processAdded a bar showing each step of the application process, along with an indication of the person's progressThe job title was moved to the top right and the company name was addedA link to tips on file specifications was included with a more specific error message, and red was added to distinguish the error stateThe button’s label lists the next step of the application process, and the inactive state was revised to a transparent version of purple, providing more clarity that it will become active once the files have been uploaded and the error has been resolved.&nbsp; 05Crowdfunding campaignSupporting the community The nature club for a fictional town, Andvale, is raising funds for the construction of a greenhouse. They have set up a fundraising page with information about the project in the hope that their community will make online donations. Before<img width="1580" height="1047" width_o="1580" height_o="1047" data-src="https://freight.cargo.site/t/original/i/089aa2c3a3f49a8e7c9980870ae9ba05de07950c9c9f95f346c538182c05f302/Daily-UI-32-a-LW.png" data-mid="117213505" border="0" alt="Fundraising page showing carrot photo, headline, goal, progress, supporters and donate button." data-caption="Fundraising page showing carrot photo, headline, goal, progress, supporters and donate button." src="https://freight.cargo.site/w/1000/i/089aa2c3a3f49a8e7c9980870ae9ba05de07950c9c9f95f346c538182c05f302/Daily-UI-32-a-LW.png" />Photo by Markus Spiske on Unsplash After<img width="1790" height="1164" width_o="1790" height_o="1164" data-src="https://freight.cargo.site/t/original/i/91bfc3e044c0e0e3749c751eaf69c6ad8cb317be147eab35ff08a43215b4871d/Daily-UI-32-b-LW.png" data-mid="121725692" border="0" data-scale="75" data-icon-mode alt="Fundraising page with an added website header and images featuring greenhouse project highlights." data-caption="Fundraising page with an added website header and images featuring greenhouse project highlights." src="https://freight.cargo.site/w/1000/i/91bfc3e044c0e0e3749c751eaf69c6ad8cb317be147eab35ff08a43215b4871d/Daily-UI-32-b-LW.png" /> Photos (left to right): 1 by Megan Thomas, 2 by Alex Block, 3 by Jonathan Kemper, 4 by Markus Spiske, on Unsplash Changes made:Revised the copy to briefly list the community need and the potential project benefitsIncluded images representing each project feature to elicit more excitementReworked the progress bar design to be less clunky and to have more hierarchy between monetary amounts, supporters and the time leftMade the donate button larger and changed it to a darker color for more contrast and emphasisAdded the organization's name and site navigation menu, to clarify where the crowdfunding page exists ︎︎︎ View more <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/8cc26ffc2ec07880cc6cd85888ff7a9a6d72db3d09883349112a6f86971cdd36/Yaychore-branding.png" data-mid="121085172" border="0" alt="Yaychore app screen designs for the login and decluttering challenge promotion." data-caption="Yaychore app screen designs for the login and decluttering challenge promotion." src="https://freight.cargo.site/w/1000/i/8cc26ffc2ec07880cc6cd85888ff7a9a6d72db3d09883349112a6f86971cdd36/Yaychore-branding.png" /> Design system &amp; illustrationYaychore branding View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/1ef2358347d4f0e0ec10757237dda1378a2b82445d38a4ff3c0a2016af460b93/Stephanie-Logo-LW-Thumbnail.jpg" data-mid="121090748" border="0" alt="Monogram logo with an interlocking S and B." data-caption="Monogram logo with an interlocking S and B." src="https://freight.cargo.site/w/1000/i/1ef2358347d4f0e0ec10757237dda1378a2b82445d38a4ff3c0a2016af460b93/Stephanie-Logo-LW-Thumbnail.jpg" /> Logo designStephanie Barrow Consulting View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/1082785f76e2868c572e141fbbe01232956cd03447d4ea47ca1b4f81547cb68c/Yaychore-thumbnail.jpg" data-mid="121085173" border="0" alt="Yaychore app screen designs for the dashboard and cleaning session." data-caption="Yaychore app screen designs for the dashboard and cleaning session." src="https://freight.cargo.site/w/1000/i/1082785f76e2868c572e141fbbe01232956cd03447d4ea47ca1b4f81547cb68c/Yaychore-thumbnail.jpg" /> UX design | Case study Yaychore app View project https://laurelawelch.com/Yaychore-branding Tue, 05 Oct 2021 12:58:09 +0000 laurelawelch https://laurelawelch.com/Yaychore-branding <img width="1800" height="936" width_o="1800" height_o="936" data-src="https://freight.cargo.site/t/original/i/ea4d5a7638d3e9e767567cc2ffb91b90277a68337724c94e3ae2575a4efdf947/Yaychore-branding-hero-image.jpg" data-mid="127097878" border="0" alt="Screen designs of Yaychore's login, a decluttering challenge promotion and chore notifications." data-caption="Screen designs of Yaychore's login, a decluttering challenge promotion and chore notifications." src="https://freight.cargo.site/w/1000/i/ea4d5a7638d3e9e767567cc2ffb91b90277a68337724c94e3ae2575a4efdf947/Yaychore-branding-hero-image.jpg" /> Yaychore brandingAfter researching cleaning habits, I decided to create a mobile chore-tracking app concept. Those who I surveyed believe that their busy schedules, health and lack of motivation are affecting their ability to keep their homes clean. While working on the app’s functionality, I&nbsp;created a brand identity and design system, with the surveyed audience in mind. <img width="462" height="497" width_o="462" height_o="497" data-src="https://freight.cargo.site/t/original/i/4273552c84ed3ec66d57b076517a64eecf8ded90b1a3756d920c195a0b4d2c65/yaychore-cat.png" data-mid="121289743" border="0" data-scale="80" alt="Cat standing next to dustpan with curtain in the background" data-caption="Cat standing next to dustpan with curtain in the background" src="https://freight.cargo.site/w/462/i/4273552c84ed3ec66d57b076517a64eecf8ded90b1a3756d920c195a0b4d2c65/yaychore-cat.png" /> Brand directionCreating a friendly experienceUnsurprisingly, most survey takers reported having neutral or negative attitudes towards completing chores. It was important to create a brand that presents itself with a cheerful and calm demeanor. I selected the name yaychore, as it conveys a jovial and easygoing attitude. To evoke a happy, yet relaxed feeling, I chose a vibrant color palette, featuring shades of blue as the primary color group. Colorful line illustrations, rounded typography and round interface components helped create an approachable looking interface. <img width="800" height="857" width_o="800" height_o="857" data-src="https://freight.cargo.site/t/original/i/70636c059b4cfce6a615327fcde2ea1813365c6dc03d72a5c77d16ecbb054454/yaychore-brand-visual.png" data-mid="121917580" border="0" alt="Yaychore word mark, &quot;clean wisely, live peacefully&quot; tagline and illustration of person cleaning" data-caption="Yaychore word mark, &quot;clean wisely, live peacefully&quot; tagline and illustration of person cleaning" src="https://freight.cargo.site/w/800/i/70636c059b4cfce6a615327fcde2ea1813365c6dc03d72a5c77d16ecbb054454/yaychore-brand-visual.png" /> <img width="1800" height="777" width_o="1800" height_o="777" data-src="https://freight.cargo.site/t/original/i/2ac49ae6345fd3c2735e4c6d379927d400d474b058dc693f338afe01b9f986fa/yaychore-screens.jpg" data-mid="127097967" border="0" alt="App screen designs for declutter challenge, chore notifications, to-do list, and add chore" data-caption="App screen designs for declutter challenge, chore notifications, to-do list, and add chore" src="https://freight.cargo.site/w/1000/i/2ac49ae6345fd3c2735e4c6d379927d400d474b058dc693f338afe01b9f986fa/yaychore-screens.jpg" /> Design systemColor palette Primary Colors Blueberry twilight#0051D3<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/dd488223234cfd8624f2300dfbabd5b777ad4df48b8fde33385ca1a8d13e6107/01-Blueberry-twilight-swatch.png" data-mid="121636742" border="0" data-scale="25" data-icon-mode alt="Blueberry twilight contrast: white (daisy petal) can be used" data-caption="Blueberry twilight contrast: white (daisy petal) can be used" src="https://freight.cargo.site/w/912/i/dd488223234cfd8624f2300dfbabd5b777ad4df48b8fde33385ca1a8d13e6107/01-Blueberry-twilight-swatch.png" /> Hydrangea hype#B3D0FF<img width="912" height="1360" width_o="912" height_o="1360" data-src="https://freight.cargo.site/t/original/i/865e236afca0fef5867dc7edc3a54e297a923035e154b7bc2b5d83415259269f/02-Hydrangea-hype-swatch.png" data-mid="121636744" border="0" data-scale="30" data-icon-mode alt="Hydrangea hype contrast: midnight dinner can be used. Blueberry twilight is ok with large text." data-caption="Hydrangea hype contrast: midnight dinner can be used. Blueberry twilight is ok with large text." src="https://freight.cargo.site/w/912/i/865e236afca0fef5867dc7edc3a54e297a923035e154b7bc2b5d83415259269f/02-Hydrangea-hype-swatch.png" /> Soapy bubbles#D6EBFF<img width="912" height="1520" width_o="912" height_o="1520" data-src="https://freight.cargo.site/t/original/i/c18be1d5308dd1f8744a639d454df6487872851e3f35ca004e7264512539d52f/03-Soapy-bubbles.png" data-mid="121636747" border="0" data-scale="33" data-icon-mode alt="Soapy bubbles contrast: blueberry twilight and midnight dinner can be used" data-caption="Soapy bubbles contrast: blueberry twilight and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/c18be1d5308dd1f8744a639d454df6487872851e3f35ca004e7264512539d52f/03-Soapy-bubbles.png" /> Ice sculpture#EEF5FC<img width="912" height="1904" width_o="912" height_o="1904" data-src="https://freight.cargo.site/t/original/i/cbfcc297fbea15c3b15fae730056b072aa96385a9145afb1a4a5e6f94ab30adb/04-Ice-sculpture-swatch.png" data-mid="121636750" border="0" data-scale="41" data-icon-mode alt="Ice sculpture contrast: blueberry twilight, stone fountain and midnight dinner can be used" data-caption="Ice sculpture contrast: blueberry twilight, stone fountain and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/cbfcc297fbea15c3b15fae730056b072aa96385a9145afb1a4a5e6f94ab30adb/04-Ice-sculpture-swatch.png" /> Secondary colors Garden gnome#17C7A5<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/2fabd23604b04320ce85d36a9d9b8dd443bf6ee88d4ff88edd7bc88caa82298f/05-Garden-gnome-swatch.png" data-mid="121636753" border="0" data-scale="25" data-icon-mode alt="Garden gnome contrast: midnight dinner can be used" data-caption="Garden gnome contrast: midnight dinner can be used" src="https://freight.cargo.site/w/912/i/2fabd23604b04320ce85d36a9d9b8dd443bf6ee88d4ff88edd7bc88caa82298f/05-Garden-gnome-swatch.png" /> Lagoon tile#2DE7C3<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/1f5f7d89e75b62b9e2ef67c4093dc1d776c1ec3c2d5cd915e7883dec2dcab8a0/06-Lagoon-tile-swatch.png" data-mid="121636768" border="0" data-scale="25" data-icon-mode alt="Lagoon tile contrast: midnight dinner can be used" data-caption="Lagoon tile contrast: midnight dinner can be used" src="https://freight.cargo.site/w/912/i/1f5f7d89e75b62b9e2ef67c4093dc1d776c1ec3c2d5cd915e7883dec2dcab8a0/06-Lagoon-tile-swatch.png" /> Pool float#A6F2E3<img width="912" height="1520" width_o="912" height_o="1520" data-src="https://freight.cargo.site/t/original/i/0a63ca3788dec2f06df6292a450a4ad4a7fa7531152a08e46ae105f1f18140de/07-Pool-float-swatch.png" data-mid="121636769" border="0" data-scale="33" data-icon-mode alt="Pool float contrast: blueberry twilight and midnight dinner can be used" data-caption="Pool float contrast: blueberry twilight and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/0a63ca3788dec2f06df6292a450a4ad4a7fa7531152a08e46ae105f1f18140de/07-Pool-float-swatch.png" /> Mint frosting#D3F8F1<img width="912" height="1520" width_o="912" height_o="1520" data-src="https://freight.cargo.site/t/original/i/719a1871b152d3455642cf35d3f9ecdd924047fb36edfc660f8532023a3bb28a/08-Mint-frosting-swatch.png" data-mid="121636770" border="0" data-scale="33" data-icon-mode alt="Mint frosting contrast: blueberry twilight and midnight dinner can be used" data-caption="Mint frosting contrast: blueberry twilight and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/719a1871b152d3455642cf35d3f9ecdd924047fb36edfc660f8532023a3bb28a/08-Mint-frosting-swatch.png" /> Raspberry jam#FFAEB9<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/348fccf9f75c70d193ecc2c405f633680864cd7c797db18e667221d6a62a10ff/09-Raspberry-jam-swatch.png" data-mid="121636772" border="0" data-scale="25" data-icon-mode alt="Raspberry jam contrast: white (daisy petal) can be used" data-caption="Raspberry jam contrast: white (daisy petal) can be used" src="https://freight.cargo.site/w/912/i/348fccf9f75c70d193ecc2c405f633680864cd7c797db18e667221d6a62a10ff/09-Raspberry-jam-swatch.png" /> Party Punch#FFAEB9<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/d5e3889427bf75d735c8079e9f1390e62046c7e396bd97ac6febbaf5c45d0ec6/10-Party-punch-watch.png" data-mid="121636773" border="0" data-scale="25" data-icon-mode alt="Party punch contrast: midnight dinner can be used" data-caption="Party punch contrast: midnight dinner can be used" src="https://freight.cargo.site/w/912/i/d5e3889427bf75d735c8079e9f1390e62046c7e396bd97ac6febbaf5c45d0ec6/10-Party-punch-watch.png" /> Pink lemonade#FFCCD3<img width="912" height="1520" width_o="912" height_o="1520" data-src="https://freight.cargo.site/t/original/i/4e597735af267d5e00ec7597f6a36f7cc7cf90870803e0c3c732cdbeaac207ac/11-Pink-lemonade-swatch.png" data-mid="121636775" border="0" data-scale="33" data-icon-mode alt="Pink lemonade contrast: blueberry twilight and midnight dinner can be used" data-caption="Pink lemonade contrast: blueberry twilight and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/4e597735af267d5e00ec7597f6a36f7cc7cf90870803e0c3c732cdbeaac207ac/11-Pink-lemonade-swatch.png" /> Rose quartz#FFE5E9<img width="912" height="1520" width_o="912" height_o="1520" data-src="https://freight.cargo.site/t/original/i/8ac65011661544b356ac484d122effbae10b703b8e2197f7583b25fbbb52db87/12-Rose-quartz-swatch.png" data-mid="121636777" border="0" data-scale="33" data-icon-mode alt="Rose quartz contrast: blueberry twilight and midnight dinner can be used" data-caption="Rose quartz contrast: blueberry twilight and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/8ac65011661544b356ac484d122effbae10b703b8e2197f7583b25fbbb52db87/12-Rose-quartz-swatch.png" /> Neutral Colors Midnight dinner#2D3339<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/9ccd8307adb12e8f2544e209147624213a429abacbedad84a9e4ee25bb9efab1/13-Midnight-dinner-swatch.png" data-mid="121636778" border="0" data-scale="25" data-icon-mode alt="Midnight dinner contrast: white (daisy petal) can be used" data-caption="Midnight dinner contrast: white (daisy petal) can be used" src="https://freight.cargo.site/w/912/i/9ccd8307adb12e8f2544e209147624213a429abacbedad84a9e4ee25bb9efab1/13-Midnight-dinner-swatch.png" /> Stone fountain#626E7A<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/02d509bd7b31ca858e16728daa65ce35341cb6b6a19905e4b09d82897fbd20df/14-Stone-fountain-swatch.png" data-mid="121636785" border="0" data-scale="25" data-icon-mode alt="Stone fountain contrast: white (daisy petal) can be used" data-caption="Stone fountain contrast: white (daisy petal) can be used" src="https://freight.cargo.site/w/912/i/02d509bd7b31ca858e16728daa65ce35341cb6b6a19905e4b09d82897fbd20df/14-Stone-fountain-swatch.png" /> Fuzzy sweater#A7B0B9<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/41898ff0fa9bebb27a0303b90768a9f2f3b2785ba99464074e2e96bbacb82f6a/15-Fuzzy-sweater-swatch.png" data-mid="121636796" border="0" data-scale="25" data-icon-mode alt="Fuzzy sweater contrast: midnight dinner can be used" data-caption="Fuzzy sweater contrast: midnight dinner can be used" src="https://freight.cargo.site/w/912/i/41898ff0fa9bebb27a0303b90768a9f2f3b2785ba99464074e2e96bbacb82f6a/15-Fuzzy-sweater-swatch.png" /> Rain cloud#E6E8EB<img width="912" height="1520" width_o="912" height_o="1520" data-src="https://freight.cargo.site/t/original/i/a31a4aa9b62239c417f9f7cbe6f366c3ec0ee350a99ef21745cb9d0c6fb3d5bf/16-Rain-cloud-swatch.png" data-mid="121636797" border="0" data-scale="33" data-icon-mode alt="Rain cloud contrast: blueberry twilight and midnight dinner can be used" data-caption="Rain cloud contrast: blueberry twilight and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/a31a4aa9b62239c417f9f7cbe6f366c3ec0ee350a99ef21745cb9d0c6fb3d5bf/16-Rain-cloud-swatch.png" /> Soft linen#F1F3F3<img width="912" height="1520" width_o="912" height_o="1520" data-src="https://freight.cargo.site/t/original/i/ced2935dc5241bd4d58532b5f5440f29e74f52da46927d6bb6e97c408bc71fcd/17-Soft-linen-swatch.png" data-mid="121636798" border="0" data-scale="33" data-icon-mode alt="Soft linen contrast: blueberry twilight and midnight dinner can be used" data-caption="Soft linen contrast: blueberry twilight and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/ced2935dc5241bd4d58532b5f5440f29e74f52da46927d6bb6e97c408bc71fcd/17-Soft-linen-swatch.png" /> Daisy petal#FFFFFF<img width="912" height="1904" width_o="912" height_o="1904" data-src="https://freight.cargo.site/t/original/i/8db1503ffe1ede4c2e6893a658e379f8020f1376f3a087259e40a3cb858e2f02/18-Daisy-petal-swatch.png" data-mid="121636801" border="0" data-scale="41" data-icon-mode alt="Daisy petal (white) contrast: blueberry twilight, stone fountain and midnight dinner can be used" data-caption="Daisy petal (white) contrast: blueberry twilight, stone fountain and midnight dinner can be used" src="https://freight.cargo.site/w/912/i/8db1503ffe1ede4c2e6893a658e379f8020f1376f3a087259e40a3cb858e2f02/18-Daisy-petal-swatch.png" /> Alert colors Success Kale salad#0E7C67<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/2ba347fd7b73f5757d1885f7364cfd2d9fb69899191fbc242698bbd52ecd68ba/19-Kale-salad-swatch.png" data-mid="121636829" border="0" data-scale="25" data-icon-mode alt="Kale salad contrast: White (daisy petal) can be used" data-caption="Kale salad contrast: White (daisy petal) can be used" src="https://freight.cargo.site/w/912/i/2ba347fd7b73f5757d1885f7364cfd2d9fb69899191fbc242698bbd52ecd68ba/19-Kale-salad-swatch.png" /> Error Raspberry jam &nbsp;#D33371<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/0489572d82330caac3b3c548e4d120ee8f62f8525a607b5d4366c07932b20560/09-Raspberry-jam-swatch.png" data-mid="121636831" border="0" data-scale="25" data-icon-mode alt="Raspberry jam contrast: white (daisy petal) can be used" data-caption="Raspberry jam contrast: white (daisy petal) can be used" src="https://freight.cargo.site/w/912/i/0489572d82330caac3b3c548e4d120ee8f62f8525a607b5d4366c07932b20560/09-Raspberry-jam-swatch.png" /> Warning Carrot juice#D33371<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/a4ff00b93fab98cb6d034e0cb7488d79de7f63ed8954aa4eead662c2c339c609/20-Carrot-juice-swatch.png" data-mid="121636832" border="0" data-scale="25" data-icon-mode alt="Carrot juice contrast: midnight dinner can be used" data-caption="Carrot juice contrast: midnight dinner can be used" src="https://freight.cargo.site/w/912/i/a4ff00b93fab98cb6d034e0cb7488d79de7f63ed8954aa4eead662c2c339c609/20-Carrot-juice-swatch.png" /> Information Blueberry twilight#0051D3<img width="912" height="1136" width_o="912" height_o="1136" data-src="https://freight.cargo.site/t/original/i/50db762dd7ddc5066f9ce17d65c8f2db0dcd12e407b7b4cc69fd77e40ca0a85f/01-Blueberry-twilight-swatch.png" data-mid="121636837" border="0" data-scale="25" data-icon-mode alt="Blueberry twilight contrast: white (daisy petal) can be used" data-caption="Blueberry twilight contrast: white (daisy petal) can be used" src="https://freight.cargo.site/w/912/i/50db762dd7ddc5066f9ce17d65c8f2db0dcd12e407b7b4cc69fd77e40ca0a85f/01-Blueberry-twilight-swatch.png" /> Typography <img width="1904" height="2248" width_o="1904" height_o="2248" data-src="https://freight.cargo.site/t/original/i/cefe98f9bb1720eb1e70d937f2b0baf76f00c2340c72414c6d27f9d9a3f34d27/yaychore-type-styles.png" data-mid="120760566" border="0" data-scale="90" data-icon-mode alt="Styles shown: 4 display sizes, 4 heading sizes, a subtitle, 2 body text sizes and a small copy size" data-caption="Styles shown: 4 display sizes, 4 heading sizes, a subtitle, 2 body text sizes and a small copy size" src="https://freight.cargo.site/w/1000/i/cefe98f9bb1720eb1e70d937f2b0baf76f00c2340c72414c6d27f9d9a3f34d27/yaychore-type-styles.png" /> Iconography <img width="1942" height="574" width_o="1942" height_o="574" data-src="https://freight.cargo.site/t/original/i/4c40df9026ba8f3d7ed8a430496e4127cd1ffe484506d0f0970dbcee67eae2e7/yaychore-iconography.png" data-mid="120765416" border="0" alt="Icon set includes line-style icons representing room types and various app areas." data-caption="Icon set includes line-style icons representing room types and various app areas." src="https://freight.cargo.site/w/1000/i/4c40df9026ba8f3d7ed8a430496e4127cd1ffe484506d0f0970dbcee67eae2e7/yaychore-iconography.png" /> Buttons <img width="1848" height="584" width_o="1848" height_o="584" data-src="https://freight.cargo.site/t/original/i/c1df7fb81dfc28f03efe6a4ceb10d26a10e313eb7cc124ad0a61e16e339d917c/yaychore-buttons.png" data-mid="120765375" border="0" alt="Primary buttons, a room button, a filter chip and a weekday button." data-caption="Primary buttons, a room button, a filter chip and a weekday button." src="https://freight.cargo.site/w/1000/i/c1df7fb81dfc28f03efe6a4ceb10d26a10e313eb7cc124ad0a61e16e339d917c/yaychore-buttons.png" /> Controls &amp; Forms <img width="1880" height="1448" width_o="1880" height_o="1448" data-src="https://freight.cargo.site/t/original/i/f81e78d279d381dcdb4de3cd25f4726f9990e6b57d6e01fb0ac9ff3a6ce1698c/yaychore-forms-controls.png" data-mid="120765421" border="0" alt="States of text field, search field, segmented control, drop-down menu, checkboxes and switches." data-caption="States of text field, search field, segmented control, drop-down menu, checkboxes and switches." src="https://freight.cargo.site/w/1000/i/f81e78d279d381dcdb4de3cd25f4726f9990e6b57d6e01fb0ac9ff3a6ce1698c/yaychore-forms-controls.png" /> Cards <img width="2679" height="4164" width_o="2679" height_o="4164" data-src="https://freight.cargo.site/t/original/i/8b42619a1ad52277aff9e120e356da5cd5fcaeeb335752ff0f03c658004cbe8e/yaychore-cards.png" data-mid="122635808" border="0" alt="States of to-do list items, search results, chore requests, along with progress blocks." data-caption="States of to-do list items, search results, chore requests, along with progress blocks." src="https://freight.cargo.site/w/1000/i/8b42619a1ad52277aff9e120e356da5cd5fcaeeb335752ff0f03c658004cbe8e/yaychore-cards.png" /> Menus <img width="2592" height="4089" width_o="2592" height_o="4089" data-src="https://freight.cargo.site/t/original/i/50088cb3688356c8bb4da62b91c92da944f49308fc4082895b803075afc25e3a/yaychore-menus.png" data-mid="122635935" border="0" alt="States of a chore detail menu, a calendar month and states of a calendar day block." data-caption="States of a chore detail menu, a calendar month and states of a calendar day block." src="https://freight.cargo.site/w/1000/i/50088cb3688356c8bb4da62b91c92da944f49308fc4082895b803075afc25e3a/yaychore-menus.png" /> Illustrations <img width="688" height="676" width_o="688" height_o="676" data-src="https://freight.cargo.site/t/original/i/645b5c8369c4bf43a5723ba5bf2f25dbddfdc2ff6795a33841e9cc3aeb610f11/laundry-basket.png" data-mid="120765519" border="0" data-scale="65" data-icon-mode alt="A line illustration of a basket with laundry and a tennis ball in it, sitting on the floor." data-caption="A line illustration of a basket with laundry and a tennis ball in it, sitting on the floor." src="https://freight.cargo.site/w/688/i/645b5c8369c4bf43a5723ba5bf2f25dbddfdc2ff6795a33841e9cc3aeb610f11/laundry-basket.png" /> <img width="688" height="676" width_o="688" height_o="676" data-src="https://freight.cargo.site/t/original/i/564c6ec0c23e433e347ad4be32f6804ce972bd011c571a982441dc8b6b868416/house.png" data-mid="120765885" border="0" data-scale="65" data-icon-mode alt="A line illustration of the front of a home with a front porch." data-caption="A line illustration of the front of a home with a front porch." src="https://freight.cargo.site/w/688/i/564c6ec0c23e433e347ad4be32f6804ce972bd011c571a982441dc8b6b868416/house.png" /> <img width="688" height="676" width_o="688" height_o="676" data-src="https://freight.cargo.site/t/original/i/638aa5f8d51ae33b619aadbefeaf4654af556cb4e917191bf065e2e5072a06d5/bathtub.png" data-mid="120766000" border="0" data-scale="65" data-icon-mode alt="Line illustration of a bathroom with a bathtub and a window." data-caption="Line illustration of a bathroom with a bathtub and a window." src="https://freight.cargo.site/w/688/i/638aa5f8d51ae33b619aadbefeaf4654af556cb4e917191bf065e2e5072a06d5/bathtub.png" /> <img width="688" height="676" width_o="688" height_o="676" data-src="https://freight.cargo.site/t/original/i/d5d7eca6069f6ae841f6dca99d5cae1ee7eee7bab286cc30f66f34bb68c90c08/mop.png" data-mid="120766021" border="0" data-scale="65" data-icon-mode alt="Line illustration of a mop with a checkmark next to it. Swirling lines are in the background." data-caption="Line illustration of a mop with a checkmark next to it. Swirling lines are in the background." src="https://freight.cargo.site/w/688/i/d5d7eca6069f6ae841f6dca99d5cae1ee7eee7bab286cc30f66f34bb68c90c08/mop.png" /> <img width="688" height="676" width_o="688" height_o="676" data-src="https://freight.cargo.site/t/original/i/02aeb3d04a75849919bec197aec68232a0ffa1727f8e2b4a001d9d6ab5b2df6c/phone.png" data-mid="120766005" border="0" data-scale="65" data-icon-mode alt="Line illustration of a smartphone. Swirling lines are in the background." data-caption="Line illustration of a smartphone. Swirling lines are in the background." src="https://freight.cargo.site/w/688/i/02aeb3d04a75849919bec197aec68232a0ffa1727f8e2b4a001d9d6ab5b2df6c/phone.png" /> <img width="688" height="676" width_o="688" height_o="676" data-src="https://freight.cargo.site/t/original/i/3a0e9169eea2f0800f2fbe96cbbe5798f91a50f4c68b01b4ca3bb8083ce9d46b/coffee.png" data-mid="120765895" border="0" data-scale="65" data-icon-mode alt="Line illustration of two coffee mugs side by side on a table with steam coming out of them." data-caption="Line illustration of two coffee mugs side by side on a table with steam coming out of them." src="https://freight.cargo.site/w/688/i/3a0e9169eea2f0800f2fbe96cbbe5798f91a50f4c68b01b4ca3bb8083ce9d46b/coffee.png" /> <img width="688" height="676" width_o="688" height_o="676" data-src="https://freight.cargo.site/t/original/i/f7eabe3494e461b83b1fa63410e6393f85186d593e5b4970e03ec673e25514b3/declutter.png" data-mid="120765987" border="0" data-scale="65" data-icon-mode alt="Line illustration of a vase, storage basket and blanket on a table. A clock is in the background. " data-caption="Line illustration of a vase, storage basket and blanket on a table. A clock is in the background. " src="https://freight.cargo.site/w/688/i/f7eabe3494e461b83b1fa63410e6393f85186d593e5b4970e03ec673e25514b3/declutter.png" /> Badges <img width="1944" height="384" width_o="1944" height_o="384" data-src="https://freight.cargo.site/t/original/i/2145a72894f17566c3f55be3ea6dccc1a442d5e90c820acb05556eef48943312/yaychore-badges.png" data-mid="120767465" border="0" alt="4 badges: &ldquo;tidy champion&rdquo;, &ldquo;trash titan&rdquo;, &ldquo;scrubbing star&rdquo; and &ldquo;dusting VIP&rdquo;" data-caption="4 badges: “tidy champion”, “trash titan”, “scrubbing star” and “dusting VIP”" src="https://freight.cargo.site/w/1000/i/2145a72894f17566c3f55be3ea6dccc1a442d5e90c820acb05556eef48943312/yaychore-badges.png" /> ︎︎︎ View more <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/e39df1f0ceae9d141318706b95c27ab367f31af7cb1b712fc5f2c62fb89f251f/Stephanie-Logo-LW-Thumbnail.jpg" data-mid="121095199" border="0" alt="Monogram logo with an interlocking S and B." data-caption="Monogram logo with an interlocking S and B." src="https://freight.cargo.site/w/1000/i/e39df1f0ceae9d141318706b95c27ab367f31af7cb1b712fc5f2c62fb89f251f/Stephanie-Logo-LW-Thumbnail.jpg" /> Logo designStephanie Barrow Consulting View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/1082785f76e2868c572e141fbbe01232956cd03447d4ea47ca1b4f81547cb68c/Yaychore-thumbnail.jpg" data-mid="121095192" border="0" alt="Yaychore app screen designs for the dashboard and cleaning session." data-caption="Yaychore app screen designs for the dashboard and cleaning session." src="https://freight.cargo.site/w/1000/i/1082785f76e2868c572e141fbbe01232956cd03447d4ea47ca1b4f81547cb68c/Yaychore-thumbnail.jpg" /> UX design | Case study Yaychore app View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/c78149f68824c1ea75f6b2373d7f1e599153faa49402b38fde0cad56526ee53c/Daily-UI-thumbnail.jpg" data-mid="121726045" border="0" alt="Design for a fictional pet adoption website, named &ldquo;Furfamily&rdquo;. " data-caption="Design for a fictional pet adoption website, named “Furfamily”. " src="https://freight.cargo.site/w/1000/i/c78149f68824c1ea75f6b2373d7f1e599153faa49402b38fde0cad56526ee53c/Daily-UI-thumbnail.jpg" />UI design Daily UI, with a twist View project https://laurelawelch.com/Stephanie-Barrows-Consulting-Logo Fri, 27 Aug 2021 18:34:39 +0000 laurelawelch https://laurelawelch.com/Stephanie-Barrows-Consulting-Logo Stephanie Barrows Consulting LogoA brand identity created for Stephanie Barrows Consulting, a marketing strategist based in Mount Pleasant, South Carolina. Full logo <img width="1800" height="750" width_o="1800" height_o="750" data-src="https://freight.cargo.site/t/original/i/e0f6dbd1546229129802d9197ac57423a9cc54bce72fbd4d197fa0e48cb3b369/01-Stephanie-Barrow-Logo-Full-LW.jpg" data-mid="117497415" border="0" src="https://freight.cargo.site/w/1000/i/e0f6dbd1546229129802d9197ac57423a9cc54bce72fbd4d197fa0e48cb3b369/01-Stephanie-Barrow-Logo-Full-LW.jpg" /> Monogram &amp; Seal <img width="1800" height="750" width_o="1800" height_o="750" data-src="https://freight.cargo.site/t/original/i/8f234a2a889e99cbd8dd07b370d6f46184a9af2892261b627294af8037e7ca78/02-Stephanie-Barrow-Monogram-Seal-LW.jpg" data-mid="117497417" border="0" src="https://freight.cargo.site/w/1000/i/8f234a2a889e99cbd8dd07b370d6f46184a9af2892261b627294af8037e7ca78/02-Stephanie-Barrow-Monogram-Seal-LW.jpg" /> Color palette <img width="1800" height="750" width_o="1800" height_o="750" data-src="https://freight.cargo.site/t/original/i/c64214fa406ef6888f245a992f9d6962e31c6b890b058713f576da30a19780b0/04-Stephanie-Barrow-Brand-Typefaces-LW.jpg" data-mid="117497419" border="0" alt="Dark green, mid-green, pink, yellow and beige swatches with hex, RGB, CMYK, and Pantone values." data-caption="Dark green, mid-green, pink, yellow and beige swatches with hex, RGB, CMYK, and Pantone values." src="https://freight.cargo.site/w/1000/i/c64214fa406ef6888f245a992f9d6962e31c6b890b058713f576da30a19780b0/04-Stephanie-Barrow-Brand-Typefaces-LW.jpg" /> Typography <img width="1800" height="750" width_o="1800" height_o="750" data-src="https://freight.cargo.site/t/original/i/c292eaf8992464a2dd885ce5f40299213ada4a2a2b4f2048d80635e3cc545246/05-Stephanie-Barrow-Brand-Color-Palette-LW.jpg" data-mid="117497435" border="0" alt="Raleway typeface with semibold and regular weights displayed." data-caption="Raleway typeface with semibold and regular weights displayed." src="https://freight.cargo.site/w/1000/i/c292eaf8992464a2dd885ce5f40299213ada4a2a2b4f2048d80635e3cc545246/05-Stephanie-Barrow-Brand-Color-Palette-LW.jpg" /> ︎︎︎ View more <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/1082785f76e2868c572e141fbbe01232956cd03447d4ea47ca1b4f81547cb68c/Yaychore-thumbnail.jpg" data-mid="120794505" border="0" alt="Yaychore app screen designs for the dashboard and cleaning session." data-caption="Yaychore app screen designs for the dashboard and cleaning session." src="https://freight.cargo.site/w/1000/i/1082785f76e2868c572e141fbbe01232956cd03447d4ea47ca1b4f81547cb68c/Yaychore-thumbnail.jpg" /> UX design | Case study Yaychore app View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/2d888cf3cbb35127b7ce81d9629d05d5aaca9320a4306f9a2be2b618a2a28758/Daily-UI-thumbnail.jpg" data-mid="121726166" border="0" alt="Design for a fictional pet adoption website, named &ldquo;Furfamily&rdquo;. " data-caption="Design for a fictional pet adoption website, named “Furfamily”. " src="https://freight.cargo.site/w/1000/i/2d888cf3cbb35127b7ce81d9629d05d5aaca9320a4306f9a2be2b618a2a28758/Daily-UI-thumbnail.jpg" />UI design Daily UI, with a twist View project <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/8cc26ffc2ec07880cc6cd85888ff7a9a6d72db3d09883349112a6f86971cdd36/Yaychore-branding.png" data-mid="120794512" border="0" alt="Yaychore app screen designs for the login and decluttering challenge promotion." data-caption="Yaychore app screen designs for the login and decluttering challenge promotion." src="https://freight.cargo.site/w/1000/i/8cc26ffc2ec07880cc6cd85888ff7a9a6d72db3d09883349112a6f86971cdd36/Yaychore-branding.png" /> Design system &amp; illustrationYaychore branding View project https://laurelawelch.com/About-1 Sun, 22 Aug 2021 20:11:25 +0000 laurelawelch https://laurelawelch.com/About-1 <img width="600" height="800" width_o="600" height_o="800" data-src="https://freight.cargo.site/t/original/i/ff3d3be1af8db1a1700506cbd0b7f25d0e64380be0b43314184c121233bff4b9/LW-portrait-small.jpg" data-mid="117076849" border="0" alt="Laurel outside wearing a green blouse with a paisley pattern, in front of blurry trees " data-caption="Laurel outside wearing a green blouse with a paisley pattern, in front of blurry trees " src="https://freight.cargo.site/w/600/i/ff3d3be1af8db1a1700506cbd0b7f25d0e64380be0b43314184c121233bff4b9/LW-portrait-small.jpg" /> Hi, I’m Laurel. While working as a graphic designer, I realized an interest in designing web page layouts. This led me to the world of UX design. I’ve come to realize that providing a positive user experience is one of the most powerful opportunities a brand has to leave a lasting impression. For this reason, I’m excited about creating digital solutions that present businesses authentically, while leaving people feeling understood and helped. Outside of designing, I enjoy... 🎧&nbsp; listening to my ever-changing podcast list 🇫🇷&nbsp; learning French and 🇰🇷 Korean with Duolingo 🌹&nbsp; watching reality television 🌯&nbsp; trying new vegan foods Say hello! Email me Connect on Linkedin