Artworks
Graphic Design
UI/UX
About Me
Foody
Food Delivery App Design
Foody is a cutting-edge food delivery app designed to bring your favorite meals directly to your doorstep with just a few taps on your device.
My role
UX Research | UI Design | Design Thinking
Responsibilities
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping,
conducting usability studies, accounting for accessibility, and iterating on designs.
OVERVIEW
01
The Product
The Problem
Foody is a cutting-edge food delivery app designed to bring your favorite meals directly to your doorstep with just a few taps on your device.
In an increasingly digital world, consumers demand swift, reliable, and diverse food delivery options. Yet, many available platforms fall short,
offering limited variety, unpredictable delivery times, and a lack of personalized experiences. Foody seeks to address these gaps.
Project duration
The Goal
August 2023 to October 2023.
To develop a seamless and intuitive food delivery platform that not only offers a vast range of culinary options but also personalizes the user experience,
ensuring timely deliveries every time. Foody aims to revolutionize the way consumers connect with their favorite meals.
User Research: Summary
Through in-depth interviews and empathy mapping, we honed in on our primary user group: working adults juggling demanding schedules.
While our initial belief was that these users lacked time for meal preparation, our research unveiled more. Many faced obstacles beyond time, such as family
commitments or personal challenges, making even grocery shopping or dining out difficult. This insight was invaluable, directing us to design Foody to be more
than just quick but also versatile in addressing diverse user needs.
02
Understanding the User
User Research: Pain Points
Unpredictability
Repetitiveness
Sustainability
Users experience varied delivery times. Foody will introduce a refined tracking system to enhance reliability.
Existing platforms lack diverse food options. Foody will partner with a wider range of eateries to diversify choices.
Environmental concerns arise from delivery practices. Foody will emphasize eco-friendly partnerships and sustainable packaging.
Persona: Malik
Problem statement:
Malik is a busy Music producer who needs easy access to healthy food ordering options because they have no time to cook dinner for themself.
User Journey Map
Mapping Malik’s user journey revealed how helpful it would be for users to have access to a dedicated Foody app.
Draft Wireframes
Taking the time to draft iterations of each screen of the app ensured that the elements that made it to digital wireframes would be
well-suited to address user pain points.
Starting the Design
03
Digital Wireframes
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
A confirmation page in a food delivery app assures users their order has been received, provides a summary for review, and fosters trust
by setting clear expectations on delivery time and costs.
Low-fidelity Prototype
Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was browsing and
ordering so the prototype could be used in a usability study.
View the Foody
Low-fidelity Prototype
Usability Study: Findings
Round 1 findings
1. Users want to find their past orders and reorder again.
2. Users wish for more food options.
Round 2 findings
1. Users are dissatisfied with the delivery time feedback.
2. Users are confused about using coupons.
Mockups
Partner with more restaurants, especially those offering diverse cuisines, and regularly update the menu items based on user preferences and feedback.
Early designs for order summary doesn’t allow users choose delivery time and options.
But after the usability studies, I added additional options to choose
time and the way to delivery.
Refining the Design
04
High-fidelity Prototype
The final high-fidelity prototype presented cleaner user flows for ordering. It also meet user needs for delivery option and more restaurants.
View the Foody
High-fidelity Prototype
Accessibility Considerations
1. Used icons to help make navigation easier.
2. Used detailed imagery for restaurants and foods to help all users better understand the designs.
3. Provided access to users who are vision impaired through adding alt text to images for screen readers.
05
Going Forward
Takeaways
Impact:
The app makes users feel like Foody App really thinks about how to meet their needs.
One quote from peer feedback:
“The app made it so easy and fun to order delivery food! I would definitely use this app for a delicious, fast, and even healthy meal.”
What I learned:
While designing the Foody App, I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app’s designs.
Next steps
Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.
Conduct more user research to determine any new areas of need.
Implement a night mode feature that adjusts the app's color scheme to be more eye-friendly in low light conditions.