Great meals, right at your doorstep!
UrbanHQ is a food delivery mobile app created for a hypothetical restaurant that provides its customers with good hearty meals at their doorstep.
Introduction
Problem Statement
People often struggle to make out time to cook or sit down for a nice meal at their favorite restaurant, UrbanHQ. As a User Experience designer, the challenge here was to find a solution that helps people get delicious food delivered at their doorstep on demand.
My Goal
My goal here was to design an accessible mobile app that lets users order meals from UrbanHQ Restaurant quickly and easily at their own convenience.
My Role
This is a Personal Project that I worked on as a part of my Google UX Design Specialization.
I worked as a UX Researcher and UI/UX Designer, responsible for research, analysis, wireframing and prototyping.
Tools Used
Figma
My Design Process
Understanding The Users
I interviewed 5 people, who have some experience with online food ordering. My main goal was to understand their needs and pain points.
Target Audience
My target audience for this app includes people between age groups 12-60.
They might be students, professionals or homemakers.
Personas
My Research identified the following 2 pain points:
Ease of Use
Time
Competitive Analysis
Our current competitors in the restaurant-dedicated food delivery apps industry include:
Domino’s App is a pizza delivery app for Domino’s restaurant chain. It can be considered as a direct competitor. While using the app, I realized that the design and flow of the app was very intuitive and easy to understand. I took this as an inspiration for my own design. However, according to color psychology, Blue suppresses and diminishes hunger. Warm colors like yellow, red, orange are known to enhance hunger. Therefore, I used the color orange in my food delivery app design.
Zomato and Faaso's can be considered as our indirect competitors. I picked up some of their app UI features such as consistent brand identity and customization option in orders.
Creating the Solution
Keeping in mind, the problems that users felt, I started working on a solution that was both easy-to-use and quick.
Here are the features that I incorporated in my app to solve the user problems:
Added visual elements like symbols, pictures and color contrasts for users to understand how they can move forward.
Added “Remember me” feature, etc. to make the app usage easy for regular users.
Wireframes
Low-Fidelity Prototype
Usability Testing for Lo-fi Prototype
Mockups
High-Fidelity Prototype
To view the working prototype, click here.
My Learnings
While working on this project, I learned to let go of my personal biases and see the user’s point of view.
I also learned about various methods to carry out UX Research and synthesize them to get a product that really helps people.
I also learned working comfortably with Figma, one of the industry standard websites for UI Design.
Overall, this has been an incredible journey that I started off on as a complete beginner in UI/UX Design and I look forward to learning so much more moving forward.
Thank you for reading. Have a great day! 🥰
Comments