Case Study:
Embedded Files
Foodies App
Foodies App
design
design
Project Overview
Project Overview
The problem
People are in need of a way to order sandwiches and review them as well, in a quick and convenient way.
The goal:
Giving people a way to order and review different types of sandwiches.
The product:
The foodies app lets users order and give reviews on sandwiches from different establishments near them. The foodie app targets customers like commuters and workers who lack the time or ability to prepare a family dinner
My role:
Lead UX designer, UX researcher
Responsibilities:
User research, wireframing, prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Responsibilities:
User research, wireframing, prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Understanding the user
Understanding the user
The type of research conducted was a mixture of both quantitative and qualitative research but it was mostly qualitative. Going into the research I assumed that the application will only appeal to millennials and younger users, however, older people were interested in using the application as well.
user pain points
user pain points
1.Privacy
1.Privacy
User like to know that their privacy is being maintained at all time, a terms of service agreement must be present to give users peace of mind.
2. Support
2. Support
If the user is facing difficulties or has questions where do they go? Having a clear section for support is important.
3. Process
3. Process
There needs to the least amount of friction from getting from point A to point B when using the application. Keeping the design simple makes this possible.
4.Financial
4.Financial
The app needs to be affordable and accessible to people of wide variety of socioeconomic class
The app needs to be affordable and accessible to people of wide variety of socioeconomic class
Persona & problem statement
Persona & problem statement
Elsa is a busy single mom and doesn’t always have time to cook. She needs an app to quickly order food when she doesn’t have time.
user journey map
user journey map
Mapping Elsa’s journey revealed that it would be a good idea to have a review section to help other users make better decisions when ordering.
starting the design
starting the design
Paper Wireframes
Paper Wireframes
The goal was to have an interface that is easy to understand and that is in alignment with modern UI design standards and trends.
Digital Wireframes
Digital Wireframes
The home screen needs to be straight to the point and take users to exactly where they need to go.
This is the details screen that each food item will have so that the consumer knows exactly what they are ordering.
usability study findings
usability study findings
Two rounds of usability studies were conducted. Findings from the first, helped guide the designs from wireframes to mockups. The second used a high-fidelity prototype and revealed what aspects of the mockups needed to be improved.
Round 1 findings
Round 1 findings
Users want to add to cart quickly
Users want more security
Users want to browse without logging in
Round 2 findings
Round 2 findings
Users want a quick checkout button
Add more accessibility
Refining the design
Refining the design
mockups
mockups
The addition of a terms of service and privacy policy disclaimer gives both the user and the company accountability.
A quick checkout button allows users to quickly get to the checkout page without having to go to cart first.
refined designs
refined designs
high-fidelity prototype
high-fidelity prototype
The final high-fidelity prototype presented showcases users journey when placing an order.
going forward
going forward
takeaways
takeaways
Impact
Impact
The app gives users an easy and convenient way to satisfy their sandwich craving.
One quote from peer feedback:
“The app is so beautifully designed. The navigation is straight to the point and easy to understand.”
What I learned
What I learned
While designing the Foodies app, I learned that the image you have in your head about what the app is going to look like and how it will function will continuously change throughout the entire design project.
Next steps
Next steps
- Testing
Conduct frequent user testing after every update to ensure new features meet user needs.
2. Research
2. Research
Keep up to date with latest design trends and patterns to keep the app modern and fresh.
Google Sites
Report abuse