Des prix clairs
Sur toutes les offres
Une création facturée une seule fois, puis un abonnement mensuel fixe : dès le premier jour, vous savez ce que vous payez.
Le besoin
Ce n’est pas un projet client mais une démo concept de Kantex. Objectif : montrer ce que l’on ressent quand le défilement pilote le film, au lieu de faire défiler des blocs séparés.
Un atelier de teinte et de covering s’y prête bien : le visiteur veut voir la différence entre les niveaux de teinte et les couleurs avant de prendre rendez-vous.
Notre solution
Pendant le défilement, une séquence d’images plein écran reste épinglée : un SUV passe du verre clair à l’obscurcissement total, puis une berline change quatre fois de couleur de film. Les séquences sont découpées en 8 étapes (teinte) et 6 étapes (covering).
Autour de la séquence : un studio de teintes et un studio de couleurs, un calculateur de prix, des forfaits, une FAQ et une fenêtre de réservation. Tous les textes, prix et étapes se trouvent au même endroit dans le code.
Technique : Nuxt 4, Vue 3, Tailwind CSS 4, GSAP (ScrollTrigger et SplitText), Lenis pour le défilement fluide et Three.js pour lire les images. Pas de backend. Un script convertit une vidéo en images.
Le résultat
La démo est en ligne sur kantex-3d-car-scroll.vercel.app. C’est un concept : les prix sont des exemples et le formulaire de réservation n’envoie rien.
Il n’y a ni résultats clients, ni chiffre d’affaires, ni vraies réservations ; c’est une vitrine de ce que Kantex peut faire en site scroll.
Technologies utilisées
- Animation pilotée par le scroll
- Nuxt 4
- Vue 3
- Tailwind CSS 4
- GSAP (ScrollTrigger, SplitText)
- Lenis
- Three.js
- Démo concept, sans backend