Cumbre Outdoor was launching a new line and wanted a memorable experience with plenty of motion, but without the site becoming heavy and slow.
The challenge
Deliver a landing page with high-impact motion that loaded fast even on mobile devices with limited connections, and that respected people who prefer less animation.
The solution
We used animations based solely on transform and opacity, smooth scrolling with Lenis,
and reveals synced with GSAP, all backed by support for prefers-reduced-motion.
- Hero with scroll-driven storytelling.
- Images optimized in AVIF/WebP with lazy loading.
- Animations that turn off for anyone who prefers it.
Key technical decisions
To balance motion with performance, we made specific choices:
- Animations only with
transformandopacity: these properties are GPU-accelerated, don't overload the main thread, and never trigger reflow. All motion feels fluid at 60fps even on mid-range phones. - Lenis for smooth scrolling: we replaced the native scroll with a cinematic experience, synced with GSAP and ScrollTrigger so elements appear exactly when the user looks at them.
- Respect for
prefers-reduced-motion: we detect the user's preference and automatically disable animations, ensuring accessibility without friction.
Results
The launch campaign converted well above expectations, with top-tier performance metrics: a stunning site and a blazing-fast one. The 1.2s LCP and 0.01 CLS prove that high-impact motion and speed are perfectly compatible.
