CoffeeHouse
Study Case - UX/UI design project for an cafe
An app that easily allows you to place your order and eliminate queues, so you can enjoy even more your coffee!
The project
My role
UX/UI designer
Duration
2 months
Value proposition
An app that enhances the experience in a café, allowing the user to quickly place orders without needing to face queues. With an intuitive interface, it is possible to personalize your coffee, make the payment, and pick up your order at the nearest café. Besides that, the platform makes it easy to place collective orders, allowing users to invite friends and relatives to join the same order, bringing convenience to these shared moments. More convenience, less waiting, and a connected coffee-drinking experience.
Step 01
Empathy
The user research was done through desk research and interviews. The first step was collect Information about my target audience through internet data. After that, these data were confirmed during interviews with four different people. With that, it was possible to better understand who are the people that I intend to support with my app.
Step 02
Define
Problem 01
Delay in placing
the order
Users are more demanding with the time they spend placing orders. They look for a process that is as fast as possible.
Problem 02
Collective orders
are stressful
A lot of users say that placing orders for a bigger number of people are stressful, confusing and makes them lose a lot of time.
Problem 03
Difficulty customizing
orders
Users say that, sometimes, customizing orders isn't clear enough.
How Might We?
How might we make the process of placing an order in CoffeeHouse easier and as fast as possible for their clients, so they don't lose so much time from their day.
Persona 01
Persona 02
Site map
Steps 03 and 04
Ideate and Protótipo
Sketches
Low-fidelity wireframes
High-fidelity wireframes
High-fidelity wireframe
Style guide
Step 05
Test
During the process, I conducted a usability test with a few users to collect feedback and improve the user experience. The first test was made with low-fidelity wireframes and, at the end of the process, I did a second test with high-fidelity wireframes. There are still some improvements to apply to the app and more tests to conduct. However, the app already had a positive review in the last step of testing and showed itself to be capable of solving our users' problems, identified at the beginning of the project.