Bean&Brew is a conceptual e-commerce app for discovering and purchasing organic specialty coffee and premium brewing equipment.
The project addresses a central tension: creating a curated, premium shopping experience without making product discovery and checkout feel slow or complicated.
The store’s focus on organic beans and specialist equipment informed both its product hierarchy and its visual identity.
I identified the actions that form the foundation of the shopping experience:
❋ Browse coffee beans by type, origin, or flavor profile
❋ Compare products by taste, brewing method, or price
❋ Find suitable brewing equipment
❋ Review the cart and complete a purchase
To keep decision-heavy screens focused, I simplified layouts, limited competing elements, and used clear touch targets and predictable navigation.
❋ No advanced filters beyond the essential categories
❋ No decorative elements that compete with product information
❋ No hidden navigation or unfamiliar gestures
Rather than relying on literal coffee imagery alone, I used warm color, considered typography, and consistent spacing to convey curation. Contrast directs attention, motion confirms actions, and visual consistency supports orientation and trust.
Prototype testing examined whether users could find and compare products, complete primary actions efficiently, and understand the store’s specialist positioning. The findings informed refinements to hierarchy, layout, filters, and interaction feedback.
1. Balancing Usability with Brand Identity
A warm, natural visual identity needed to coexist with clear commerce patterns. I iterated on color, typography, and iconography so the brand remained recognizable without reducing contrast or obscuring interactive elements.
2. Reducing complexity in decision-heavy areas
Product selection and cart management involve several small decisions. Testing led me to strengthen menu visibility, clarify filtering, and refine cart feedback so users could better understand their options and the result of each action.
