03 January 2023
Andrej Marfiak's profile photo, Webscope.io
Andrej Marfiak

UX Case study: Order products from the cafe in advance

UX Case study


Cafeco is a local cafe located in a suburban area. They are offering a variety of products and trying to target younger/middle-aged and busy people, who don‘t have time to prepare products on their own.
Based on the user research we find out that people mainly face the same problem - the amount of time spent waiting in line for a product to order and collect. So, we have decided to conduct UX research to come up with a solution of allowing users to order products in advance and skip the waiting line.

Summary of user research

Conducting the research and creating empathy maps were things that helped us understand users' needs. The main issue for users was lack of time and the fact, that they do not want to wait in line for products.
It was not all about lacking the time and need for a faster process. These people are really enjoying their coffees and the products that are offered by Cafeco are meeting their exact needs, but often frustration stopped a lot of people from enjoying them.

Pain points


Persona Amy


Do you need a reliable partner in tech for your next project?

About Amy

“If I don’t start my day with a cup of nice coffee, I will be unbearable.”
Amy is a 40-year-old single mother living in Brno, Czechia. She has a 7-year-old daughter. She is working as an accountant in the international corporate. She has really stressful job and does not have much free time.


  • To enjoy a nice cup of coffee on a regular basis
  • To visit the coffee house as often as possible
  • To have more free time


  • Not enough time
  • Afraid of not getting high-quality coffee

Problem statement

Amy is a busy accountant who needs to get a cup of coffee as fast as possible because she does not have much free time.

User journey map

Mapping Amy‘s user journey revealed how helpful would it be for users to use Cafeco app for mobile ordering.

Wireframes and usability study

We have created wireframes and conducted user testing to ensure we found the perfect solution for the users. During the user testing, critical things were discovered that helped to general user flow. These discoveries were then incorporated into the designs.

Final design

After finalizing wireframes we dived into making the app's user interface design. We chose neutral colors of violet, supported by brown colors on coffee thumbnails to represent the taste and smell of coffee.

Thanks for watching!

Webscope builds software solutions tailored to your needs We have rock-solid experience with the entire software development process.
See more work on our Dribbble: https://dribbble.com/webscope-design
Share post

Let’s stay connected

Do you want the latest and greatest from our blog straight to your inbox? Chuck us your email address and get informed.
You can unsubscribe any time. For more details, review our privacy policy