ARVAANA
A modern luxury fragrance e-commerce platform crafted for artisanal alcohol-free attars and inspired perfumes in Bangladesh. Features zero-FOUC dual themes, multi-tier bottle volume pricing, and a zero-friction WhatsApp concierge checkout flow.
The Problem
Traditional e-commerce carts suffer from high abandonment in Bangladesh due to mandatory account creation, credit card requirements, and multi-step OTP forms, whereas local fragrance consumers prefer conversational ordering with immediate customer service.
Technical Approach
Created a high-performance Next.js 16 web storefront tailored for emerging market consumer behavior. The checkout encodes selected variants, delivery district, delivery fees, and order totals directly into a structured WhatsApp message payload.
Scent Pyramid & Reactive Concierge Engine
Calabrian Bergamot · Wild Cardamom
Aged Cambodian Oud · Damascena Rose
Grey Ambergris · Smoked Birch Leather
Key Highlights & Architecture
- Zero-friction WhatsApp Concierge Checkout converting high-intent local shoppers across all 64 districts in Bangladesh with automated BDT price and variant encoding
- Dynamic multi-size variant engine (6ML, 15ML, 30ML, 50ML) with real-time client-side price computation and discount badges
- Custom luxury dark emerald (#051811) and minimalist pearl white theme system with zero flash of unstyled content (FOUC)
- Full JSON-LD Schema.org @graph implementation establishing verified brand entity and creator attribution
Engineering Challenges
- Eliminating theme flicker (FOUC) between the deep emerald dark theme and pearl light theme on initial page load.
- Calculating dynamic pricing tiers and volume discounts instantaneously without layout shift (zero CLS).
Key Engineering Decisions
- Conversational WhatsApp Checkout: Replaced traditional payment gateways with automated URL-encoded WhatsApp messages, matching local purchasing habits.
- Static Generation with Client Hydration: Rendered product catalogs statically for fast page loads, keeping variant calculations responsive in client state.
Trade-Off Analysis & Architectural Rationale
Direct WhatsApp Concierge Checkout
Multi-Step Credit Card Payment Gateway
Directly aligns with local Bangladeshi consumer behavior and removes cart abandonment friction.
Requires manual administrative order logging through WhatsApp business operators.
Reactive In-Memory Volume Pricing Engine
Separate Product Pages per Bottle Size
Preserves customer reviews, avoids page-hop latency, and displays volume discount savings dynamically.
Requires client state coordination across volume selections.
Result & Outcome
Launched a production luxury fragrance store serving customers nationwide with intuitive multi-variant pricing and seamless mobile ordering.