2024Brand Experience · Estée Lauder Companies
Product Launch Experience
01Overview
The challenge
Flagship product microsite serving 2M+ unique visitors in launch week. Scroll-triggered WebGL transitions between 12 product shots, AR try-on via MediaPipe, and a custom GSAP timeline synced to a 60fps video narrative.
02Key Results
The impact
- 2M+ unique visitors in launch week, 0.3% error rate01
- Engineered scroll-driven WebGL transitions rendering 4K product textures02
- Integrated AR try-on using MediaPipe with <50ms inference latency03
03Technology
Built with
- Nuxt 3
- GSAP
- Three.js
- MediaPipe
- Vercel Edge