Wagner Jets : site vitrine avec traversée du hublot au scroll
- Template HTML / CSS / JS
- Intermédiaire
Au scroll, la caméra traverse le hublot d'un avion jusqu'au ciel, puis le texte apparaît mot à mot. HTML, CSS et JS, sans framework, en français et en anglais.
Prêt pour les assistants de code
Tu télécharges, tu ouvres, tu demandes.
Ce template est fait pour être personnalisé avec Claude Code, Cursor ou Antigravity. Il contient ses propres consignes : ton assistant comprend tout de suite comment il est construit et ce qu'il peut modifier.
Claude Code- Cursor
Antigravity
- 01
Télécharge le zip
Juste après l'achat, depuis cette page ou ton espace. Décompresse-le où tu veux.
- 02
Ouvre le dossier dans ton assistant
Claude Code, Cursor, Antigravity : ouvre simplement le dossier du template, rien à installer.
- 03
Demande ce que tu veux
En langage courant. Il modifie le code, tu vérifies le rendu, tu ajustes, puis tu mets en ligne.
Ce que tu peux lui demander
- « Mets mes textes et mon logo »
- « Change les couleurs pour mon identité »
- « Remplace les images par les miennes »
- « Ajoute une section témoignages »
Tu restes aux commandes : tu décris ce que tu veux, ton assistant fait les modifications, tu valides.
Ce que tu obtiens
- Fait pour Claude Code, Cursor et Antigravity : tu ouvres le dossier et tu demandes
- Un hero où la caméra traverse le hublot au fil du scroll
- Des titres collés à la vidéo pendant le zoom, puis un texte qui apparaît mot à mot
- Fluide sur téléphone : images allégées, chargées au bon moment
- Une page d'accueil et une page contact, en français et en anglais, prêtes pour Google
- Des outils inclus pour transformer ta vidéo en images et mesurer le zoom de la caméra
- HTML, CSS et JS : aucun framework, rien à installer, hébergeable partout
- Autant de sites que tu veux, pour toi ou pour tes clients
L'effet qui fait la différence
Dès que le visiteur fait défiler, la caméra avance et traverse le hublot d'un avion jusqu'au ciel. Les grands titres restent collés à l'image pendant le zoom, puis s'écartent sur les côtés. Le logo part du hublot et vient se ranger dans l'en-tête. Ensuite le ciel se floute, passe au bleu, et le texte apparaît mot à mot. C'est le genre d'entrée qu'on retient.
Ce qu'il y a dans le template
- Le hero avec la traversée du hublot au scroll, fluide sur ordinateur comme sur téléphone
- Une page d'accueil et une page contact avec formulaire de demande, en français et en anglais
- Les balises pour Google et le partage sur les réseaux
- Un outil qui transforme ta propre vidéo en suite d'images et mesure le zoom de la caméra, directement dans ton navigateur
- Un script qui ajoute des images intermédiaires là où la caméra va vite, pour une fin de plongée sans saccade
- Un script de vérification qui liste ce qu'il reste à faire avant la mise en ligne
- Un guide complet, de ta vidéo à la mise en ligne
La bonne vidéo
Une avancée de caméra continue, sans coupe, de 3 à 8 secondes, vers une cible : un hublot, une porte, un écran, une trouée dans les nuages. Tu peux la créer avec Higgsfield ou Kling : le guide explique quoi demander, et comment l'adapter au template.
Fait pour être personnalisé
Quatre couleurs en haut du fichier CSS, les polices incluses, des textes repérés bloc par bloc. Le code est du HTML, du CSS et du JavaScript classiques : aucun framework, rien à installer, et ça s'héberge partout (Netlify, Vercel, Hostinger, OVH...).
La licence
Tu peux créer autant de sites que tu veux avec, pour toi ou pour tes clients, et tout modifier. Tu ne peux pas revendre ni partager le template. Les visuels et la marque de démonstration (Wagner Jets) servent à essayer le template : tu les remplaces par les tiens avant la mise en ligne.