Brand Site2024
Lumen Brand Site
An award-winning brand site that tells Lumen's story through scroll-driven motion — every section choreographed, every transition intentional.
Lumen Brand Site
- Client
- Lumen
- Role
- Creative Engineer
- Timeline
- 6 weeks
- Year
- 2024
2 awards
Design recognition
2×
Time on page
98
Lighthouse
The challenge
The brand wanted a cinematic, motion-heavy experience without sacrificing Core Web Vitals or accessibility.
The approach
We built a bespoke motion system on top of a scroll timeline, lazy-loaded heavy media, respected reduced-motion, and budgeted every animation against performance metrics.
The outcome
The site won two design awards and doubled average time-on-page while keeping a 98 Lighthouse score.
What I did
- Designed and built the scroll motion system
- Integrated a headless CMS for marketing autonomy
- Tuned Core Web Vitals to 98+
- Implemented full reduced-motion fallbacks
Tech stack
Next.jsMotionGSAPLenisSanity CMS
Have a bold idea? Let's build it.
I take on a handful of projects each quarter. Tell me what you're dreaming up and let's make it real.