Image provided by Nathan Dumlao on Unsplash.
Brew House eCommerce Mobile Site
A Case Study in Figma
Client: Brew House Coffee Shop
Tools: Figma; Adobe Photoshop
Role: Research; User flow; UI/UX design; Style guide
Project Overview
Tasked with designing an eCommerce mobile site for a local coffeehouse, I wanted to bring the users a simple, smooth experience in the process of getting their hands on the freshest brews in their community.
For a complete look at the entire build, please visit Brew House on Figma. You DO NOT need a Figma account to view/interact.
eCommerce Mobile site homepage.
Features
Must Have:
Clear navigation
Product pages
Multi-product cart
Secure checkout
Brand establishment
Means to contact the business
Should Have:
Product reviews
Information about the business
eCommerce Mobile site sample screens.
eCommerce Mobile site animation for Brew House.
Styles
I wanted to create an experience that users would feel welcomed to visit. Obvious color choice included browns which symbolize honesty, reliability, stability, and comfort. I also like how cyan pairs with it, and symbolizes balance, calmness, and clarity.
For a complete look at all styles and components, please visit Brew House on Figma.
eCommerce Mobile site style guide
Thank you for visiting!
