Florescence
Designing a guided wine discovery experience that helps users identify their taste profile through aroma-based selection
Florescence is a guided wine discovery platform designed to help users identify their taste profile through a visual, aroma-based system. By translating complex wine characteristics into intuitive color-coded cues, it makes exploration more accessible and engaging.
A short onboarding flow defines user preferences and generates personalized recommendations, allowing users to discover, compare, and choose wines more easily without relying on technical knowledge.
MY ROLE
• End-to-end product design: research, UX, UI, and visual system
• Defined the information architecture and user flows
• Designed the aroma-based classification system
• Developed the visual language and label system
• Prototyping and usability validation
THE RESULT
• Delivered a guided experience that reduces decision complexity
• Established a clear and scalable aroma-based classification system
• Created a consistent visual language across digital and physical touchpoints
• Enabled intuitive product comparison without relying on technical knowledge
• Designed for accessibility, supporting both beginners and experienced users
SERVICES
UX/UI Design · Information Architecture · Visual Design · Wireframing · Prototyping · Responsive Design · WordPress Development
TOOLS
Figma · FigJam · Notion · Adobe CC · WordPress
COLLABORATORS
Product Owner · Stakeholders · Developers
PROJECT DURATION
4 Months
Homepage
Building a scalable system to ensure consistency across features and content
The homepage introduces Florescence as a guided wine discovery tool, focusing on visual taste exploration.
A short onboarding identifies user preferences through aroma selection, generating personalized profiles.
Recommendations are displayed using color-coded aroma profiles and structured product cards, enabling quick comparison.
Users can:
• Start with a guided quiz to identify taste preferences
• Explore recommended wines based on your profile
• Compare products visually through aroma distributions
• Access detailed product pages with simplified attributes
Mobile Experience
The mobile experience is optimized for fast, on-the-go wine discovery, prioritizing speed and clarity
The interface prioritizes speed and clarity:
• Key actions are reachable within the thumbzone
• Navigation is organized into a small set of primary tabs
• Product information is structured in progressive disclosure layers
wine labels design
Wine labels translate digital aroma profiles into a physical visual system, ensuring consistency between product and digital experience
Visual system
Color coding maps aroma families into clear visual cues
- Structured layouts highlight dominant notes and characteristics
Visual hierarchy supports quick recognition across labels
Color coding maps aroma families into clear visual cues
Visual hierarchy supports quick recognition across labels
User understanding & decision making
Users can recognize flavor profiles at a glance
Visual cues simplify complex wine information
Users can match products with their taste profile instantly
Simplified information helps users choose without relying on technical descriptions
Users can recognize flavor profiles at a glance
Visual cues simplify complex wine information
Users can match products with their taste profile instantly
Simplified information helps users choose without relying on technical descriptions
Collaterals
A set of physical and digital assets extends the Florescence system beyond the app, ensuring consistency across touchpoints
Visual application
Coasters and printed materials feature aroma maps
Packaging aligns with visual taste profiles
Product labels are designed for quick shelf recognition
Coasters and printed materials feature aroma maps
Packaging aligns with visual taste profiles
Product labels are designed for quick shelf recognition
User impact
Reinforces brand recognition across channels
Bridges digital discovery and in-store experience
Supports faster decision-making at point of sale
Reinforces brand recognition across channels
Bridges digital discovery and in-store experience
Supports faster decision-making at point of sale
Key Outcomes
Results of an end-to-end design system created to support aroma-based discovery and personalized wine recommendations
Strategic Outcomes
Defined a scalable aroma-based classification system
Standardized wine representation across digital and physical touchpoints
Reduced reliance on technical wine knowledge
Created a flexible system adaptable to new categories and products
Defined a scalable aroma-based classification system
Standardized wine representation across digital and physical touchpoints
Reduced reliance on technical wine knowledge
Created a flexible system adaptable to new categories and products
LEARNING EXPERIENCE
Enables fast discovery (decision in under 30 seconds)
Makes wine exploration accessible to non-expert users
Supports quick product comparison through visual profiles
Builds a distinctive visual language that enhances memorability
Enables fast discovery (decision in under 30 seconds)
Makes wine exploration accessible to non-expert users
Supports quick product comparison through visual profiles
Builds a distinctive visual language that enhances memorability