top of page
2.png

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

View Case Study

Design Process

Site Map

Screen Shot 2023-10-05 at 2.19.57 PM.png

Wireframes

Screen Shot 2023-10-05 at 2.51.39 PM.png

Low-Fidelity Prototype

Screen Shot 2023-10-05 at 3.18.48 PM.png

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

Screen Shot 2023-10-06 at 2.28.34 PM.png

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

Let's Talk! 

Let’s connect over ideas, creativity, and future possibilities.

  • Instagram
  • Facebook
  • LinkedIn

Made with dancing playlists + buñuelo energy.  ©2025 Camila Gilbert

bottom of page