Responsive Website & Dedicated Mobile App
Case Study - Food Delivery Service
This project is for demonstration purposes only. It was originally completed as part of the requirements for the Google UX Design Professional Certificate
My Role
UX designer leading the app and responsive website design from conception to delivery. My responsibilities included conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
The Goal
The goal of the project was to design a dedicated mobile app and responsive website that will manage the order and delivery of homemade meals from cooks to families in their local neighborhoods.
The Users
1). Many working parents are struggling to feed their families and crowding the food banks.
2). Many stay-at-home seniors have time, energy, and knowledge to cook great food.
3). There is an army of independent drivers equipped to deliver food.
"Maria is a working Mother of 3 children aged 9, 12, 15. She needs a home-cooked meal to feed her family"
The Research
I developed the interview questions, which were then used to conduct user interviews. Most interview participants reported feeling stressed about dinner time because they didn’t have the time or energy to cook. The feedback received through research made it very clear that users would be open and willing to order a homemade meal if they could do so conveniently,
Design Architecture
I created the Homemade Food Delivery app sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.
Wireframes (or sketches)
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on the food ordering process & cook signup.
User testing details
Based on the insights from the usability studies, I applied design changes like providing clear call to action buttons from the home screen so users can Join the market.
Mockups
Based on the insights from the usability studies, I applied design changes like providing clear call-to-action buttons from the home screen so users can join the market.
Home Page
Search page
Sign Up Page
Order Confirmation
Prototypes
I refined the design by creating mockups, prototypes, and applying accessibility considerations
Lo-FI Prototype
To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of ordering a meal and/or signing up as a cook.
Hi-FI Prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
Final polished designs
The final designs included screens for the home page, order flow and cook signup.
Results and Outcomes
Users shared that the app made it possible to order homemade food from local cooks. One quote from peer feedback was that “the app helps feed my community and engage cooks to earn extra cash”.
What I learned is that the problem I was trying to solve was well-received by the community. However, by completing the design process and aligning with specific user needs I realized that the app and responsive website would require additional usability studies and prototype edits to remove pain points from the cook signup process.