Fragrance commerce / UI/UX design study

Aura Noble

Help someone describe the scent they want.

Design exploration · No production launch or measured business outcome reported.

EXPLORE THE CASE STUDY ↓

01 / PROJECT COVER

A luxury fragrance discovery experience.

Aura Noble introduces a fragrance shopping concept through amethyst, black, and gold art direction, product storytelling, and guided scent discovery.

Aura Noble — Project cover
Project coverENLARGE ↗

02 / PROJECT OVERVIEW

From scent discovery to a considered purchase.

The overview presents the product goal, audience, eight-week scope, and concepts for curated collections, a fragrance quiz, boutiques, gifting, membership, and checkout.

Aura Noble — Project overview
Project overviewENLARGE ↗

03 / PROBLEM STATEMENT

Bringing confidence to online fragrance shopping.

The problem board explores gaps in scent information, personalized guidance, sensory storytelling, authenticity, checkout, and premium support.

Aura Noble — Problem statement
Problem statementENLARGE ↗

04 / USER RESEARCH & INSIGHTS

Understanding how people choose a fragrance.

The research board presents shopper personas and themes around choice overload, detailed product information, confidence, exclusivity, personalization, and the limits of discovering scents online.

Aura Noble — User research & insights
User research & insightsENLARGE ↗

05 / WIREFRAMES & INFORMATION ARCHITECTURE

A clear route from discovery to purchase.

The sitemap and wireframes organize collections, scent discovery, product details, brand storytelling, boutiques, membership, and account tools, alongside the quiz-to-checkout journey.

Aura Noble — Wireframes & information architecture
Wireframes & information architectureENLARGE ↗

06 / DESIGN SYSTEM & VISUAL DIRECTION

A refined visual language for fragrance.

The design board defines amethyst, lavender, gold, black, gray, and ivory colors, Cormorant Garamond and Poppins typography, product imagery, controls, icons, and design principles.

Aura Noble — Design system & visual direction
Design system & visual directionENLARGE ↗

07 / HIGH-FIDELITY UI SCREENS

The fragrance experience, screen by screen.

The interface showcase presents the home, discovery collection, product details, scent discovery quiz, checkout, and profile dashboard.

Aura Noble — High-fidelity UI screens
High-fidelity UI screensENLARGE ↗

08 / KEY IMPROVEMENTS & FINAL SOLUTION

Guided discovery with richer product context.

The comparison board presents curated discovery, detailed product storytelling, simpler checkout, personalization, and rewards. The portfolio demo uses a selected scent family and intensity to explain a sample fragrance suggestion.

Aura Noble — Key improvements & final solution
Key improvements & final solutionENLARGE ↗
TRY THE INTERACTIVE CONCEPT ↗

09 / OUTCOME & CONCLUSION

The complete Aura Noble concept.

The closing board brings together the final fragrance experience and design takeaways around user needs, brand detail, mobile access, and continued refinement.

Aura Noble — Outcome & conclusion
Outcome & conclusionENLARGE ↗

NEXT CASE STUDY

Kaapi Culture ↗

Kaapi Culture — Project cover

Case-study board