Experience Revamp of the Foody App
TIMELINE
2022
PLATFORM
iOS and Android App
MY ROLE
UI/UX DESIGNER
Introduction
Foody App is a Mobile app that offers users to order online food. The typical users are between 19-35 years old, and most users are college students or Busy professionals which cannot make food at home. Foody app’s goal is to make ordering food online fun, fast and easy for all types of users.
Problem
Available food delivery apps do not have the option to buy different food items from a different restaurant and also do not have the option of self-pickup at a restaurant.
The Goal
Design a Foody app to be user-friendly by providing good UI and giving users options of delivery or self-pickup option.
Responsibilities
Conducting interviews, Paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.
Design Process
I Used the Design Thinking approach for solving this problem. To practice design thinking we followed the below process.
Empathize Phase
User research summary
I conducted interviews and created empathy maps to understand the users I am designing for and to know what they need. A primary group identified by the research is busy persons who don’t have time to cook and food lovers who love to try different dishes of food.
​
This user group confirmed initial assumption about online ordering food but from interviews and other research also shows us that they order online not only to save time other user problem also included like not familiar with technology, not knowing English language and others are wanting safe payment option.
Pain Points
Language
Many people are not familiar with official languages.
Digital illiteracy
Many old people are not familiar with digital technology but love to eat food.
Accessibility
Most online food does not have assistive technologies for people who are with disabilities.
Don’t know
Most people don’t know about food or don’t know what they will eat today and waste time ordering the menu.
Define Phase
Persona
User Journey map
![Google UX Design Certificate - User Journey Map [Template]_page-0001.jpg](https://static.wixstatic.com/media/8526df_cfece6e97ec54adf839643fdc5d6bc2b~mv2.jpg/v1/fill/w_745,h_419,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Google%20UX%20Design%20Certificate%20-%20User%20Journey%20Map%20%5BTemplate%5D_page-0001.jpg)
Ideate Phase
Low-fidelity Wireframes
Next, I created paper wireframes for each screen in my app while keeping the user's pain points about ordering online, different hotels, and different food in mind.
​
Transitioning from paper to digital wireframes allowed me to easily understand how the redesign could address user pain points and improve the overall user experience.
​
A key part of my strategy was prioritizing the placement of useful buttons and visual elements on the home page.
Typography and colors
I have made a sticker sheet in design phase. I have chosen a color combination of red and orange because orange color gives inviting emotion and red color will give excitement emotion to users.
​
I have chosen Poppins for Typography.
Design Phase
High-fidelity Design
Based on the insights from the usability study, i made changes to improve the app’s home page and other pages.​
Takeaways
What I learned
In this project, I learn about UI/UX design process how to follow it and learned a lot about UI. How to choose colors and how different colors lead different type of emotions. I learned about types of typography serif and sans serif. then i learn about How can UI can be good like Hierarchy, Alignment, Contrast, Empathize focal point, Repetition, and learn gestalt’s Principle. I learned that even a small design change can have a huge impact on the User experience. The most important takeaway for me is to always focus on the real needs of the user when coming up with design ideas and solutions.