UX Case Study: Grace's Cuisine
Food Ordering App
Embedded Files
This case study for my Google UX Design Professional Certificate features Grace's Cuisine App, a restaurant food delivery app in Manila. It is a food delivery app designed to make it easy to find and order food you are craving for.
Project overview
The product
Grace's Cuisine is a restaurant located in Metro Manila, Philippines. Grace's Cuisine is attracting customers who have no time cooking at home or want new delightful meals to select, order, and check out food for safe delivery. We built an app letting users select food from our restaurants and offering more payment options to pay.
The problem
Individuals who have no time cooking at home or want new delightful meals to select, order, and check out food for safe delivery.
The goal
Design an ordering app letting users select food, offering different payment options and deliver food at home safely.
My Role
Conducted competitive analysis by trying competitor apps
Conducted user interviews as primary research with 5 users who order food online
Created user personas
Created user flow diagrams
Created paper and digital wireframe
Created low and high fidelity prototype in Figma
Conducted 2 rounds of Usability study and interview
User Research
I conducted interviews and created 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. Problems included or challenges that make it difficult to cook and get grocery are time, work schedule and the Covid pandemic.
I interviewed users to learn about the following:
What food delivery app do you usually use? Why?
How often do you order food?
Can you tell me your process in ordering the food?
How do you decide what food to order?
How do you discover new dish or restaurant?
What are the challenges or experiences while using that food delivery app?
What are the areas that you think they can improve?
User Journey Map
I created a user journey map to highlight the touch points, actions, thoughts, and pain points. This illustrates what the user goes through to achieve their goals. This will help me as a UX designer create obstacle free paths for users, reduce impact of designer bias, and identify improvement opportunities.
Persona
Fictional user whose goals and characteristics represent the needs of larger group of users. This will help identify patterns and behaviors in users that might point to a common pain point that a group of user experience. Build based on research and data collected.
User Flow
Here is the part of the user flow showing the path taken by a user on the app from selection to ordering.
Wireframe
I started making paper wireframe, a fastest and inexpensive way to get the idea out. Wireframes help me as a designer figure out how a page is arranged and envision how each feature of a product fits with the others and how the product will likely be used. Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes.
Moving from paper to...
Digital Wireframe
Design and Implementation
Created a Design system, a series of reusable elements and guidelines that allow designers to design and develop following predetermined standards.
Takeaways
The Grace’s cuisine ordering app makes the user feel that they attended to the need of user and offer new option in food delivery service. I learned a lot while designing the Grace's cuisine app. We should always make the user front and center of the product. Always remember that we are not the user, that's why we need to continuously learn from them to produce inclusive design.
Get in TouchLINKEDIN: /grace-villaver-ux | EMAIL: marygracevillaver@gmail.com | MOBILE: +971 55 524 7943
Page updated
Google Sites
Report abuse