Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [Food Menu App for a Restaurant].pdf
TrinaChatterjee7
42 views
25 slides
Mar 08, 2025
Slide 1 of 25
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
About This Presentation
“MenuX” is digital menu browser app which began in early 2025 in India, Mumbai. The motivation for this app was to solve language barrier problem and poor customer experience in local restaurants.
Size: 1.61 MB
Language: en
Added: Mar 08, 2025
Slides: 25 pages
Slide Content
Case study of Food
Menu of a Restaurant
Trina Chatterjee
The product:
“MenuX” is digital menu browser app which began
in early 2025 in India, Mumbai. The motivation for
this app was to solve language barrier problem and
poor customer experience in local restaurants.
Project overview
Project duration:
4th March 2025-10th March 2025
The problem:
Language Barrier problem and also poor
customer experience in local restaurants.
Project overview
The goal:
The goal is to eradicate language barrier
problem and to amplify customer experience.
My role:
UX Researcher, UI and UX designer,
Project overview
Responsibilities:
Conducting interviews, Paper and Digital
Wireframing, Low and Hi-fidelity Prototyping,
Conducting Usability studies, and iterating on
designs.
Understanding
the user
●User research
●Personas
●Problem statements
●User journey maps
User research: summary
I conducted interviews and created empathy maps to understand the users I am designing for and
their needs. From user research it is identified that the primary user group was working adults who
does not have much time to wait to order in a restaurant.
Research reveals physical order can lead to order mistakes due to miscommunication. Also a lot of
guests are struggling to explain their needs to waiters in a restaurant. Often Paper menu contains a
very little information about the dish.
User research: pain points
Language Barrier
Approximately 70%
population in India can’t
speak English properly.
Time
Working adults are so
busy to wait to order in
restaurants.
Miscommunication
People with speech
impediment or any other
problem can not
communicate properly.
Hence communication
with waiters is a big
problem.
Bill
People are not able to
properly maintain
physical bills, so it’s
easier if they can easily
download bills on their
phone.
1 2 3 4
Persona: Name
Problem statement:
Gargi is a working
professional,
who needs an
Restaurant Menu
application
because she has a
speech impediment.
User journey map
Mapping Gargi’s user
journey revealed how
helpful it would be for users
to have access to a
dedicated menu browsing
and ordering application.
Paper wireframes
Drafting each screen for
paper wireframe for many
iterations ensures that the
users’ pain points are met
in my design. I prioritized a
easy and quick menu
browsing and ordering
process to help users save
time.
Digital wireframes
Based on feedbacks from
user research i decided to
make my home screen
simple and user friendly,
which has simple menu
browsing options.
Promotion
banners with
3X conversion
rate.
Categories of
menu for easy
browsing.
Digital wireframes
Based on feedbacks from
user research i decided to
make cart screen with order
details and price details.
Order details
with photo and
price for easy
check out.
Total order
price and
Order option to
place order.
Low-fidelity prototype
The low-fidelity prototype
connected the primary user flow
of ordering food in a restaurant,
so the prototype could be used in
a usability study with users.
Usability study: findings
Here are the findings after usability study.
Round 1 findings
Users wanted a menu browsing
option.
1
Users wanted to download the bill on
their phone.
2
Round 2 findings
Users wanted to see the calorie
breakups and potential allergens of
that dish
3
Users wanted a “Call Waiter” option.1
Users wanted to search their
favourite food.
2
Users wanted to check the bill on
their phone.
3
●Mockups
●High-fidelity prototype
●Accessibility
Refining
the design
Mockups
Early designs did not have
any veg non-veg indicators
with the dishes. After
Usability Study I added food
indicators in the design.
Before usability study
After usability study
Mockups
Early designs did not have
any browning menu
category option. After
Usability Study Menu
browser option in the
design.
Before usability study
After usability study
Mockups
High-fidelity
prototype
The High-Fidelity
Prototype after the
second usability study
has a clear user flow
from choosing language
to download bill option
including calling waiter
feature.
Accessibility considerations
Used icons to make
navigation clear and easy.
Used detailed imagery for
different types of Dishes
the restaurant offers.
Provided see an
Download Bill option to
make payment easier.
1 2 3
●Takeaways
●Next steps
Going forward
Takeaways
Impact:
The app solves user’s problems by helping
them order their favourite Dishes.
Quote from User “ Ordering Dishes from the
app is very easy and naked ordering very
fast in any restaurant.”
What I learned:
While designing the app I learned how to put
user’s needs first. Multiple usability studies
have to be done to ensure a better user
experience. User’s feedback is very important
to make the design better.
Next steps
Conduct further usability
studies to ensure that the
user’s pain points have
been addressed.
Conduct user research to
understand more user
problems.
Improve the design
according to the user’s
feedback from further
usability studies.
1 2 3
Let’s connect!
Thank you for your time reviewing my work on the “MenuX” application! If you’d like to see more
or get in touch, my contact information is provided below.
Email: [email protected]
Link : https://dribbble.com/TrinaChatterjee