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.

Fragrance launch website homepage screenshot placeholder — replace with the real project screenshot

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.

Fragrance launch website interior page placeholder 1 — abstract editorial typography
Fragrance launch website interior page placeholder 2 — abstract editorial typography

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
PageSpeed Insights mobile score placeholder showing four 100 rings — replace with the real audit screenshot
Lighthouse mobile audit. Placeholder graphic — the live report screenshot replaces it during content handoff.

Want results like these in writing? Start with the 5-minute brief.

Written process, fixed quotes, no calls — ever.