top of page

Designing a fast food app
(Customize your meals by using Foodie Café)

Fast Food App

UX Case study

Winter - 2021

Screen Shot 2021-04-11 at 10.44.42 PM.pn
Introduction

What is Foodie Café?

My responsibilities

A fast food mobile application that allows the user to customize their own meal, the restaurant prepares and delivers it to the user. 

  • User Research

  • Competitor & Data Analysis

  • Interaction Design

  • Storyboarding

  • Prototype Testing & Iteration

Duration:

  • Four weeks UI

  • Eight weeks UX

The team:

  • 1X UI designer

  • 1X UI/UX designer

Tools used:

  • Figma

My role:

  • UI/UX designer

Goals

  • Creating a food app that lets users customize their meals.

Screen Shot 2021-04-11 at 5.18.59 PM.png

Understanding the challenge

Giving access to users to pick ingredients to make their own meals might sound easy. But, according to my research, the more choices you present your users with, the longer it will take them to reach a decision. Hence, we cannot give too many options to users. The challenge is to decrease the number of choices and still get enough input from the users to customize their favourite meal resulting in their satisfaction.

Discovering hypothetical solutions

Creating an app that lets users hit ingredients and add the preparation method to any meal they want might help people with different food restrictions such as allergies. However, according to user research, I learned that our target users mostly tend to order healthy meals. Therefore, we decided to prioritize healthy ingredients in the customize section to better understand the users thinking in the test phase.

Understanding

01 UNDERSTANDING
THE USER

Key findings from user surveys & interviews

“ I'd like to explore more healthy fast foods; however, I always have to pick one from the ready menu. “ 

– Shadi, 33, Programer

I conducted user interviews with six fast-food fans and surveyed 25 individuals with different food restrictions from different demographics (all users were Foodie Café clients). Afterwards, I conducted card sorting with five potential users. Fortunately, one of them was a chef who is a fan of fast food. Her points of view helped me to convert our data into information architecture.  

Why would the user choose Foodie Café?

Problems.png
Screen Shot 2021-07-27 at 12.02.01 PM.png

03 DEFINE

Meet Patricia

Breathing life into our persona to identify expectations.

Screen Shot 2021-05-17 at 3.45.08 PM.png

“ Don’t make me think; I’m starving! “

– Tila, 29, cook

Meal customizing journey

Discovering the user journey & the pain points. 

Screen Shot 2021-09-04 at 12.21.27 PM.png
Analysis

02 ANALYSIS DATA

Card sorting
Translating information into the sitemap.

These grouping of cards are from the perspective of a developer, a chef, and a graphic designer who all are fans of ordering fast food.

Define

03 DEFINE DESIGN SOLUTION

We generated affinity diagrams by gathering data (ideas, opinions, interview results, competitive analysis) and organizing them into groupings based on their relationships. Then we went through the survey results where the persona Patricia was born. Next, we created a key path scenario. We joined Patricia on her journey of using the app to place orders.

02 ANALYSIS

Affinity diagrams

Planning the best design solution.

Cart Sorting of Foodie Cafe.png

Turning a scenario narrative into a visual narrative

Come along with Patricia through her very first journey in purchasing an order which includes four items.