CAFETERIA RESPONSIVE WEB CASE STUDY

Project overview

The product: 

Website is for better experience in cafeteria and should help people to order coffee.

Project duration:

December 2022

The problem: 

People don’t want to lose their seats based on their order. In some cases people want to sit and order from their place to keep this place in the cafeteria.

The goal: 

Create website that will allow to browse menu, create an order and select the table in the cafeteria.

My role: 

UX researcher, UX designer, UI designer​​​​​​​

Responsibilities: 

user research, wireframing, prototyping, designing

Understanding the user

User research: summary

I conducted user interviews and created empathy maps to understand the users. A primary user group identified through user research was working adults in the office who want to enjoy coffee.

This user group revealed problems like: delivery/pickup – coffee could be cold, some of customers want to sit and enjoy the coffee in place

User research: pain points

1.

Pickup

Not picked up in time and coffee could be cold.

2.

Ordering in place

Why using app in cafeteria to ordering a coffee?

3.

Accessibility

Missing assistive technologies

Persona: Tom

User journey map

Mapping Tom’s user journey revealed how he can order a coffee from his place in cafeteria.

Problem statement

Mapping Tom’s user journey revealed how he can order a coffee from his place in cafeteria.

Starting the design

Sitemap

Paper wireframes

Paper wireframe screen size variation(s)

Digital wireframes 

Digital wireframe screen size variation(s)

Low-fidelity prototype

Usability study: parameters

Study type:

Unmoderated usability study

Location:

Prague, remote

Participants:

5 participants

Length:

20-30 minutes

Usability study: findings

1.  

Users want order more types of coffees

2.  

User want more information about picking table

3.  

Missing information about table in summary

Refining the design

Mockups

Mockups: Original screen size

Mockups: Screen size variations

High-fidelity prototype

Accessibility considerations

1

Users want more information about table. I used images how the table looks like and I added more description about the place.

2

Users want information about picked table in the summary page. I added this information to the overview.

Going forward

Takeaways

Impact: 

Number of visitors are doubled than we expected. 

What I learned:

I learned that doing a usability study multiple times is very useful.