Heldere prijs vooraf
Bij alle websites en webshops
Je betaalt een eenmalig bouwbedrag dat vooraf in de offerte staat, daarna alleen je maandabonnement; je weet vanaf dag één waar je aan toe bent.
De opdracht
Dit is geen klantproject maar een eigen concept-demo van Kantex. Het doel: laten zien hoe een website voelt als je scroll de film aanstuurt, in plaats van dat bezoekers door losse blokken scrollen.
Een autotint- en wrapbedrijf is daarvoor een goed voorbeeld: de bezoeker wil het verschil tussen tintniveaus en kleuren zien voordat hij een afspraak maakt.
Onze oplossing
Tijdens het scrollen speelt een vastgepinde beeldsequentie op volledig scherm: een SUV gaat van helder glas naar volledig geblindeerd, daarna wisselt een sedan van wrapkleur. De sequenties zijn verdeeld in 8 (tint) en 6 (wrap) stappen.
Rondom de sequentie staan een tintstudio en een kleurstudio, een prijscalculator, pakketten, veelgestelde vragen en een boekingsvenster. Alle teksten, prijzen en stappen staan op één plek in de code.
Techniek: Nuxt 4, Vue 3, Tailwind CSS 4, GSAP (ScrollTrigger en SplitText), Lenis voor vloeiend scrollen en Three.js voor het afspelen van de frames. Er is geen backend. Een script zet een video om in frames.
Het resultaat
De demo staat live op kantex-3d-car-scroll.vercel.app. Het is een concept: de prijzen zijn voorbeeldprijzen en het boekingsformulier verstuurt niets.
Er zijn geen klantresultaten, omzetcijfers of echte boekingen; het is een showcase van wat een scroll-website van Kantex kan.
Gebruikte technologieën
- Scroll-gestuurde animatie
- Nuxt 4
- Vue 3
- Tailwind CSS 4
- GSAP (ScrollTrigger, SplitText)
- Lenis
- Three.js
- Concept-demo, geen backend