top of page
23-0227_INCONTEXT,WHITE.3.png

Cafe
Grind and brew

23-0206GEA,LOGO,white.png

Role: 
Assist in design refinements for product launch

Tasks Targeted:

  1. Ergonomic lid
  2. Spout improvement
  3. Bean hopper lid - new tab
  4. Water tank labelling
  5. Drip tray adjustment
  6. UI development
  7. CMF review with EB2
221014_Cafe G&B_Front white.3.png

1. Ergonomic Lid
 

Before
 

Hard to rotate with wet hands

23-0105_cafe,ergonomiclid1.png

Comfortable and effective
broom 

what influenced the design decition?
 

cafe coffee_lid dev 2 1.png

Analyzing current products

Cafe drip coffee - lid

IMG_1134 1.png

3D print to do usability testing

Working with supplier CAD

After

Improved grip and created consist design elements from previous products

223-0105_cafe,ergonomiclid2.png

2. Spout improvement
 

The carafe pouring flow was very slow and didn’t make enough arch.

Before
 

23-0127,cafe,processbook,carafecomparison,before.png
230105_processbook_spout 2.png

Comfortable and effective
broom 

After

230105_processbook_spout 1.png
23-0127,cafe,processbook,carafecomparison,before.png

3D print

23-0127,spoutcomparison.png

After

Before

23-0127,spoutcomparison,topview.png

3. Bean hopper lid new tab

As a product that is meant to be a counter top product it will live towards a wall and under cabinets which lead us to rethink the access to the bean hopper.

Too close to the wall

Oldbreanhopperlid.478.png

Comfortable and effective
broom 

A

BEANHOPPERLID3.png

Iterations

B

BEANHOPPERLID4.png
3BEANHOPPERLID2_edited.png

C

Final

The size of the tab was reduced and it was moved to the front to improve access.

23-0206,cafe,processbook,topview,lid.544.png

Comfortable and effective
broom 

CMF

What color lid fits all the finishes?

221014_Cafe G&B_Upper 3quarter 5.png
221014_Cafe G&B_Upper 3quarter 4.png
20221222_182757605_iOS 1.png

4. Water tank labeling

How might we communicate the amount of water the user might need for
their servings?

230105_processbook.366.png

Final

Comfortable and effective
broom 

Iterations

5. Drip tray adjustment

The removable drip tray allows the user to fit higher cups such as travel mugs, we wanted to find the best way to communicate that this part is removable.

What do touch points of the product have in common?

230105_processbook_edited.png

How could it be more evident?

Some users didn't know the drip tray could be taken out

Challenge

The chrome finish there was scratching

Is hard to know that the drip tray can be taken out

Solution:

Reduce drip tray height

Add ribbed texture found in other touch points

Benefits: 

1. Improved placement sensation when placing the carafe as well as reducing the amount contact to avoid scratching

2. Create a  touch point design language

6. UI development  - User Testing

1. Has to many buttons

2. disconnection between action (far away from each other)
3. Many steps to brew the coffee

User insights

“It seems like a lot of work to come down and get your coffee when you’re looking at so many other different things”

“Fancy. Thats a little bit sophisticated because I don’t Think an average person would want to go through all of that just to have a cup of coffee when they wake up in the morning”

Competitor Analysis

What are successful UI's doing

1. Prioritize amount and strength
2. No more than 6 main buttons
3. Streamlined selection (linear motion)

Screenshot 2024-08-02 at 7.49_edited.jpg

Final UI

1. Prioritize amount and strength
2. No more than 6 main buttons
3. Streamlined selection (linear motion)

7. CMF review with EB2

Second prototype review to check packaging and color in each of the finishes. Feedback was discussed with the supplier.
23-0129,cafe,CMF,copperaccents.png
23-0129,cafe,CMF,packagingreview.png
23-0129,cafe,grindercap.png
23-0129,cafe,grindercapcorrection.png
bottom of page