- User felt hopeless, stressed & irritated when they cannot get their coffee.
- Coffee must be served instantly without waiting in long queue.
- Payment process must not be slow and painfull.
Pre-order coffee, bypass queue.
Long Coffee queue?
Samara is getting late for her early morning presentation and she desperately wants her coffee. However, she does not have time to stand in long queue at coffee house. What could be done for her?
- I did this project independently.
- Wireframes and Visual design created using Adobe Illustrator.
- Interaction created using InvisionApp.
Discovering Needs & Goals
What did I find ?
Limitation in existing products
Inspirational design ideas
Overall User Experience
- Pre-order coffee using smart devices.
- Ability to view real-time status of orders.
- Friends can make or receive order on users' behalf.
- Delight users' mood by creating charming visual interface.
Scoping & Refining
Rendering User Needs
Presenting Cafe Genié
- Pre-order coffee without bypassing queue.
- View real-time status of your order.
- Lets you friends make or pick order on your behalf.
In a hurry? Order instantly.
Drop menu to quickly order your coffee.
“Instant Buy” feature lets you instantly buy a coffee taking you directly to payment option.
Friends can make or recieve order.
Gift your friend a coffee. Show your care.
Your friends can receive an order on your behalf.
Real-time status of an order.
Get real-time update of your order.
Plan your pick-up accordingly without waiting in queue.
- My design evolved as I iterated to better understand needs and goal.
- Critiquing my own design and peer review increased the user-friendliness.
- Several design decision were made during the project to deliver better usability.
- Introducing new features also helped make the coffee ordering process fast and hassle free.
Best color scheme & Layout
Users (especially female) found red color scheme too loud. Menu bar options were not hierarchically placed.
White color background was more soothing and coffee icons look more elegant. Menu bar options are placed in a stepwise sequence.