The 3 Cafe
March 2021
The 3 Cafe is a restaurant located in Pakistan. The 3 Cafe strives to provide ordering facility through mobile. They offer a wide spectrum of screen types. The 3 Cafe targets customers like teenagers and college\university students who want to order through mobile.
Role
UX designer designing a responsive mobile website for mobile for The 3 Cafe from conception to delivery.
Target Audience
Teenagers & College\Universities Students
Challenge
Teenagers and college\University students who want to order through mobile.
Goal
Design a responsive mobile website for people who want to order through mobile rather than opening laptop every time to order.
User Research
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 teenagers and college\university students who want to order through mobile rather than opening laptop every time to order.
Other user problems included obligations, interests, or challenges that make it
difficult to order from laptop or PC.
Pain Points
1
Order Through Mobile
In general, user want to order from mobile so they can order from anywhere.
High-Fidelity
Prototype
The final high-fidelity prototype presented cleaner user flows for choosing the category and selecting items to order.
Results
Early designs allowed for some customization,
but after the usability studies, I added additional options to more options for cart view.
Accessibility Considerations
1
2
3
Used icons to
help make
navigation easier.
Used detailed
imagery for items to
help all users
better understand
the designs.
Provided access
to users who are vision impaired through adding big buttons to be easily seen.
Impact
The app makes users feel like The 3 Cafe really thinks about how to meet their needs.
One quote from peer feedback:
“Great. Now I can order through mobile also.”
Conclusion
While designing the The 3 Cafe, I learned that the first ideas for the responsive mobile screen are only the beginning of the process. Usability studies and peer feedback which influence each iteration of the responsive mobile screen design.
Next Steps
1
2
3
Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed or still need to be addressed.
Conduct more user research to determine any change needed to upgrade design.
Conduct more user research to determine any new areas of need.