Transparente Preise
Bei allen Paketen
Ein einmaliger Baupreis für Design und Umsetzung, danach Ihre feste monatliche Paketgebühr; Sie wissen vom ersten Tag an, was Sie zahlen.
Die Anforderung
Dies ist kein Kundenprojekt, sondern eine eigene Konzept-Demo von Kantex. Ziel: zeigen, wie sich eine Website anfühlt, wenn Ihr Scrollen den Film steuert, statt dass Besucher durch einzelne Blöcke scrollen.
Ein Betrieb für Scheibentönung und Folierung ist dafür ein gutes Beispiel: Besucher wollen den Unterschied zwischen Tönungsstufen und Farben sehen, bevor sie einen Termin buchen.
Unsere Lösung
Beim Scrollen läuft eine angeheftete Vollbild-Bildsequenz: Ein SUV geht von klarem Glas zu vollständig abgedunkelt, danach wechselt eine Limousine die Folienfarbe. Die Sequenzen sind in 8 (Tönung) und 6 (Folierung) Stufen aufgeteilt.
Um die Sequenz herum gibt es ein Tönungsstudio und ein Farbstudio, einen Preisrechner, Pakete, häufige Fragen und ein Buchungsfenster. Alle Texte, Preise und Stufen stehen an einer Stelle im Code.
Technik: Nuxt 4, Vue 3, Tailwind CSS 4, GSAP (ScrollTrigger und SplitText), Lenis für weiches Scrollen und Three.js zum Abspielen der Frames. Es gibt kein Backend. Ein Skript wandelt ein Video in Frames um.
Das Ergebnis
Die Demo ist live unter kantex-3d-car-scroll.vercel.app. Sie ist ein Konzept: Die Preise sind Beispielpreise und das Buchungsformular sendet nichts.
Es gibt keine Kundenergebnisse, Umsatzzahlen oder echten Buchungen; es ist ein Showcase dessen, was eine Scroll-Website von Kantex kann.
Eingesetzte Technologien
- Scrollgesteuerte Animation
- Nuxt 4
- Vue 3
- Tailwind CSS 4
- GSAP (ScrollTrigger, SplitText)
- Lenis
- Three.js
- Konzept-Demo, kein Backend