top of page

Reached user satisfaction via improved information architecture & introducing gamification

Customize your meals by using Picks 
(Former Foodie Café)

Fast food app

UX case study

Winter - 2021 | Updated in winter-2022

Define
Screen Shot 2023-02-21 at 8.15.49 PM.png
Introduction

What is Picks?

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

My responsibilities

  • User Research

  • Competitors & Data Analysis

  • Ideation workshops

  • Sketching & wireframing

  • User interface

  • 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:

  • UX/UI designer

Goal

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

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 and some of them are conscious about food restriction. 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

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

– Shadi, 33, fast food consumer from Tehran, Iran

Fortunately, most of the participants were Picks clients and 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.  

Research mehods

5

Card sorting

Conducted five card sorting with five potential users

7

Interviews

Conducted seven user interviews including five fast-food consumers

25

Surveys

Surveyed 25 individuals with different food restrictions (20-50 years-old)

Competitor analysis


“EasyPaz” mobile application would be one of the direct competitors due to having customized order.

03 DEFINE

Why would the user choose Picks?

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

Key findings from user surveys and interviews (Including the final solutions according users' needs)

I like the landing feature, but it’s strange that there’s no way to store my order so I can order it again next time.” 

— Maryam, fast food consumer fro Tehran, Iran

 

Screen Shot 2023-02-21 at 8.00.17 PM.png

People want to order from their previous customized meal quickly

Supporting evidence from the interviews.

  • 5 out of 7 total participants said they wanted to re-order their recipes in under two minutes

  • 4 out of 7 total participants expressed a desire to save orders for easy re-ordering

Screen Shot 2023-02-18 at 9.36.14 PM.png

Introducing Gamification

People want customization option

Supporting evidence from the interviews.

  • 4 out of 7 total participants said they wanted the ability to choose crust and sauce in addition to toppings

  • 3 of those participants noted that they would like an option for gluten-free or low-calorie crust options.

I’m gluten-intolerant, so I would really like the option to choose a crust that meets my dietary needs.”

— Amir, 29, pizza consumer from Tehran, Iran

People want a delivery option

Supporting evidence from the surveys.

  • 6 out of 7 total participants said they wanted an option for delivery in addition to pickup 

“With my busy schedule it’s not always easy to drive to the store and back. Sometimes I just want to kick back, relax, and get some food delivered. Easy.” 

— Amir, fast food consumer from Tehran, Iran

 

Screen Shot 2023-02-18 at 4.34.33 PM.png

03 DEFINE

Meet Hanieh

Breathing life into our persona to identify their expectations.

Screen Shot 2023-02-21 at 7.11.41 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

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

– Tila, 29, cook

Research insights 

Screen Shot 2023-02-18 at 9.39.12 PM.png
Define

02 ANALYSIS DATA & define

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.

02 ANALYSIS

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.

03 DEFINE DESIGN SOLUTION

Affinity diagrams

Planning the best design solution.

Cart Sorting of Foodie Cafe.png

Turning a scenario narrative into a visual narrative

Join Hanieh on her first trip to custom a meal, which includes a customized salad.

Design

03 Design

04 STARTING THE DESIGN

I started turning my ideas into life and giving birth to our information through visual design. Afterwards, we brought some color into our design by creating our mood board. Following that, we focused on five interaction flows based on the key path scenarios to figure out the flow for ordering.

Gamify the transformation of information into engaging visuals

Creating the first version of the proposed solution.

Wireframe_edited.jpg

A|B testing result

The final solution for the landing page

Screen Shot 2023-02-21 at 10.27.39 PM.png

Testing potential solutions

A/B testing, 5 solutions, 5 users

AB test.png
Screen Shot 2023-02-01 at 11.20.25 PM.png
Screen Shot 2023-02-21 at 10.05.30 PM.png

Moodboard

Inspired by the colour of the most popular fast food ingredients while taking the psychology of colour in food marketing into consideration.

05 USABILITY STUDY

We started giving birth to our information and turning our ideas into life. Afterwards, we brought some color into our design after creating our mood board. Following, focused on five interaction flows based on key path scenarios.

After forming a solid understanding of this project's requirements and passing the design stage, I conducted 12 usability tests with fast food fans who ordered the most from Foodie Café to see what works and what does not. After testing, I again modified and prioritized the project's features regarding the consequence of usability tests.

I requested users to think aloud during passing tasks and talk out their thoughts. In total, I had six revision rounds. After each revision, I tested outputs with two users, then revised my design based on the users' insights.

Testing hypothetical solutions

Running think-aloud usability test sessions

Test
Screen Shot 2023-02-17 at 3.15_edited.jp

​Focusing on measurable results

Optimize the customizing process by leveraging usability tests output by using a combination of qualitative & quantitative data

Screen Shot 2023-02-20 at 7.34.55 PM.png
Outcome

Outcome

Achieved 75% user satisfaction for the customized ordering process after six rounds of revision.

Next step
Key takeaway

Key takeaway

 

  • Inspiring by users, not competitors.

  • Deciding on priority topics to meet end-user satisfaction.

  • Conducting frequent tests and update research

  • Keeping bias under control.

Next step

The user experience of this app has been fantastic and experimental. There are always ways to make ordering more effective and fun! The next step would be adding a way for users to customize the ingredients of their meat to expand their options for their dietary needs and preferences.

Discover more works

Bedrock AI

Bedrock AI

Financial Service

Picks

Picks

Fast food application (You are currently here)

PlantVision

PlantVision

AEC Project Management

Bedrock Dashboard

Bedrock Dashboard

AI for capital markets

Diba

Diba

Sustainable Fashion Brand

bottom of page