Brew - Coffee

Brew

An e-commerce platform dedicated to enhancing the coffee experience for enthusiasts, the website combines engaging shopping with a space for exploration. A Coffee Preference Survey simplifies the coffee journey, and the visually appealing interface showcases the richness of coffee culture.

My Role: UI/UX Designer

Tools: Figma

Project Type: UI/UX Prototype Development

Project Summary

The goal was to create a welcoming online store, making shopping a breeze while offering a space for coffee lovers to explore diverse products. Aimed for a visually attractive design that not only showcased coffee culture but also made navigation easy for users to browse, purchase, and enhance their coffee enjoyment. The Coffee Preference Survey simplifies the coffee journey, and the design ensures that browsing, purchasing, and enjoying coffee are delightful experiences.

The Challenge

In a competitive coffee market, typical websites and surveys often lack the engagement needed to draw active participation. To set this website apart and truly connect with potential customers, our challenge was to design a survey that offered an immersive and unique experience. The survey aimed to gather valuable user data for improvements and understand their specific coffee preferences. Ensuring the website and survey were not overwhelming became crucial in addressing this challenge.

The Solution

Aesthetic and Functional Design: The website embraced a blend of visually appealing elements and a user-friendly interface, ensuring a smooth shopping experience. Carefully crafted layouts showcased the diversity of coffee products, using high-quality images and engaging content to immerse users in the world of coffee.

Interactive Personal Survey: To enhance user engagement, Brew introduced an interactive personal survey, providing a customized approach to discovering coffee preferences.

Information Architecture

Brew Information Architecture

User Persona

Brew Persona

Style Guidelines

Typography

#1D1C1C
#E6E7EB
#FFFDFA
#C5BFAD

Mockup

brew-mobile-website-hi-fi
brew desktop website
home-mobile-tablet
shop-mobile-tablet
product-mobile-tablet
Survey mobile pages

View Prototype

Wrap Up

This project has been an invaluable source of insights and learning experiences. I would have greatly appreciated the opportunity to conduct user testing, specifically for the navigation, product selection, and the checkout process. Exploring the simplicity of the Coffee Preference Survey through testing could have provided valuable insights into user interaction and satisfaction. These insights are instrumental in refining the overall user experience, ensuring that both the shopping journey and survey navigation remain effortlessly and user-friendly.

© 2023, Designed and Developed by Matthew Yuen