🔗 Démo en ligne : https://vanta-automotive.netlify.app/

La plupart des sites automobiles et de véhicules électriques ressemblent encore à une brochure numérique : une photo d'en-tête, une fiche technique, un formulaire de "contact". VANTA repose sur une autre idée : une puissance maîtrisée, que l'on fait ressentir par le mouvement. Au lieu de montrer aux visiteurs une voiture terminée, il leur permet d'en voir une prendre forme : châssis, groupe motopropulseur, roues, carrosserie, habitacle et vitres s'assemblent en temps réel au fil du défilement, puis se désassemblent tout aussi fluidement si l'on remonte. C'est le genre de première impression qui pousse un visiteur à s'arrêter et à se dire "attendez, comment ont-ils fait ça ?", et cette réaction est tout l'intérêt.

Cette séquence d'assemblage n'est que le premier mouvement. Machine View lui succède avec un parcours de caméra cinématographique autour du véhicule terminé, selon sept angles d'inspection, avec des points d'intérêt interactifs qui révèlent de vrais détails techniques au clic, ainsi qu'un contrôle d'orbite libre sur ordinateur pour les visiteurs qui souhaitent explorer par eux-mêmes. Une section Aerodynamic Flow visualise l'évolution du flux d'air et de l'appui aérodynamique entre les états basse vitesse, croisière et haute vitesse. Et un configurateur en direct permet de choisir un modèle, une finition extérieure, des jantes, un intérieur et des garnitures, avec un aperçu qui se met à jour instantanément, sans rechargement de page ni attente. Autour de ces expériences phares s'articule un site complet : une gamme de modèles avec pages de détail, une présentation de l'ingénierie, un aperçu de la technologie, un journal complet avec des articles, un parcours d'essai/contact et des pages légales : tout ce dont un vrai lancement a besoin, pas seulement une vidéo de démonstration.

Chaque élément est conçu pour vous appartenir, pas seulement pour être admiré. Tous les noms de véhicules, caractéristiques, fonctionnalités et contenus du journal se trouvent dans de simples fichiers de données TypeScript typés : ajoutez un modèle et sa page /models/[slug] est générée automatiquement, sans toucher au code de routage. Les couleurs, les polices et le logotype sont chacun définis à un seul endroit. Remplacer le véhicule 3D par le vôtre est un processus documenté de mappage de nœuds, et non une reconstruction à partir de zéro. Il n'y a pas de CMS à dompter, car il n'y a tout simplement pas de CMS : tout est compilé à partir des sources, donc ce que vous voyez dans le code est ce qui est mis en ligne.

Sous le capot, VANTA est un projet Next.js (App Router) + TypeScript, stylisé avec Tailwind CSS v4, dont les expériences 3D reposent sur Three.js via React Three Fiber et drei, et dont les séquences liées au défilement sont animées par GSAP ScrollTrigger et Framer Motion. Voici ce que vous obtenez :

• Code source complet et lisible, ni minifié ni obscurci

• Mise en page responsive pensée d'abord pour le mobile, avec une navigation et des formulaires accessibles au clavier et aux lecteurs d'écran

• Repli automatique et élégant vers une présentation statique entièrement accessible lorsque prefers-reduced-motion est activé, que WebGL n'est pas disponible ou qu'un fichier 3D ne se charge pas

• Métadonnées prêtes pour le SEO, balises Open Graph et fichier sitemap/robots généré

• Génération statique de chaque page de modèle et de journal pour un hébergement rapide et peu coûteux

• Le guide client et le guide de personnalisation inclus dans ce téléchargement, qui couvrent pas à pas l'installation, la personnalisation du thème, la modification du contenu et le déploiement