Scrollytelling is een website die zich ontvouwt naarmate de bezoeker naar beneden scrollt. Tekst, beeld en animatie bewegen mee, zodat je merkverhaal stap voor stap tot leven komt. Geen saaie pagina, maar een beleving die blijft hangen.
Bij Link AI bouwen we deze interactieve websites met vloeiende scroll-animaties die op elk apparaat soepel draaien. Het resultaat voelt als een film die de bezoeker zelf bestuurt met zijn muis of duim.
Scrollytelling is een samentrekking van scroll en storytelling. In plaats van dat een bezoeker alle informatie in één keer voor zich krijgt, onthult de pagina zich beetje bij beetje. Elementen verschijnen, verschuiven of veranderen precies op het moment dat iemand verder scrollt. Zo neem je de bezoeker mee door je verhaal, in een tempo dat hij zelf bepaalt.
Het effect is sterk: een website met scroll-animaties houdt mensen langer vast, maakt complexe informatie behapbaar en zorgt dat je merk blijft hangen. Het voelt minder als lezen en meer als beleven.
GSAP staat voor GreenSock Animation Platform. Het is de techniek die we onder de motorkap gebruiken om de bewegingen op je site soepel te maken. Zie het als de regisseur die bepaalt wat er beweegt, hoe snel en op welk moment tijdens het scrollen.
Het grote voordeel van GSAP is dat de animaties vloeiend blijven, ook op een telefoon of wat ouder apparaat. Geen hortende of stotende bewegingen, maar een ervaring die overal natuurlijk aanvoelt.
Wil je een interactieve website laten maken die opvalt, dan is scrollytelling ideaal. Denk aan een merk dat een verhaal te vertellen heeft, een product dat je stap voor stap wilt uitleggen, of een portfolio dat indruk moet maken. Concreet werkt het goed voor:
We beginnen met je verhaal: wat wil je dat bezoekers voelen en onthouden? Daarna bepalen we de scroll-route en welke animatie op welk moment past. Tot slot bouwen en testen we de site op snelheid en op elk scherm. Voor merken die naast beleving ook pure laadsnelheid willen, combineren we dit graag met onze razendsnelle websites. Wil je nog een stap verder in beweging en diepte, kijk dan naar 3D en motion.