Pain Points
Mockups
Desktop Version
Takeaways
Accessibility Considerations
Back
UX Design | UX Research | Responsive Website
Designing a Tool For Healthy Eating
The Problem
Fast food restaurants are often convenient and affordable, but they typically serve food that is high in calories, fat, sugar, and sodium. This unhealthy food can lead to weight gain, heart disease, stroke, type 2 diabetes, and other chronic diseases. Wholesome chef aims to eliminate that problem whenever someone wants to eat healthily in a timely manner that is convenient.
User Personas
I developed two user personas for my project. I wanted to be inclusive to as many groups as possible, so the two following user personas represent different demographics.
User Journey Map
Mapping Harry’s user journey revealed how helpful it would be for users to have access to a dedicated healthy food provider that is efficient.
Paper Wireframes
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Digital Wireframes
I wanted a concise checkout system that takes three steps to really make sure the user orders what they want.
Low-Fidelity Prototype
The low-fidelity prototype connected the primary user flow of ordering their food, so the prototype could be used in a usability study with users.
Usability Studies
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
High-Fidelity Prototype - Mobile App
Users wanted less toppings to be displayed and to have some information about the toppings there instead (name, calories). I added a “more options” tab so that the user could conveniently explore more toppings at their leisure.
I wanted to make this product a responsive one, so I made a desktop version of Wholesome Chef.
Persona 1: Harry Reed
Persona 2: Diana Smith
The final high-fidelity user flow for ordering healthy food and checkout. It also met user needs for a pickup or delivery option as well as more customization.
View Wholesome Chef (Lo-Fi)
https://xd.adobe.com/view/b503845f-bc52-47e4-b4d9-b0ed275d0893-e050/
View Wholesome Chef (Hi-Fi)
https://xd.adobe.com/view/d22125dc-6696-4b95-8037-a98a8c44c2be-8772/
Tools Used
Figma, Adobe XD, Google Docs, Google Slides
The Team
Scott Hardy: UX Designer and UX Researcher
Project Duration
August 2023
1
Time
Working adults are too busy to spend time either making the meal themselves to to meal prep
1
Working adults are too busy to spend time either making the meal themselves to to meal prep
2
Platforms for ordering healthy food are few and far between
3
Text-heavy menus in apps are often difficult to read and order from
1
Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed
2
Conduct more user research to determine any new areas of need
3
Ask for more peer feedback to get more second opinions
2
Accessibility
Platforms for ordering healthy
food are few and far between
3
IA
Text-heavy menus in apps are often difficult to read and order from
Research
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user groups identified through research was working with adults who don’t have time to cook meals and want something nutritional.
This user group confirmed initial assumptions about Wholesome Chef customers, but research also revealed that time was not the only factor limiting users from cooking at home.
Other user problems included obligations, interests, or challenges that make it difficult to get healthy food within a convenient time frame.
Next Steps
If you want to get in touch with me about this project or want to reach out for future inquiries, please email me at:
scotthardyux@gmail.com
Return Home
Customizable Bus
Routing System
Wholesome Chef
Project
Low-Fidelity Prototype
Impact:
The app makes users feel like Wholesome Chef really thinks about how to meet their needs.
One quote from peer feedback:
“The app made it so easy and convenient to order food in a timely manner. And the food is healthy? I’m in!”
What I learned:
While designing the Wholesome Chef app, I learned that the first idea for apps are only the beginning of the process. Usability studies, having an open mind, and peer feedback influenced each iteration of the app’s design.