GSAP in de praktijk
GSAP is een hulpmiddel waarmee onderdelen van een webpagina bewegen: iets schuift in beeld, een cijfer telt op, een stap licht op als je erlangs scrolt. Het zorgt dat die beweging op elke telefoon en in elke browser hetzelfde loopt en niet schokt. Vergelijk het met de inrichting van een winkel: de looproute en de verlichting sturen waar je als eerste kijkt. Het is een klein onderdeel, geen fundament onder je site.
Wij gebruiken het spaarzaam en gericht: om een bezoeker door de stappen van een rekenhulp te leiden, om het verschil tussen twee varianten te laten zien, of om op een lange pagina duidelijk te maken waar hij is. Op de site van Carss IT stuurt beweging de bezoeker langs de rekenhulp voor zijn eigen wagenpark. Waar tekst en een goede foto het werk al doen, laten we het weg. Beweging is er om iets duidelijk te maken, niet om indruk te maken.
Waar dit zijn geld terugverdient
Een bezoeker landt op je pagina via een advertentie of zoekresultaat. In plaats van een muur tekst ziet hij de stappen van je aanbod een voor een verschijnen, en een rekenhulp die zijn eigen situatie doorrekent terwijl hij schuift. Hij vult zijn gegevens in en de aanvraag komt bij je verkoop binnen, inclusief wat hij heeft ingevuld. Daar kijkt een mens naar en belt of stuurt een offerte. Wat het oplevert is een gesprek dat niet meer bij nul begint. Achteraf zien we in de cijfers of de beweging echt helpt; helpt ze niet, dan gaat ze eruit.
- Bezoekers begrijpen een stappenproces zonder dat je het uitlegt
- Aanvragen komen binnen met de keuzes die de bezoeker zelf maakte
- Rustige beweging in plaats van elementen die springen of haperen
- Werkt hetzelfde op telefoon, tablet en desktop
- Wordt uitgezet voor bezoekers die liever geen beweging zien
Beweging is smaak en het is zelden de reden dat iemand koopt. Te veel ervan leidt af, kost laadtijd op een oudere telefoon en maakt een pagina vermoeiend. Voor bezoekers die gevoelig zijn voor beweging moet het uit kunnen. Wij zetten het alleen in waar het iets verduidelijkt. Wie zijn budget maar één keer kan uitgeven, besteedt het eerst aan snelheid en inhoud.