Fragrance E-commerce · 2026 · Design & Build
Blades Privé
An editorial storefront for premium fragrance.
bladesprive.vercel.app
Captured from the live site · Bodoni Moda · warm ink · amber + WebGL contour field
Problem
Selling premium scent online means selling something the screen can't deliver — presence and restraint. The store had to feel considered enough to justify the price without a single photograph doing the heavy lifting.
Approach
Built the identity around Bodoni Moda and generous negative space, alternating warm-ink and bone plates so brand moments and shopping never share a ground. The background is a WebGL2 contour field — fBm noise folded through itself twice, sliced into bands — written by hand in ~30 lines of GLSL, no three.js. Navigation is liquid glass: a masked-gradient rim, a specular sweep that never stops, and two shadows for weight.
Outcome
A live storefront on Vercel whose chrome feels boutique end to end. Staged boot took LCP from 6.06s to 2.53s on a throttled phone, and the glass sweep animates on the compositor — moving it off background-position took scroll from 25% dropped frames back to 7%.
- Vanilla JS
- WebGL2 / GLSL
- GSAP ScrollTrigger
- Vercel