Expresso
Coffee Machine Website

Solo Project

End to End UX Design Process

Solution

I created a user-focused coffee machine website for first-time buyers, integrating an intuitive UI for detailed product features, specifications, and comparison tools. The UX is enhanced with post-purchase support through accessible guides and installation videos, ensuring a seamless and informed user experience.





UX Design Process

02.

DEFINE

02.

DEFINE

03.

IDEATE

03.

IDEATE

01.

DISCOVER

01.

DISCOVER

User Interviews

Three first-time coffee machine buyers, aged 20 to 40 were interviewed. The interviews provided insights into the unique challenges and needs they experience when purchasing tech-focused appliances.

“Navigating complex features can be daunting. Having straightforward information would help me feel more confident in selecting the right machine”.





01. DISCOVER

“First-time users struggle with confusing navigation and unclear features when buying advanced coffee machines, needing a more intuitive online experience”.

Problem Statement

“First-time users struggle with confusing navigation and unclear features when buying advanced coffee machines, needing a more intuitive online experience”.

“First-time users struggle with confusing navigation and unclear features when buying advanced coffee machines, needing a more intuitive online experience”.

Problem Statement

02. DEFINE

03. IDEATE

04. DESIGN

User Persona

Empathy Map

1. Esteé values clear, easily accessible product information and comparisons to make informed decisions.

2. Providing straightforward guidance and robust support will enhance her confidence in using new technology.

3. Creating a user-friendly interface with concise, relevant details will reduce her frustration and improve satisfaction.





1. Esteé values clear, easily accessible product information and comparisons to make informed decisions.

2. Providing straightforward guidance and robust support will enhance her confidence in using new technology.

3. Creating a user-friendly interface with concise, relevant details will reduce her frustration and improve satisfaction.





02. DEFINE

User Flow

04.

DESIGN

04.

DESIGN

Low-fidelity wireframes for the prototype were created, centered on machine comparisons, feature specifications, usage guides, and post-purchase support screens.

03. IDEATE

04. DESIGN

High Fidelity Designs

Prototype

Challenges and Conclusion

A key challenge was simplifying the complex navigation of coffee machine features, and it was overcome by designing a user-friendly interface with clear, accessible information and support.

In conclusion, this approach will enhance the user confidence and satisfaction by delivering a seamless decision-making process, allowing first-time buyers to easily navigate and choose the right coffee machine.