top of page

UI/UX Case Study | UrbanHQ: Food Ordering App For a Modern Restaurant

Writer: Charu ChaturvediCharu Chaturvedi


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:

  1. Ease of Use

  2. 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:

  1. Added visual elements like symbols, pictures and color contrasts for users to understand how they can move forward.

  2. 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


bottom of page