Élane
An editorial digital flagship crafted for an avant-garde fashion and fragrance house.
Client / Org
Élane Parfums & Atelier
Role & Focus
Lead Web Designer & Art Director
Timeline
8 Weeks
Core Tags
Design Direction
Élane
Looking for the full screen-by-screen presentation?
We focus on strategy and systems here; view the full high-fidelity Figma screens, interactive prototypes, and visual assets on Behance.
Executive Summary
Bridging the gap between intent and execution.
Élane is a boutique luxury fragrance and couture maison that wanted their digital presence to feel like stepping into a private Parisian gallery.
Delivered Assets & Milestones
- ✓Responsive Web Design
- ✓Interactive Fragrance Finder
- ✓Design System
- ✓Micro-Interactions
What stood in the way of success?
Luxury buyers often find traditional grid e-commerce platforms clinical and devoid of emotion. Élane needed a poetic, immersive digital flagship that still converted effortlessly.
How the system solves the problem
Crafted a fast, responsive web experience with bespoke page transitions, subtle cursor gestures, and a discreet, high-converting side drawer checkout.
System Architecture
Key Features & Interaction Models
A closer look at the intentional mechanisms engineered to make the product trustworthy, resilient, and effortless to operate.
Olfactory Notes Matrix
Interactive visual wheel mapping top, heart, and base notes with ambient gradient transitions.
Quiet Checkout Drawer
Non-disruptive, friction-free purchase flow preserving immersive browsing while accelerating conversions.
Fluid Editorial Storytelling
Asymmetric grid systems with smooth parallax layering that bring the artisanal atelier process to life.
Outcomes & Growth
Measurable results that moved the needle.
+48% average session duration as visitors explored fragrance profiles
Over 2.8x higher average order value compared to their previous shopfront
Recognized for exceptional typographic balance on design curation showcases
Behance Portfolio Publication
Explore the complete visual identity on Behance
Dive into the full screen walkthroughs, typographic design systems, color tokens, and user flow mockups directly on Behance.
Next Case Study
Fomlor
Web Design