Smart Coffee Maker 

MSI.png

OVERVIEW

MSI has developed automotive, industrial, and commercial grade ARM-based Linux and Android solutions for more than 15 years. The company is also experienced in developing rugged tablets. Our team utilized these key strengths to offer coffee machine manufacturers an optimized experience of brewing a cup of coffee. The smart coffee maker aims to provide rush urbanites a simple way to slightly customize their americano, espresso, latte, and more other coffee types.

ROLE

Industrial design

User Interface design

B2B project @ MSI

TEAM

UX designer - PI-FEN HSU

Software Engineers - MAO-JUN YAN  l  WEI-CHEN CHU

TOOLS

Pro-E  l  Keyshot

illustrator  l  Photoshop

DURATION

3 months ( 2019 ) 

The purposes

Pic_01.png

Ver. 01

icon-03.png
icon-02.png
icon-01.png

Retrofit the old model of a coffee maker with an IoT tablet, providing a smarter way to brew a cup of custom coffee.

Establish a community for users of coffee machine brands to enhance customer engagement.

Utilize the Internet to inform users of replenishing coffee beans. (Also offer a platform for coffee bean brands to promote their products.)

Flow chart

Flow.png

Wireframe

wireframe.png
wireframe-info.png

Cooperated with UX Designer - PI-FEN HSU

Final outcome

The Home page

D-01.png
H-D-01_1.png

1024 X 768 px

icon-01.png

Options for customizing different types of coffee

D-03.png
D-04.png
D-05.png

Grind sizes & Caffeine content

The volume of water

The volume of milk

The process of brewing a cup of customized coffee

Americano

Espresso

Latte

Customized

D-02.png
L-5.png
L-3.png
L-4.png
L-1.png
L-2.png

The coffee community

icon-02.png

This page shows the top-rated coffee recipes downloaded by customers today.

P-01.png

Directs to the details of each recipe

Offer a slight range for customizing the coffee based on the recipe that users choose.

D-07.png
D-08.png

The dropdown menu contains another page of coffee recipes shared by the professional baristas

P-02.png

Directs to the details of each recipe

D-10.png

Advertisement page for coffee beans' brands

Coffee Street provides a platform for coffee beans' companies that are business partners of the coffee machine manufacturers to promote their products.

P-03.png

Directs to the purchase page

icon-03.png
D-12.png

Setting page

D-13.png

Remote-controlled coffee maker 

  • Brew coffee with smartphones and share the results on social media instantly.

  • Check the status of coffee machines and visit coffee beans' websites efficiently.

Wireframes of our Coffee Makers' APP

Flow-phone.png
icon-phone.png

High-fidelity screens

icon-04.png
UI-phone.png

Iteration goals

icon-05.png

Retrofit a different coffee maker model that offers americano solely.

icon-06.png

Refine the design of the machine and enlarge the screen.

icon-07.png

Iterate the APP for remotely ordering coffee through smartphones.

T.png

Ver. 02

The outcome of our iteration

The new coffee maker aims at a commercial scenario that offers americano for office workers.

Ver02-CM.png

The coffee maker's APP 2.0

The APP is repositioned as an approach for workers to order their coffee remotely and grab a hot beverage when pass by the machine.

Phone 2.0.png

Scenarios

S-1.png
S-2.png
S-3.png
CM_s.jpg