Composed in light. Worn in silence.
An immersive fragrance experience told through 5 chapters. Each scent captures a moment between light and shadow.
Experience it: https://mohammedshaibaaz.github.io/aurivane-editorial-fragrance-site/
AURIVANE isn't just a fragrance catalog. It's a narrative platform.
Five Fragrances. Five Moments. One Philosophy.
Each fragrance lives in a specific time and place:
- Morning light
- Golden hour
- Evening intimacy
- Quiet moments
- Ethereal transitions
The website guides you through these moments like reading chapters in a book.
I. ECLAT DORE A luminous signature. Sun-warmed citrus opening into molten florals, settling in a velvet amber base. Like late afternoon light caught on glass.
Top: Bergamot, citrus Heart: Florals, petals Base: Amber, creamy woods For: Golden hour devotees
II. NOCTIS VEIL Night captured in a bottle. Violet and incense over smoked woods and dark vanilla. An intimate embrace, made for whispered conversations.
Top: Violet, incense Heart: Smoked woods Base: Dark vanilla For: After-dark moments
III. LUEUR BLANCHE Milky light. Creamy florals and soft musk with a breath of cool air. Like first light through sheer curtains.
Top: Cool air, linen Heart: Creamy florals, musk Base: Pale petals For: Morning rituals
IV. ROSE SILENCIEUSE A rose that whispers. Tea-steeped petals, brushed suede, trace of smoke. Clings to you like a secret.
Top: Tea rose Heart: Suede Base: Smoke For: Quiet confidence
V. CIEL D'OPALINE Floating between earth and sky. Airy iris, pearled musk, soft minerals. Iridescent. Impossible to pin down.
Top: Airy iris Heart: Pearled musk Base: Mineral warmth For: The undefinable
Most fragrance websites show bottles and price tags.
AURIVANE shows moments.
This website demonstrates:
- Storytelling through design
- Emotional connection to products
- Premium brand positioning
- Editorial approach to e-commerce
- Narrative-driven content strategy
- Visual hierarchy in storytelling
User Journey:
- Enter the world through atmospheric imagery
- Read the brand philosophy
- Discover each chapter's story
- Dive into fragrance details (notes, inspiration, testimonials)
- Join the waitlist for exclusive access
- Receive updates on limited releases
Design Journey:
- Gorgeous imagery that evokes mood
- Typography that guides without shouting
- Color palette that reflects each fragrance
- Subtle animations that enhance reading
- Smooth transitions between sections
This website uses technique to serve narrative:
Visual Design:
- Atmospheric photography throughout
- Carefully curated color palette per fragrance
- Typography that evolves with mood
- Whitespace that allows breathing
Interaction Design:
- Smooth scroll animations
- Subtle hover effects
- Thoughtful transitions between pages
- Form flows that feel natural
Content Structure:
- Multiple pages as chapters
- Each fragrance gets its own stage
- Testimonials add authenticity
- Newsletter signup feels organic
For Luxury Brands:
- Ability to create immersive online experiences
- Understanding of brand storytelling
- Expertise in editorial web design
- Knowledge of premium positioning
- Experience with emotional connection to products
For Fashion/Beauty Companies:
- Multi-product presentation strategy
- Customer testimonial integration
- Waitlist/exclusivity mechanics
- Lifestyle imagery integration
- Narrative-driven marketing approach
For Designers & Developers:
- Advanced CSS animations
- Multi-page site architecture
- Content hierarchy
- Responsive typography
- Performance optimization
- Accessibility with design integrity
Frontend:
- Semantic HTML5 structure
- CSS3 animations and transitions
- Vanilla JavaScript interactions
- Responsive design
Design Elements:
- Professional photography integration
- Typography hierarchy
- Color psychology
- Atmospheric imagery
- Subtle micro-interactions
Content:
- 5 product pages
- Editorial content sections
- Testimonial integration
- Email capture system
- Social linking
Deployment:
- GitHub Pages hosting
- Optimized image serving
- Form handling
- Analytics ready
Start here: https://mohammedshaibaaz.github.io/aurivane-editorial-fragrance-site/
Then explore:
- The origin story (why these 5 fragrances?)
- Individual fragrance chapters
- "Whispers from the First Wearers" testimonials
- The waitlist (exclusive first-edition access)
PERFECT FOR:
- Fragrance companies building online brands
- Luxury product launches
- Editorial design portfolios
- Premium e-commerce strategy
- Storytelling-focused marketing
CONTACT: mohdshabaaz1919@gmail.com PORTFOLIO: mohammedshaibaaz.github.io GITHUB: github.com/mohammedshaibaaz