Immersive web showcase of an electric vehicle: scroll-driven storytelling, performance, and accessibility.
Frontend demo of an automotive brand experience around the Volvo EX30. The goal: prove that a premium product site can be immersive, fast (LCP < 2.5s on simulated 3G) and accessible (AA compliant) at the same time. The site combines scroll-driven storytelling, restrained animations and interactive specs, without relying on a heavy WebGL library.
Automotive maker websites swing between heavy WebGL (which kills mobile performance) and static pages with no emotion. Hard to prove to a sponsor that an "immersive + fast + accessible" compromise is achievable on a tight budget.
CSS and GSAP scroll-driven animations, images served in AVIF/WebP with fallbacks, systematic lazy-loading of off-viewport sections. All interactive elements are keyboard-accessible and properly announced by screen readers. Minimalist Next.js architecture: no expensive SSR, static generation with revalidation, partial hydration of interactive components.
Metrics give a quick read of the case study effects.
A simple read of the functional blocks and their interactions.
Product diagnosis, SaaS architecture, backend, interface and automations that make a platform usable.
