Interactive Coffee Machine Tool

Agency
  • MediaMonks
Client
  • JDE
Project
  • Bean of Possibility

Introduction

Jacobs Douwe Egberts(JDE), the worldwide famous coffee brand, wants to have a new highly interactive website. One of the functions of this website is to help coffee drinkers to find the best settings for their FACM(Fast Automated Coffee Machines) based on their taste preferences.

My role in this project was to generate some ideas and create an initial shape for this FACM tool.

Skillset

Process Overview

We want this tool to feel natural, so we imagined how the process would happen in real life. Afterwards, we detailed each step and defined necessary elements for each screen.

  1. You need coffee.
  2. You need FACM.
  3. Decide what to drink.
  4. Set your FACM.
  5. Enjoy your coffee!

Step 2 and 4 were the most challenging ones, so let's check them together before we see the final outcome.

00

Choose your FACM

How do I find my FACM between +30 models ?

Since it is not practical to show 30 models in one page, we decided to use progressive disclosure technique. At first, we let users choose their FACM brand. Afterward, FACM models for that specific brand is displayed on the second screen. For other brands that have less than a specified number of models, there will be an extra brand category called 'other brands.'

What if I don't have an FACM ?

We solved this problem simply by adding an option in this step to continue with a random FACM model.