Showcase web immersif d'un véhicule électrique : storytelling scroll-driven, performance et accessibilité.
Démonstration frontend d'une expérience de marque automobile autour de la Volvo EX30. L'objectif : prouver qu'un site produit haut de gamme peut être à la fois immersif, performant (LCP < 2.5s sur 3G simulé) et accessible (AA conforme). Le site combine storytelling scroll-driven, animations sobres et fiches techniques interactives, sans dépendre d'une bibliothèque WebGL lourde.
Les sites constructeurs automobiles oscillent entre WebGL lourd (qui plombe les perfs mobile) et pages statiques sans émotion. Difficile de prouver à un commanditaire qu'un compromis "immersif + rapide + accessible" est tenable sur un budget serré.
Animations CSS et GSAP scroll-driven, images servies en AVIF/WebP avec fallbacks, lazy-loading systématique des sections hors viewport. Tous les éléments interactifs sont accessibles au clavier et annoncés correctement par les lecteurs d'écran. Architecture Next.js minimaliste : pas de SSR coûteux, génération statique + revalidation, hydratation partielle des composants interactifs.
Les métriques donnent une lecture rapide des effets de l'étude de cas.
Une lecture simple des blocs fonctionnels et de leurs interactions.
Diagnostic produit, architecture SaaS, backend, interface et automatisations qui rendent une plateforme exploitable.
