Food Delivery App
The Product
This app helps people who find it difficult to cook at home, such as working men and women who don't have the time or ability to prepare a family dinner. The challenge was to find a way for these people to order and receive food at their own convenience.
The Problem
Busy workers and commuters lack the time necessary to prepare a meal for work or home.
The Goal
Design a food delivery app that allows users to easily order and pick up their favourite food.
My Role
​
UX designer responsible for the app’s design from conception to delivery.
Responsibilities
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
My Design Process
User Research: Summary
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. ​
A primary user group identified through research was working adults who don’t have time to cook meals.
​
This user group confirmed the initial assumptions about them, but the survey also revealed that time was not the only factor limiting users from cooking at home. ​
​
Other user problems included commitments, interests or challenges that made it difficult to acquire food items for cooking or visiting restaurants in person.
​
User Pain Point
User Persona
​Based on the information gotten from the foundational research, I created a persona whose demographics, motivations, goals and frustrations represent the needs of the users.
User Journey Map
Mapping Ian's user journey revealed areas where we can make improvements in his journey for a better user experience.
Digital wireframe
Using the integrated set of digital wireframes, I created a low-fidelity prototype.
​
The primary user flow I connected was the addition of the pasta order so that the prototype could be used in a usability study.
Usability Test (Low fidelity prototype)
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.
​
Round 1 findings refining.
​
1. Users want to order food quickly
2. Users want more customization options
3. Users want to have a delivery at home or work place
​
Round 2 findings refining.
​
1. The check out order should be added a notification that the order is actually sent
2. More menu details should be added
Design
.png)
Add & Review Order
Users can quickly review their odrder and add if something needed.​
​
-
View order details
-
Add more
-
Proceed with the payment.
.png)
Landing Page
Users can see various options for ordering and the deal of the day to take advantage of the offer.
​
-
Food options
-
Recommended /Popular/Helthy
-
Offers
High-Fidelity Prototype with Motion Design
The final high-fidelity prototype with motion design and micro-interactions.
Accessibility considerations
-
The final high-fidelity prototype with motion design and micro-interactions.
2. Used in detail pictures for eating in better understanding the drawings.
3. Used icons to help make navigation easier.
Style Guide
I used headings with different sized text for clear visual hierarchy
.png)
.png)
Takeaways
Impact: The app makes users feel that this food delivery app really thinks about how to meet their needs and what the user is looking for.
What I learned: In designing the food delivery app, I learned that the initial ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app designs.
Next steps
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.
Thank you for your time reviewing my work on the Food Delivery App !
.png)