Je hebt ze vast gezien bij Apple of bij premium automerken: je scrolt, en een product draait, opent of vliegt door beeld alsof je een film bestuurt. Dat heet een cinematic scroll website (ook wel scroll-driven video of scrollytelling). Onze eigen homepage werkt zo. Hieronder leggen we uit hoe het werkt en voor wie het de investering waard is.
Hoe werkt het technisch?
Een korte film wordt opgeknipt in losse beelden (frames). Terwijl je scrolt, bepaalt je scrollpositie welk frame er getoond wordt. Scrol je terug, dan speelt de film achteruit. Omdat het geen video-element is maar losse beelden op een canvas, voelt het direct en soepel — ook op mobiel, mits het goed gebouwd is.
Tekst en knoppen worden op vaste momenten in de film getoond. Daar vertragen we het scrollen iets, zodat je de boodschap rustig leest voordat de film verder gaat.
Wat doet het voor je merk?
- Aandacht: bezoekers blijven langer en scrollen verder, omdat ze willen zien wat er gebeurt.
- Positionering: het straalt premium uit. Voor villa's, exclusieve producten, architectuur, auto's en bureaus die kwaliteit verkopen, is dat precies het punt.
- Verhaal: je leidt de bezoeker in een vaste volgorde door je boodschap, in plaats van dat hij willekeurig klikt.
Wanneer kies je er beter niet voor?
Als bezoekers vooral snel iets moeten regelen — een afspraak boeken, een prijs vinden, bellen — zet je het effect alleen op de homepage of helemaal niet. Een huisartsenpraktijk heeft er weinig aan; een villa-makelaar of designstudio juist veel. Ook bij een heel beperkt budget voor beeld is een strakke multipage website de betere keuze.
Wat kost een cinematic scroll website?
Bij ons kost een 3D cinematic website €749, inclusief beeldmateriaal: we genereren of filmen de film, bouwen het scroll-effect en zetten de rest van de site erachter. Elders zie je voor dit soort sites vaak bedragen van €5.000 of meer, omdat het handmatig animatiewerk is. Wij hebben er een vaste werkwijze voor ontwikkeld.
Heeft het invloed op SEO en snelheid?
Alleen als het slecht gebouwd is. Wij laden de beelden slim (eerst de frames die je direct ziet, daarna de rest), houden de bestandsgrootte laag en zorgen dat alle tekst gewoon in de HTML staat. Daardoor kan Google de pagina normaal lezen en blijft de site snel.
Zelf ervaren?
Scrol door onze homepage of bekijk de voorbeelden in het portfolio. En wil je weten hoe het er voor jouw bedrijf uitziet: vraag een gratis testwebsite aan.