Naar de inhoud
Motion & interactie

Home · Diensten · Design · Motion & interactie

Motion & interactie.

Subtiele animaties maken een site prettiger om te gebruiken. We ontwerpen overgangen, hovers en scrolleffecten die je verhaal ondersteunen en snel blijven laden.

In het kort

Goede beweging merk je niet op. Je voelt alleen dat de site soepel aanvoelt en dat je weet waar je moet kijken.

01

Met een doel

Elke animatie heeft een reden. Om iets aan te wijzen, om rust te geven of om je merk karakter te geven.

02

Snel en soepel

We bouwen animaties licht en efficiënt, zodat ze ook op een oudere telefoon vloeiend lopen.

03

Rekening met iedereen

Wie minder beweging wil, krijgt automatisch een rustige versie van de site.

Design / Motion & interactie Scroll om te ontdekken
Aa
01 / 03

Overgangen tussen pagina’s

Een vloeiende overgang laat je site als één geheel voelen. We ontwerpen paginaovergangen die passen bij je merk, van een rustige fade tot een opvallende wipe.

Paginaovergangen op maatLaadschermen met je logoVloeiende scroll
Aa
02 / 03

Kleine details die het verschil maken

Knoppen die reageren, menu’s die soepel openen en teksten die rustig in beeld komen. Het zijn kleine dingen, maar samen maken ze je site af.

Hover effecten op knoppen en kaartenTekst die per regel in beeld komtMenu animaties
dashboard €18k312+24%7 72%
03 / 03

Verhalen vertellen met scroll

Met scrolleffecten laat je een product of proces stap voor stap zien. Beelden schuiven over elkaar, cijfers tellen op en secties blijven even staan.

Vastgezette sectiesHorizontale scrollParallax in beelden

Zo werken we

In 4 stappen van idee tot resultaat.

  1. 01

    Idee

    We kijken waar beweging je verhaal sterker maakt.

  2. 02

    Schets

    Korte voorbeelden van de belangrijkste animaties.

  3. 03

    Bouw

    Animaties in de site, licht en snel.

  4. 04

    Testen

    Op verschillende telefoons en computers, tot alles soepel loopt.

Veelgestelde vragen

Vragen over motion & interactie.

Maken animaties mijn site niet traag?

Niet als ze goed gebouwd zijn. We gebruiken lichte technieken en testen op snelheid.

Kan ik animaties ook uitzetten?

Ja. In de beheeromgeving kun je veel effecten aan of uit zetten, en bezoekers met een voorkeur voor minder beweging krijgen automatisch een rustige versie.

Werken jullie met GSAP?

Ja, voor complexere animaties gebruiken we GSAP. Voor eenvoudige effecten kiezen we voor CSS, omdat dat het lichtst is.

Kunnen jullie ook een logo animeren?

Zeker. Een geanimeerd logo werkt mooi als laadscherm of in video’s.

Zin om te beginnen?

Vertel ons wat je wil bereiken. We denken mee en laten zien wat er kan, zonder verplichtingen.

CSS Design Awards Nominee - Vote