IoT - Digital coffee machine app- UX case study / Workshop

IoT - Digital coffee machine app- UX case study / Workshop

This project is based on a 2-hour design sprint workshop that I have organized with my mentees!

Project overview

During the workshop; I explained to the participants what is a design sprint and I went through the workshop agenda, explained the problem and the required task, grouped them into 2 groups, and gave them some initial research findings to start with.



UX Research, Workshop facilitator, and UI Design.

After finishing the design sprint with my mentees, I worked on my own prototype based on the workshop findings.


Figma, Adobe XD.

πŸ—―οΈ The Problem 'Philips G498' is a digital Bean-to-Cup coffee machine! The β€œuser-friendly” control panel includes an extra-large LCD screen for effortless operation.

🎯 Goals To design a digital solution that delivers a compelling user experience to control the coffee machine!

Research & Initial findings

β˜• Competitor Analysis:

Competitors like DeLonghi, and Breville have sleek appearance, a variety of options and total control over your cup of coffee, self cleaning and quick-brewing technology!

πŸ‘©β€πŸŽ€ User Personas:

Persona NameUser TypeRoleAge RangeLocationInterestsGoalsFrustrations
Mobile User
Freelance Social Media Specialist
Cairo, Egypt
TV series, travel, food
Boost her morning with a nice cup of coffee
-Coffee is usually ineffective... she can’t focus in the morning meetings -She has to go to a coffee shop for a proper coffee
Web User
Accountant / on pension
Vienna, Austria
News, watching sports, food
To drink fresh and professional made coffee
-Coffee machine is complicated to use -Cleaning the machine is very difficult

The Design Sprint (workshop)

Workshop Agenda:

  • Define what is working well? ... (10 min)
  • Define the problems ... (10 min)
  • Prioritize problems ... (10 min)
  • Brainstorm ideas/solutions ... (10 min)
  • Prioritize solutions ... (5 min)
  • Decide what to execute ... (5 min)
  • Prototyping ... (30 min)
  • User testing ... (20 min)

At this point, I asked the 2 teams to use a drawing of a boat and start listing all the features that could be working well in the current product (considered as winds that keep the boat moving) and the problems (anchor that blocks the boat from moving)

1-What is working well?

  • Beans storage
  • Good material of the machine
  • Beans-to-coffee technology
  • Small size and portability
  • Easy to use
  • Manual control panel
  • Different types of coffee

2-Defining Problems

  • Time consuming
  • Taste
  • Control panel is not user friendly
  • Bad cleaning system
  • Not smart

3-Brainstorming solutions / Ideas

After brainstorming some ideas that could potentially solve the problems listed above, we did a "Dot voting" to decide which solutions we should consider when building our prototype.


4-Deciding what to execute

Using the below "Impact/Effort" model, we decided which solution could be more feasible to implement.


5-What we have learned?

Through the above design process, we learned that the most feasible solution is to develop a digital solution that would replace the coffee machine control panel with another smart panel or a mobile app that gives more control to users over selecting different types of coffee, easily clean the coffee machine, and have a better visual feedback on the coffee making progress!

An IoT (Internet of Things) digital solution that enables straightforward management, and automation of connected coffee devices would be an ultimate solution.

6-Prototyping & User testing

The 2 teams started to build different prototypes for the digital solution, and afterwards we performed a hypothetical user interviews where I explained to them how they should be forming their questions and how they should be testing similar products and how to deal with different situations during user interviews in general.

Working on my own MVP β†’ Post workshop


1-Advantages of using IoT solution:

  • Scalable & customizable
  • More accessible and easier to use
  • More visual feedback on coffee making progress
  • Better automation
  • Multiple user preferences and profiles
  • Ingredients/beans/milk/water levels management

2-Designing User Flows:

In this step, I designed scenarios that describe a sequence of events, such as preparing a coffee cup, or checking coffee beans level.


3-Sketching and Wireframing:

I usually start by drawing low-fidelity wireframes using a Sharpie pen and a piece of paper, and then I design high-fidelity wireframes for better documentation and presentation purposes.

Wireframes should include details like navigations, and content blocks.


4-Final Mockups

Designing the screens from my youtube channel (video language:Arabic)

Having all the previous findings in mind, I went for designing an IoT application as a middleware that manages all the interactions between the hardware and the users.

πŸ“±Β  Mobile app mockups πŸ‘‡


⌚  Apple Watch Mockups πŸ‘‡


Thank you for reading ❀️

Made with πŸ–€, #Notion and #AdobeXD by Loay Hassan