Siddharth Kudgunti
Project Overview
The Product:
Kay’s Food Delivery app is one common platform for all the restaurants in the town. The target audience are the one who don't have time to go and pick their meals due to the tight schedule. Our app will help the user order a meal and can get it delivered at their doorstep or can pick the order from the restaurant so that they can manage their time accordingly
Project Duration:
January 2022 to March 2022
The Problem:
Busy workers and commuters lack the necessary time to prepare their meals
Project Overview
The Product:
Foodgasm's Food Delivery app is one common platform for all the restaurants in the town. The target audience is the one who doesn't have time to go and pick up their meals due to their tight schedule. Our app will help the user order a meal and can get it delivered at their doorstep or can choose the order from the restaurant so that they can manage their time accordingly
Project Duration:
January 2022 to March 2022
The Problem:
Busy workers and commuters lack the necessary time to prepare their meals
The Goal:
Design an app that can deliver the food at doorsteps and provide notifications and the status of the orders.
My Role:
UX Designer from conception to delivery
Responsibilites:
I was conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Understanding The User
User Research: Summary
I’ve conducted a survey and created an empathy map to understand users so that I can design the product. The most common users are adults who are working professionals.
The most important factor which I came to know after my research is that minor details also matter a lot. Like having proper info on the dishes helps users decide on the dishes or just having a simple UI without overwhelming information on the home page can help users search for their desired food and order it
User research: pain points
Time is really an important factor for the people who work in shifts and tight schedule
Too much of informations on the homepage makes few users confused and cluster
Not providing proper images and details of the dishes makes users not to try different dishes
The user needs to know where their order is or needs to know if it's getting delayed.
Persona 1: Riya
![Google UX Design Certificate - Persona [Template].png](https://static.wixstatic.com/media/3c7900_b36261f9435e47cfa4ed1c8f1dde18ca~mv2.png/v1/fill/w_846,h_476,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Google%20UX%20Design%20Certificate%20-%20Persona%20%5BTemplate%5D.png)
Persona 2: Shay
![Google UX Design Certificate - Persona [Template] (1).png](https://static.wixstatic.com/media/3c7900_5f388217494442fd98f5193ff7af924f~mv2.png/v1/fill/w_836,h_470,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Google%20UX%20Design%20Certificate%20-%20Persona%20%5BTemplate%5D%20(1).png)
User journey map:
Persona: Riya
Goal: Have a simple and sober food delivery app which can update me of the orders due to any situation
Starting the Design
Paper Wireframe:
Taking time to iterate for each screen helped to find new ideas which can be used in the wireframe and also helped me to address the pain points. E.g. for the home page, I’ve added the list of previous orders to make it quick and time-saving
Digital Wireframe:
For the initial phase of the design I made use that I’ve addressed the problem that is time constraint
Just by clicking on any of the previous orders it will navigate to the order page
_edited.png)
Just by clicking on any of the previous orders it will navigate to the order page
This section will help the users who would like to try out new different things
Low Fidelity Prototype:
Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was ordering their previous orders and adding items from the menu and completing the order process
View Foodgasm's Delivery App: Low Fidelity Prototype
Usability study: findings
Round 1 Findings:
-
The user wants to order quickly
-
The user wants notification of the status of the order and the time for the delivery
​​
Round 2 Findings:
-
Pop-up for the added item should make it catchy
-
Single-use of colour for all the headers
-
Change the colour of theme based on the type of food selection (if possible)
​​
Refining the Design
Mockups:
In early design, there was a dedicated space for the Offers and under Recommendations, there was no separation between dishes and restaurants. After the usability study, there is a dedicated page for Offers and users can toggle between Dishes and Restaurants under the Top-rated section
Before Usability Study
After Usability Study
Mockups:
The second usability study helped me to recognise that users were getting confused about the highlighted parts of the header as an actionable element. Hence to avoid that I had to make the colour of the header monochrome
Before Usability Study 2
After Usability Study 2
More Screens....
High Fidelity Prototype:
View Foodgasm's Delivery App: High Fidelity Prototype
Accessibility considerations:
1
Provide a language translation feature for the people who doesn't understand English
2
Used icons to help make navigation easier
Takeaways
Impact
The Kay’s Food Delivery App definitely help user to order their meals quickly
What I Learn
The most important thing I’ve learned is that whatever we plan initially will not be the same outcome. Usability studies and peer feedback influenced each iteration of the app’s designs.
