Fragrance / Customisation
Personalized Perfume.
A fragrance storefront with a personal scent-building journey.
Storefront conceptA CLOSER LOOK
On a laptop. On a phone.
Real website screenshots at laptop and phone sizes. Labels show the original image dimensions. Select a screenshot to view it at full size.
Homepage
Fragrance collection
Create your scent
The brief and approach
Context
A portfolio showcase for a bespoke fragrance studio concept set in Bur Dubai. The collection, prices and studio story are illustrative; this is not presented as a commercial client engagement.
Problem
Visitors need to explore signature fragrances and understand how to personalise a scent, with a clear distinction between ready-made products and custom choices.
Approach
Separate the collection, personalisation, story and visit information into dedicated routes. Product cards pair scent notes with bottle sizes, while a separate journey introduces composing a personal fragrance.
Development
Static HTML routes share CSS and vanilla JavaScript. The script renders product cards, filters fragrance families, updates AED prices for bottle sizes and stages selections in a preview shopping bag.
Result
A published multi-page fragrance showcase with a signature collection, personalisation route and shopping-bag preview. Interactions do not submit orders or process payments; no business performance is claimed.
01 / BRANDING
The look & feel.
Warm ivory, dark brown and muted gold create a restrained fragrance identity. Italiana headings contrast with DM Sans interface text; bottle photography and generous spacing keep the products prominent.
Self-initiated portfolio concept.