Case 03 — Fragrance launch
[CASE-3-NAME]: a launch page built to survive its own press coverage
A single-product launch page for an independent fragrance house: editorial storytelling, custom scroll choreography, and a static architecture that absorbed a press spike without flinching.
01 — Challenge
Where it started
The house was launching its first fragrance with a fixed press date: features in two online magazines and a founder interview going live the same morning. The page had one job — turn a wave of curious, design-literate readers into pre-orders — and one constraint: it had to feel like the object itself, unhurried and precise, while loading instantly on whatever device the traffic arrived from. There was no second chance at the launch morning.
02 — Solution
What we built
One long page, composed like a perfume's own narrative: notes revealed in sequence, a materials section set in large serif with bronze hairlines, and a single pre-order call to action that follows the reader without shouting. Scroll-driven animation is pure CSS — no animation library, no main-thread cost. The page is fully static, served from the CDN edge, so the press-morning spike was a non-event: every request hit cached HTML. The brief-to-launch timeline was eleven days.
03 — Result
Measured, not claimed
- 100/100
- PageSpeed, mobile
- 0.8s
- Largest Contentful Paint
- 11 days
- Built and shipped in
- 100%
- Uptime on launch day