top of page

Coffeeshop Website Design
Challenge: CoffeeHouse clients want to place different kinds of orders from different devices and find ready-to-drink and ground beans by the pound products in one place.
Solution: Design a responsive website for CoffeeHouse that allows users to easily find the signature products and place different kinds of orders, including group orders and ground beans.
Digital Tool: Adobe XD
Design Process
Site Map

Wireframes


Low-Fidelity Prototype

Usability Testing

Insights
-
Users were confused when adding an item to the cart because they weren’t sure if the item was added.
-
Users need a way to find the nearest store from their location.
-
Users want a safe payment method and have different options to pay.
High-Fidelity Prototype

The hi-fi prototype followed the same user flow as the lo-fi prototype, and included the design changes made after the usability study.
bottom of page


