GS DIGITAL STUDIO
LUXURY WEB & SYSTEMS
A FRAGRANCE FOR THE HOUR AFTER MIDNIGHT.
LUXURY E-COMMERCE · WEBGL · MOTION DESIGN
Nocturne No. 9 is a concept luxury perfume website, designed and built end to end by GS Digital Studio for the fictional French house Maison Orvane. The brief we set ourselves: make a numbered, limited-edition fragrance feel as considered online as it would on a boutique counter. Every section is built to slow the visitor down, from the cinematic opening to the final reserve button.
Luxury fragrance is sold on atmosphere, and atmosphere is hard to carry through a screen. The site had to feel unhurried and premium while still loading fast, staying legible over moving video, and working just as well on a 375px phone as on a 1920px monitor.
We built the experience around a single idea: the hour after midnight. A deep obsidian and aged-parchment palette, warmed by antique brass, carries the mood. Motion is used with restraint, so scroll, reveals and galleries guide attention instead of competing with the product.
A full-bleed hero video opens the experience. Directional gradient scrims keep the name, price and reserve button readable from phone to ultrawide, and a short, deliberate preloader reveals the page without flicker.
On desktop, scent families sit on a WebGL cylindrical gallery with inertia and drag. On mobile we replaced it with a touch-first 3D spiral so swiping feels natural and nothing overflows the screen.
An arched portrait, editorial typography and three short promises tell the brand story in one glance: rare absolutes, a long trail on the skin and a numbered keepsake box.
The fragrance is told as three acts across a night: top, heart and base notes, each with its own image and timing. On mobile the product stays in view with a sticky add-to-bag bar.
Three numbered editions, Nocturne No. 9, Aube No. 3 and Minuit No. 7, each given its own colour world, so the range reads as a family while every bottle keeps its own character.
The closing section turns the newsletter into a private-community invite, with reassurance details such as numbered flacons, a complimentary sample and insured delivery set beside the form.
Touch-first 3D spiral gallery for browsing fragrance notes
Full mobile hero with cinematic bottle, reserve and explore buttons
Three-act scent notes with sticky add-to-bag bar
Touch-first 3D spiral gallery for browsing fragrance notes
Full mobile hero with cinematic bottle, reserve and explore buttons
Three-act scent notes with sticky add-to-bag bar
Swipe horizontally to explore all screens
A walkthrough of the live site: hero, scent families, notes, collection and the shopping-bag drawer.
High-performance digital products, WebGL discovery, editorial motion, and bespoke brand platforms.
