BrewMatch - Find Your perfect coffee in minutes
Role: UX/UI Designer | Tools: Figma | Duration: 3 weeks
A desktop-first website that simplifies coffee discovery with a guided quiz, clear recipes, and a warm, inviting UI.
The Challenge
Choice overload in cafes & online
Inconsistent or unclear recipes
Unclear dietary info & equipment details
Users default to basic or sugary drinks
The Goal
Create a simple, friendly website that recommends the right coffee based on preferences, dietary needs, and equipment – with recipes anyone can follow
Information Architecture
Early Exploration
I explored multiple layouts to balance warmth, clarity, and easy quiz flow.
Branding & Visual Direction
A warm coffee-inspired palette reinforces comfort & approachability, while clean typography maintains clarity & trust.
Core Features
Guided Coffee Quiz
A simple, friendly quiz that filters drinks based on flavour, strength, sweetness, dietary requirements, and equipment.
Personalised Results Carousel
Clear visuals and quick-scan stats let users choose confidently from recommended drinks.
Recipe Layout & Components
Expandable ingredient lists, simple instructions, and equipment awareness make home brewing achievable.
Favourites
A clean way to save and revisit coffees you love.
Usability & Iteration
A usability study refined quiz flow & accessibility.
Key Improvements included: easier navigation, better quiz flow & quick add to favourites option from results.
Before Usability Study
After Usability Study
Component System
A simple component system ensures consistency & scalability across the site.
High-Fidelity Mockups
Accessibility
High colour contrast for recipe text
Clear labels & predictable navigation
Dietary filters for inclusion & safety
Takeaways & Next Steps
Takeaways
Designing a consumer-facing product helped me focus on clarity and warmth.
Simplicity and readability were critical for reducing decision fatigue.
Next Steps
- Expand to mobile for full responsiveness
- Add advanced filters (brew strength, caffeine level, milk alternatives)
- Explore integration with coffee bean retailers & cafe franchises
Designing digital tools to help people with decision fatigue & feel happy with their choices.