Meraki Coffee Roasters
Project: Meraki Coffee Roasters mobile app.
UX Designer: Ahmed Didi
My role: Designing an app for a local coffee shop in the Maldives.
Project duration: March 2021 to May 2021
Product Overview
The product
A mobile app for a coffee shop in my hometown that allows coffee fanatics to order their favourite specialty coffee to be delivered to their door or picked up from the store, complete with a reservation feature.
User Research
Summary
I conducted interviews and created empathy maps to gain a deeper understanding of the users I’m creating for and their needs. During the research, working people who don’t have time to have a coffee were identified as an important user category.
While the user group supported initial expectations regarding Meraki Coffee Roasters customers, research also revealed that time was not the only factor preventing users from enjoying specialty coffee at home. Getting a table at peak hours was difficult due to other users’ responsibilities, demands, or challenges. I considered this and decided to include a reservation.
The Problem
busy workers who don’t have time to get a coffee while at work.
The Goal
Designing a mobile app that allows you to get your favorite specialty coffee at your doorstep.
Personas
Problem statements
User journey maps
User flow – Meraki app
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
User task: Coffee shop app for taking online orders for specialty coffee lovers.
- Open App
- Sign up
- Select Delivery options
- Select menu
- Add items to order
- Order preview
- Go to checkout
- Order confirm? Yes or No
- Select payment method
- Order confirmation
- Order tracking for Delivery
- Rate order
User research: pain points
Time
Working adults are too preoccupied with their jobs to visit a coffee shop.
Accessibility
The user requires more sign-up options.
Waiting periods
At peak hours, the coffee shop is completely packed, and customers must queue.
Understanding the user
Starting the design
Paper wireframes
Prioritize star wireframe drawings for use in digital prototypes. I chose the sixth sketch because it is by far the most accessible design for me.
Digital wireframes
On login page wire frame, I decided to use phone number only one sign up method which isn’t accessible to some users.
Low-fidelity prototypes
Lo-Fi prototype of Coffee shop app updated with new screens.
View Meraki Coffee Roasters app
Low-fidelity prototype.
Refining the design
Mockups – Sign up screen
I came up with a few actionable insights from the usability studies. One of them was to add more sign-up options to the app’s home screen, making it easier for more users to sign up.
Mockups – Home screen
Another iteration was to make the interface more user-friendly by adding a scrolling feature for the best-selling items. This will assist the user in quickly locating fast-moving items.
Some of the main screens
High-fidelity prototype
The Hi-Fi prototype adopted the same “Coffee shop ordering, reservation” user flow as the Lo-Fi prototype, but with design improvements based on the usability study’s findings.
View Meraki Coffee Roasters app
High-fidelity prototype.
Mockup of Meraki App
Usability study: parameters
Study type
Unmoderated usability study
Location
Male’, Maldives; remote
Participants
5 Participants
Length
15 – 20 minutes
Usability study: findings
1
Efficiency
People who wants to order specialty coffee from work or home.
2
Customization
Users want a reservation option.
3
Conveniece
Users are looking for a method of delivery or take-away.
Accessibility considerations
1
I’ve added extra login choices after doing a usability study. When it comes to signing up, this gives people more options.
2
For those who must wait outside the coffee shop for an extended period of time, a reservation option has been added.
3
In the menu items, allergen information has been added. This will alert users to the things that they are allergic to.
Going forward
Takeaways
Impact:
The app gives consumers the impression that the Meraki Coffee Roasters is truly concerned with meeting their needs.
One comment from a peer: “Now I can order my favourite coffee in a few clicks and have it delivered right to my house.”
What I learned:
While designing the coffee shop app, I found that the initial app ideas are only the beginning of the process. Each iteration of the app’s designs was inspired by usability studies and peer reviews.
Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed
Conduct more user research to determine any new areas of need.
Keeping up with design inspiration and technology in order to keep up with the latest trends and applications.
Thank you for your time reviewing my work on the Meraki Coffee Roasters app!
Drop me an email if you want to see more or get in touch.