Narmoon Brew Cafe
Mobile App
Narmoon Brew is a regional cafe located in the suburbs of a metropolitan area. Narmoon Brew strives to deliver premium coffee. They offer a wide spectrum of competitive pricing. Narmoon Brew targets customers like students and workers who have busy schedules and are new English learners to order with language being a barrier.
Project Overview
PROBLEM
Full-time students and busy workers who are new English learners and need an app that is optimized for screen reader usage.
MY ROLE
UX Research
UX Design
Wireframing
Prototyping
UI Design
GOAL
Design an app for Narmoon Brew Cafe that allows users to easily order and pick up their coffee at their convenience without English being
a barrier.
TOOLS
Figma
Adobe Illustrator
Adobe Photoshop
Design Process
01 Understand the User
User research Summary
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was a combination of a working adult and a full-time online student who needed time to study and grab a coffee on the go.
Research results
I interviewed 5 potential users of the app, one of whom has a visual impairment. Research showed that people often get discouraged by long waiting times and might even leave before ordering anything. People are often frustrated without being able to understand the menu and the typical ordering process as they are often confused by it and by the possible customization options, which are not always stated clearly, and it is especially true for new customers.
Interview and Survey Questions
How long does it take you to select and order a coffee in the app?
Are there any parts of the coffee ordering process where users get stuck?
Are you able to successfully order the coffee or food you want?
What can we learn from the steps users took to order a coffee?
How was the payment/checkout process for you?
When ordering at a cafe, do you usually order
dine-in or take-out?
Facts and Insights
40%
Sometimes leave without ordering because of long queues.
​
20%
Are satisfied with how traditional ordering works and wouldn’t change it.
80%
Think that they spend too much time waiting for their order.
​
70%
Place the same order frequently and would want a way to make the process easier.
30%
Are not fully aware of all customization options or of all menu items.
40%
Are satisfied with loyalty programs that cafes offer.
​
02 Define Phase
Personas
Empathy Map
Journey Map
03 Ideate Phase
User Flow
04 Design Phase
Low Fidelity Wireframes
Design System
Typography
Aa
Saudagar
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z.
a b c d e f g h i j k l m n o p q r s t u v w x y z.
Regular
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z.
a b c d e f g h i j k l m n o p q r s t u v w x y z.
Roboto
Thin
Light
Regular
Medium
Bold
Black
Colors
#2D1713
#A9744C
#C7B2A2
#F4F2EE
05 Test Phase
Usability Testing
I asked three people to try to complete the purchase in the app. Conducted a usability study in order to find potential problems and user pain points in the app’s flow.
Suggestions To Make The Experience Better
2/3
Users think there should be a scheduling system with a calendar view for ordering at a specific time.
3/3
Users think that the confirmation screen should have an edit or cancel option.
​
1/3
Users would like to see an order tracker/status after placing their order for a faster pickup.
​