Smart Coffee Maker
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
Ver. 01
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
Wireframe
Cooperated with UX Designer - PI-FEN HSU
Final outcome
The Home page
1024 X 768 px
Options for customizing different types of coffee
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
The coffee community
This page shows the top-rated coffee recipes downloaded by customers today.
Directs to the details of each recipe
Offer a slight range for customizing the coffee based on the recipe that users choose.
The dropdown menu contains another page of coffee recipes shared by the professional baristas
Directs to the details of each recipe
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.
Directs to the purchase page
Setting page
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
High-fidelity screens
Iteration goals
Retrofit a different coffee maker model that offers americano solely.
Refine the design of the machine and enlarge the screen.
Iterate the APP for remotely ordering coffee through smartphones.
Ver. 02
The outcome of our iteration
The new coffee maker aims at a commercial scenario that offers americano for office workers.
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.
Scenarios
