A case study for a mobile local food ordering app

Project Details


Stefan Guan - UX Designer

(User research, wireframing, prototyping, mockups)

June 2022 - December 2022


Many of today's food ordering apps often have clutter or recommends unhealthy fast food restaurants. With the advent of the COVID-19 pandemic, local businesses suffered the most. The aim of the Munch app is to create a marketplace with an emphasis on local eateries, while maintaining a streamlined interface.


I designed the app for the everyday person that wants to eat locally. Those that want to quickly and easily order delivery, pickup, or explore restaurants near them.


After I received my Sharpen prompt, I first set off to investigate user pain points of our competitors. Throughout the whole project, I utilized qualitative research methods. For instance, competitive audits, surveys, user personas, and usability studies.



I began the project by creating a user flow, which enabled a visualization of a user ordering food.

User flow chart

The preliminary user flow allowed me to understand what a user would typically expect when trying to order food. Thus, I created a rough sketch of the app based on the user flow.

Rough sketch of the app design


After the rough sketch, I translated the design into a wireframe in Figma.

Initial wireframe of the app

User Testing

The first order of business is to conduct a usability study with my low-fidelity prototype. I gave the participants a goal to order food and monitored the steps they took. I then allowed time for user feedback, which resulted in three critical insights.


Payment Methods

Users want to be able to select which card to pay with before ordering. In addition, they want the card to appear more prominent to ensure accurate payment selection.


Users want a way to view a restaurant's ratings and also give their own ratings.


Users want a way to reach out when an order does not go the way they expected.

The second round of usability studies uses a high-fidelity prototype, allowing for further iterations on the mockups.

Second wireframe with considerations to the insights

Final Design

Concluding Thoughts

As part of the Google UX Design Certificate Program, this project allowed me to apply what I learned throughout the course. For instance, user journey mapping, personas, iterative design, usability studies, and more. As my first user-centred piece, it helped me empathize with users to create a cohesive experience.

Further directions with this design may include conducting another usability study to identify any new pain points. Additionally, user surveys may also help identify areas of dissatisfaction and areas that need improvements.