Animaties

Animaties die je website tot leven brengen

Wil je een animatie als preloader of blikvanger op je pagina? Daarmee trek je de aandacht en geef je je site direct karakter.

Of het nu gaat om een subtiele beweging of een opvallend effect, ik zorg voor animaties die passen bij jouw stijl en boodschap.

Laat me weten wat je in gedachten hebt, dan bespreken we de mogelijkheden.


Animatie Sander de Groot

Preloader | Javascript triggered GIF


Animatie Sander de Groot

Animatie | Javascript triggered GIF


Animatie Sander de Groot

Animatie | Javascript triggered GIF


Gerard | HTML5 Video

Animatie: Sander de Groot. Software: Illustrator, After Effects


Superman | HTML5 Video

Animatie: Sander de Groot. Software: Illustrator, After Effects


Alien | HTML5 Video

Animatie: Sander de Groot. Software: Illustrator, After Effects


Ei | HTML5 Video

Animatie: Sander de Groot. Software: Illustrator, After Effects

De eerste seconden van een website zijn waardevolle.

Met een unieke animatie, illustratie of visuele introductie geef je direct karakter aan je merk en trek je de aandacht van bezoekers. Geen traditionele preloader om wachttijd te verbergen, maar een creatieve opening die je verhaal versterkt, en je identiteit benadrukt.

Heb je een idee, logo, product of karakter dat tot leven mag komen? Dan denk ik graag mee over een unieke introductie die jouw website extra persoonlijkheid geeft.

Veel gebruikers van internet realiseren zich niet dat met het updaten van je browser, niet alleen de veiligheid, de snelheid en het gebruiksgemak toeneemt, maar ook meer effecten, zoals animaties, kan tonen.

Thuis of op het werk schiet updaten er wel eens bij in. Geen tijd. Geen zin. Of geen verstand. Maar wie wil niet optimaal gebruik maken van het internet?

Een animatie kan inschuivende tekst zijn of een logo waar een twinkeling over schijnt. Of een dynamische infographic. Om animaties op een website te tonen zijn er veel verschillende technieken beschikbaar. HTML5, Javascript, CSS, Video en Animated GIF.

De Cascading Style Sheets ( CSS ), de stijlbladen van de website, hebben eigenschappen waarmee je animaties kunt maken. Denk hierbij aan de properties Animation of Transform.

Javascript in combinatie met HTML5 kan de mooiste animaties vertonen.
 Zeer scherp en van hoge kwaliteit. In de meeste gevallen zonder pixels maar met SVG’s. (Scalable Vector Graphics.) Door het gebruik van deze techniek is de bestandsgrootte heel klein zodat de pagina snel laadt.

Thuis of op het werk schiet updaten er wel eens bij in. Geen tijd. Geen zin. Of geen verstand. Maar wie wil niet optimaal gebruik maken van het internet?