micro animaties

Verbeter de gebruikerservaring van je website met micro animaties

Herinner je je nog de websites met enkel lappen tekst? Geen afbeeldingen, geen keuzemenu’s, alleen maar letters en woorden. Dit is gelukkig verleden tijd! Hoewel websites steeds complexer worden, bedenken we ook steeds meer creatieve manieren om het de websitebezoeker zo leuk en eenvoudig mogelijk te maken.

Eigenlijk doen we er alles aan om de optimale gebruikerservaring te creëren. De gebruikservaring omvat alle interactie die een persoon heeft met jouw website. Van het vinden van je contactgegevens tot het drukken op een knop naar een nieuwe pagina. Bedrijven zijn hier continu mee bezig. Micro-animaties zijn daarbij een ideaal element voor het verbeteren van de gebruikservaring. Deze kleine, bewegende elementen kunnen je website opleuken, maar hebben ook zeker een functionele waarde. Dat lichten we voor je toe.

Wat zijn micro animaties?

Micro animaties zijn kleine, bewegende die je vaak verwerkt in een website. Dit soort animaties vallen op het eerste oog niet op, maar trekken daarna wel de aandacht van de websitebezoeker. Want zeg nou zelf, als je iets ziet bewegen op je beeldscherm, kijk je er ook naar. Daarnaast is een micro animatie universeel. Bijvoorbeeld als je op een Portugese versie van een site zit en je nog niet naar de Nederlandse versie hebt genavigeerd. Een bewegend landvlaggetje vertelt je direct dat je daar kunt switchen naar andere talen, ondanks dat je geen Portugees spreekt.

Als animatiestudio maken we natuurlijk ook gebruik van micro animaties. Bekijk voor je beeldvorming hieronder onze micro animaties die we op de homepagina hebben geïmplementeerd. De illustraties maken direct duidelijk welke diensten we bedoelen en de beweging maakt het aantrekkelijker om naar te kijken.

Afhankelijk van je doelstellingen kunnen micro animaties zelfs effectiever zijn dat gewone afbeeldingen. Bijvoorbeeld wanneer je een bezoeker door je website wil sturen. Een knipperend pijltje of bewegende knop maakt het voor de bezoeker duidelijk wat er verwacht wordt. Hierdoor beweegt men gemakkelijker door je website.

Verschil micro animaties en geanimeerde GIFs

Micro animaties zijn dus korte bewegende beelden. Ze komen vaak voor in een loop, waardoor ze veel weg hebben van GIFs. Alleen verschillen micro animaties en geanimeerde GIFs wel degelijk van elkaar:

  • Micro animatie: micro animaties zijn kleine illustraties die bewegen wanneer je over een webpagina scrolt of er met je muis er overheen gaat. Het dynamische aspect van de micro animatie zorgt ervoor dat de aandacht van de gebruiker getrokken wordt.
  • Animated GIFs: de animated GIF is een stuk statischer dan de micro animatie. Dit is vaak een afbeelding of een videofragment die in een loop afspeelt. Ook is het bij animated GIFs vaak niet nodig om er met je muis overheen te gaan, ze bewegen uit zichzelf al.

Waarvoor kun je micro animaties gebruiken?

Het belangrijkste doel van micro animaties is het helpen van de bezoeker. Ze begeleiden de online surfer door de website heen. Daarnaast zijn er voor jou als webbeheerder ook drie interessante redenen om micro animaties te verwerken in je website:

  1. Aandacht trekken: zoals we net vertelden verbeteren micro animaties de gebruikservaring. Dit komt omdat de micro animaties aandacht trekken en daardoor de focus verleggen. Ze sturen de gebruiker in juiste richting en vertellen waar de aandacht naartoe moet. Een goed voorbeeld hiervan is wanneer je een micro animatie verwerkt in je CTA-knop op je website. Onderstaande knop is bijvoorbeeld oranje, maar wanneer je er met je muis overheen beweegt verandert de kleur naar blauw. Deze kleurverandering valt op en triggert de websitebezoeker erop te klikken.
  2. Aanduiding progressie: behalve aandacht trekken, zijn micro animaties ook geschikt om voortgang aan te geven. Dit doen ze bijvoorbeeld door aan te geven hoever je bent in het up- of downloadproces of door te laten zien op welke pagina van de handleiding je jezelf bevindt. Op deze manier weet de gebruiker dat de website niet vastloopt, maar dat hij bezig is om informatie te verwerken.
  3. Feedback of reactie geven: met micro animaties is het ook mogelijk om de gebruiker op een eenvoudige manier feedback of een reactie te geven. Dit doe je door bijvoorbeeld de websitegebruiker een extra bevestiging in de vorm van een blij gezichtje te geven wanneer zij het juiste e-mailadres en wachtwoord hebben ingevoerd. Bij Cooler Media doen we dat net iets anders. Benieuwd hoe? Schrijf je in voor de Cooler Nieuwsbrief en check onze micro animatie.

Weten welke micro animaties er op jouw website passen? Overleg met een van onze video-experts en vraag vrijblijvend naar de mogelijkheden en kosten.

Blog Header Conversion Rate Optimization met Video

Conversion Rate Optimization met Video

Veel marketeers houden zich bezig met het genereren van meer verkeer naar de website. Want meer traffic levert meer leads op, toch? Nou, niet altijd. Het genereren van traffic is één ding, maar de beïnvloeding van het gedrag van je websitebezoekers om hen een actie te laten verrichten is het tweede.

Door middel van conversion rate optimization probeer je dit op de best mogelijke manier te verwezenlijken. Maar dat is natuurlijk makkelijker gezegd, dan gedaan! Want hoe zorg je dat websitebezoekers zich inschrijven op je nieuwsbrief, hoe overtuig je hen contact op te nemen, of nog belangrijker; om dat ene product te kopen?

Wat is CRO?

Veel ecommerce businesses hebben vaak één groot doel voor ogen: conversie genereren. Websitebezoekers die je een bepaalde actie wil laten uitvoeren. Kijken we naar conversie optimalisatie, CRO of Conversion Rate Optimization, hoe je het ook wil noemen, dan is er één uitgangspunt dat telt: een zo hoog mogelijke conversieratio. Dus zoveel mogelijk acties van websitebezoekers. Hierbij geeft de conversieratio aan hoeveel procent van het totale aantal websitebezoekers daadwerkelijk een gewenste actie uitvoert. Zo’n actie is afhankelijk van de bedrijfsdoelstellingen en houdt bijvoorbeeld in dat een bezoeker zich inschrijft voor een nieuwsbrief, een contactformulier invult of een aankoop doet.

Een hoog conversiepercentage betekent dus dat je website goed in elkaar zit! Een laag percentage geeft daarentegen aan dat er weinig mensen overgaan tot actie. Dit kan verschillende oorzaken hebben, zoals een trage laadsnelheid, voor de bezoeker nutteloze informatie of een onaantrekkelijke lay-out. Door middel van websiteaanpassingen kun je het conversieratio verhogen. Oftewel, Conversion Rate Optimization.

Het is daarbij normaal dat de conversieratio enigszins fluctueert, ongeacht een goed werkende website. Vaak zien webshops een piek rond eind november door onder andere Black Friday en aankomende feestdagen, maar ook tijdens saleperiodes of bepaalde evenementen (Halloween, verkleedwinkels tijdens carnaval, etc.)

Wat is een goede CRO?

Wanneer een percentage als ‘goed’ wordt beschouwd is onder andere afhankelijk van de branche waarin je opereert, je doelgroep en natuurlijk je eigen bedrijfsdoelstellingen. Binnen de marketingwereld wordt veel onderzoek gedaan naar de gemiddelde conversieratio per branche. Zo was in december 2020 de gemiddelde conversieratio voor de ‘Arts & Crafts’ branche 3,79%, terwijl het gemiddelde voor de auto- en motorbranche slechts 1,55% was. Een conversieratio van 2,5% zou in de eerstgenoemde branche dus onder gemiddeld zijn en in de tweede branche juist super goed. Ook wordt er in de onderzoeken gekeken naar de verschillen per land. Zo ligt de gemiddelde conversieratio voor E-commerce in Duitsland op 2,2%, in Nederland rond de 1,87% en in Italië slechts op 0,99%.

Soorten conversie

Binnen marketing spreken we van een conversie wanneer een websitebezoeker een bepaalde handeling heeft uitgevoerd op de website. Er is sprake van een harde conversie als de handeling direct zorgt voor omzet, dus wanneer iemand een bestelling plaatst. Een zachte conversie leidt indirect tot verhoging van de omzet. Voorbeelden van zachte conversies zijn:

  • De download van een afbeelding, video of pdf;
  • Een contact- of offerteaanvraag;
  • Het klikken op of bekijken van een video;
  • Gegevensverstrekking door het invullen van een formulier;
  • Een inschrijving op de nieuwsbrief;
  • Het aanvragen van een try-out of demo.

 

Welke CRO-strategieën kun je toepassen?

  1. Tekstuele CTAs in blogartikelen

Vraag jij jouw websitebezoekers via een banner aan het einde van een blogartikel of zij zich in willen schrijven op de nieuwsbrief? Dat kan beter! Mensen raken door de vele online advertenties gewend aan het negeren van banners. Dit wordt banner blindness genoemd. Dit fenomeen in combinatie met het feit dat veel mensen een blog niet helemaal aflezen zorgt ervoor dat niet veel mensen jouw CTA zien. Een manier om toch meer conversie vanuit een blogpost te krijgen, is door ergens in de tekst een losse zin te plaatsen met link naar een specifieke landingspagina waar zij zich in kunnen schrijven.

 

  1. Voeg pop-ups toe aan je website

Een tweede manier om je conversieratio te verhogen is door het toevoegen van pop-up schermen. Een pop-up scherm is ontwikkeld om de aandacht te trekken van en tegelijkertijd iets te bieden aan een websitebezoeker. Zo kan je bijvoorbeeld instellen dat een bezoeker een pop-up krijgt om een gratis offerte aan te vragen nadat 70% van een productpagina bekeken is.

 

  1. Voer regelmatig A/B-testen uit

Landingspagina’s zijn enorm belangrijk in de online wereld: dit is namelijk de pagina waar jouw bezoeker (voor het eerst) terecht komt op jouw website en tot actie overgaat. Met het uitvoeren van A/B-testen kun je achterhalen hoe jij jouw landingspagina kan optimaliseren. Experimenteer bijvoorbeeld met verschillende teksten, de lay-out of het plaatsen van een video en ontdek waar jouw websitebezoekers het meest op reageren.

 

  1. Maak gebruik van marketing automation

Met behulp van marketing automation kan jij geautomatiseerde processen het werk voor je laten doen. Een bewezen succesvolle methode is het automatisch sturen van een e-mail wanneer mensen een webshop verlaten zonder hun gevulde winkelwagentje te bestellen. Video toevoegen aan je e-mail? Check dan deze blog voor tips.

 

  1. Retarget websitebezoekers met advertenties

Hoe erg je je website optimaliseert, het grootste deel van je websitebezoekers gaat niet direct over tot actie. Om deze mensen op een later moment toch aan te sporen tot actie over te gaan, kun je retarget advertenties inzetten. Dit zijn gepersonaliseerde advertenties voor mensen die al bepaalde onderdelen van je website bekeken hebt. In deze advertenties hoef je het niet meer over productspecificaties te hebben, deze heeft de websitebezoeker immers al gelezen. Wel kun je adverteren met een speciale aanbieding of gratis adviesgesprek.

Gebruik video voor meer conversie

Video is een contentvorm dat niet alleen de aandacht van je websitebezoekers opzuigt, maar overtuigt hen ook van jouw boodschap. En overtuiging is net wat je nodig hebt voor je CRO. Video geeft net dat ene duwtje dat je websitebezoeker nodig hebt en met deze tips maak je het conversion proof!

  • Lead gen forms: op Vimeo kun je heel makkelijk een formulier aan het einde van je video toevoegen, zodat mensen zich direct kunnen inschrijven op je nieuwsbrief of ze kunnen gelijk contact met je opnemen.

cro met video lead gen form

  • E-mail gate: soms moet je vóór een video je e-mailadres achterlaten om het te bekijken. Dit zorgt voor exclusiviteit en stimuleert nieuwsgierigheid, maar vooral; het is een werkende methode voor lead generatie.
  • Vermeld je website en/of contactgegevens: kijkers kunnen niet direct klikken op je URL, maar je hebt ze zien het wel en horen het ook als je voice-over het nog even benoemd. Je prikkelt zo meerdere zintuigen, dus je URL wordt zo ook beter onthouden.
  • Voeg een CTA toe in en rondom je video: op YouTube kun je bijvoorbeeld een CTA halverwege of tegen het einde van je video toevoegen, zodat kijkers naar je site navigeren, ze je andere video’s bekijken of zodat ze zich abonneren op je kanaal. Je kunt ook onder de video boven de beschrijving een CTA toevoegen, zoals ‘product demo’ of ‘meer informatie’. Dit geldt wel alleen voor betaalde advertenties.

Meer conversie halen uit jouw website? Met of zonder hulp van video kunnen onze SEA-experts jou adviseren met betrekkening tot conversion rate optimization. Heb je een vraag of ben je op zoek naar concreet advies waar je direct iets mee kunt? Neem contact op met een van onze uitleggoeroe’s en zij helpen je vandaag nog vrijblijvend.

call to action voor website verbetering

7 typen call to action voor website verbetering

Iedereen heeft er vast weleens op geklikt: een call to action. ‘Klik hier’ of ‘Lees verder’ zijn veelvoorkomende calls to action (CTA’s) op websites. Toch zijn effectieve CTA’s complexer dan dit. Je hebt op je website te maken met verschillende soorten publiek; denk aan klanten, promoters, leads, werkzoekenden en zelfs concurrenten. Iedereen komt met een ander doel op je website. Het is daarom verstandig om verschillende CTA’s te maken. Wij delen 7 calls to action waarmee jij jouw website verbetert.

1. Leads genereren

Zoals menig marketeer weet, zijn calls to action cruciaal om conversies te verhogen en waardevolle leads hieruit te halen. Daarom is het vooral belangrijk om op je belangrijkste pagina’s van je website CTA’s te plaatsen op de pagina’s die veel bezoekers trekken. Bijvoorbeeld op je blogpagina. Om succes te garanderen moeten deze CTA’s opvallend zijn en er ‘clickable’ uitzien. Om zo’n klik te stimuleren is het ook belangrijk dat bezoekers aan de CTA een beetje kunnen zien wat er komt nadat zij erop geklikt hebben.

leads genereren met call to action

2. Formulier invullen

Voordat een bezoeker als lead geregistreerd wordt, moet hij nog twee dingen te doen:

  1. Een formulier invullen met persoonlijke info.
  2. Klikken op een CTA-button om deze informatie bij jou achter te laten.

Je bezoeker is nu zó dichtbij om een lead te worden. Je wilt natuurlijk niet dat diegene ontglipt. Maak de bevestigingsknop actief en specifiek voor de marketingaanbieding waarvoor ze zich registreren. Zie hieronder een voorbeeld.

contactformulier invullen cta

3. Lees meer!

Wil je zoveel mogelijk informatie op je homepage kwijt, maar geen lappen tekst neerzetten? Geen probleem!  Zorg ervoor dat de bezoekers van je homepagina op individuele berichten klikken door een ‘lees meer’ CTA op te nemen. Dit biedt de volgende voordelen:

  • Je kunt zo meer content kwijt op je homepagina
  • Je kunt het verkeer van elke individuele beter meten, omdat deze losstaat van de homepagina.

cta lees meer

4. Ontdekking van producten of diensten

Wanneer een bezoeker op je website rondsnuffelt, wil je dat het voor diegene zo makkelijk mogelijk is om meer te weten te komen over wat jij aanbiedt. Een simpele tekst op een knop kan het trucje al voor je doen. Zorg wel dat de CTA opvalt tegen de achtergrond.

Leuk feitje: oranje is dé magische kleur in de online wereld en wordt ook wel BOB genoemd: Big Orange Button. En laten wij daar nou net gebruik van maken!

5. Delen op social media

Een van de eenvoudigste calls to action is een knop die de bezoeker aanspoort om de content of het product te delen op zijn of haar social media kanalen. Het grootste voordeel van deze CTA is dat het makkelijk aan te passen is. Logische plaatsen voor dit soort buttons zijn onder andere onder blogposts en op landingspagina’s.

Een pagina waar mensen hun persoonlijke informatie afgeven, zoals een contactformulier of een offerteaanvraag is daarentegen een slechte plek voor een ‘share’-knop. Je wilt ook niet te veel van je bezoekers vragen!

6. Lead nurturing

Wat doe je als iemand een lead wordt, maar nog niet over gaat op kopen? Verleid hem dan met een ander soort aanbod. Bijvoorbeeld gratis offertes, gratis proefversies, vrijblijvend advies of productdemo’s. Deze lead-koesterende CTA’s kun je opnemen in een blogpost of aan de onderkant van een bedankpagina van een andere aanbieding. Zo ‘verzorg’ je de relatie met je lead.

cta vrijblijvend advies

7. Sluit de verkoop

Zodra de leadgeneratie en de lead nurturing zijn voltooid, probeer je van leads klanten te maken. Dit type call to action is heel erg gericht op verkoop: je wilt namelijk potentiële klanten aanzetten tot kopen. Als je slimme CTA’s inzet kun je ze tevens gebruiken aan het einde van blogposts, maar je kunt ze ook op productpagina’s plaatsen. Dat laatste is een slimme optie, omdat veel potentiële klanten vaak nog een beetje onderzoek doen naar het product voordat ze overgaan tot verkoop.

bounce rate verlagen

Met succes je bounce rate verlagen: 6 tips 

Het aantal websitebezoekers dat je website verlaat zonder door te klikken, wil je zo veel mogelijk reduceren. Deze mensen gaan in het beste geval pas weg van je website als ze zoveel mogelijk informatie over jouw bedrijf hebben. Zo zegt je bounce rate of het bouncepercentage veel over je website. Dit geeft het aantal websitebezoekers weer dat na het bekijken van slechts één pagina de website verlaat. Een zo laag mogelijke bounce rate is dus je streven en met deze 6 tips kun jij dit realiseren.

Wat zegt een bounce rate?

Je bounce rate verlagen kan alleen met inzicht in wat de bounce rate is. Een term die nauw verbonden is aan de bounce rate is de exit rate. De exit rate geeft aan hoeveel bezoekers na bekijken van een specifieke pagina je website verlaten, ongeacht hoeveel pagina’s zij hiervoor bekeken hebben. Beide percentages laten je zien waar je bezoekers precies op afhaken. Met dit inzicht kun jij deze pagina’s optimaliseren, zodat ze beter presteren. Zo houd jij je bezoekers gegarandeerd langer op je website!

Weetje: er wordt gezegd dat een bouncepercentage onder de 25% niet haalbaar is. Zelfs de beste en grootste bedrijven zitten hierboven. Een gemiddelde bounce rate wordt daarom geschat tussen 35-45%. Het is daarbij wel noodzakelijk om rekening te houden met wie je doelgroep is en in welke branche je je bevindt. Deze factoren hebben invloed hebben op je bounce rate.

Zo verlaag je je bounce rate

Gelukkig, zijn er talloze tips om je bounce rate te verlagen. Wij lichten 6 makkelijke en belangrijke voor je uit.

1. Wees kritisch

Kijk eens kritisch naar de bounce rates van verschillende pagina’s en de doelen van die pagina’s. Bij sommige doelen is een hoge bounce rate positief. Ik hoor je denken: hoezo? Nou, bijvoorbeeld wanneer je als doel hebt om websitebezoekers contact te laten opnemen voor informatie. Dan bestaat de mogelijkheid dat zij alleen op je contactpagina komen en vervolgens de telefoon pakken om je op te bellen. In dit geval zijn bezoekers meteen op de juiste pagina terechtgekomen. Het is dan waarschijnlijk dat je bounce rate hoog is voor deze pagina. Toch bereik je wél je doel.

  • Wanneer is het niet positief?
    Wil je inspirerende content delen die de interesse van je websitebezoekers in jou vergroot? Dan wil je juist wél dat zij doorklikken. Je wilt immers dat bezoekers zo lang mogelijk op je website blijven en zoveel mogelijk informatie vinden die hen nog enthousiaster maakt. Een zo laag mogelijke bounce rate is dan wenselijk.
  • Hoe pak je het aan?
    Kijk goed naar wat je precies wilt bereiken met verschillende webpagina’s. Kijk daarbij ook naar de bounce rate per individuele pagina. Je weet nu dat niet voor iedere pagina geldt dat hoe lager de bounce rate is, hoe succesvoller de pagina. Op deze manier bepaal je wat een realistische bounce rate is voor iedere specifieke pagina.

2. Visuals

Zorg ervoor dat de visuals en het design van je website overzichtelijk, duidelijk, makkelijk te verwerken en aantrekkelijk zijn. Je genereert meer websitebezoekers en behoudt deze wanneer je content interessant is. Toch is dit slechts één ding. Je kunt je bezoekers van de tofste content voorzien, maar als het design een rommeltje is, blijft niemand graag op je website. Je bounce rate verlagen wordt dan bijna onmogelijk.

Maak weinig gebruik van veel tekstuele content. Less is more. Bezoekers zullen niet al je teksten lezen. Zij scannen je pagina’s op zoek naar de meest interessante informatie. Doe dit als volgt:

  • Grote titels;
  • Breek een grote lap tekst op in verschillende alinea’s;
  • Vervang stukken tekst door een infographic of een video.

Een voorbeeld van een infographic is die van het Service Centrum Drechtsteden. Hierin wordt de herinrichting- en organisatie van ICT-voorzieningen toegelicht.

SCD_ICTSourcingStrategie_Infographic_V4.0

Met duidelijke koppen, video’s en klikbare visuals zijn je bezoekers eerder geneigd verder te kijken op je website. Zo verlaag je je bounce rate.

3. Call to action

Calls to action (CTA’s) zetten websitebezoekers aan tot actie. Deze knoppen zijn niet alleen belangrijk om bezoekers op je website te krijgen, maar vooral ook om ze op je website te houden en hen over te laten gaan tot actie. Zo kun je heel gemakkelijk je . Daarbij werk je ook aan een lagere bounce rate, je stimuleert met CTA’s bezoekers immers om door te klikken. De onderstaande suggesties kun je gebruiken om effectief calls to action en links in te zetten:

  • Verwijs naar andere pagina’s: stuur websitebezoekers naar andere relevante webpagina’s waar ze meer informatie kunnen vinden, zoals een ‘lees meer’-knop.
  • CTA in het midden van je webpagina: bezoekers die halverwege je pagina hun aandacht verliezen worden met een CTA in het midden van de pagina geprikkeld om verder te kijken.
  • CTA op het einde van je webpagina: als je bezoeker een volledige pagina heeft bekeken zonder af te haken, dan heb je zijn aandacht te pakken. Voorkom dat je hier de aandacht van de bezoeker verliest door het plaatsen van een CTA onderaan de pagina. Deze CTA kan de bezoekers naar andere interessante content leiden.

4. Het belang van video

Uit onderzoek van Hubspot blijkt dat consumenten veel liever een productvideo kijken dan dat ze een tekst lezen over het product.  Het gebruik van video helpt je dus om je bounce rate te verlagen.  Video’s kunnen je boodschap krachtig, duidelijk en effectief overbrengen aan je publiek. Daarnaast helpt video om bovenaan in de zoekresultaten te komen van zoekmachines, zoals Google. Ook zullen bezoekers je content beter begrijpen en zich meer verbonden voelen met je bedrijf na het kijken van een video. Op deze manier worden zij eerder getriggerd om verder rond te kijken op je website.

Zie hier een voorbeeld van een onze showreel voor 2021. Deze wordt ingezet op onze landingspagina om te laten zien aan welke projecten we hebben gewerkt.

5. Verwijs naar links

  • Interne links: Mensen komen niet altijd via de juiste pagina binnen op je website. Als ze niet gelijk vinden wat ze willen, vertrekken ze weer. Voorzie hen van relevante content waar ze naar op zoek zijn met op iedere pagina duidelijke interne links. Zo zien bezoekers wat je nog meer te bieden hebt en verlaag je je bounce rate.
  • Externe links: Ook al verschillen je webpagina’s enorm qua inhoud, probeer dan toch om in iedere pagina een link naar een andere te verwerken. Het linken naar externe webpagina’s van jezelf of van andere personen of bedrijven helpt echter niet in het verlagen van je bounce rate. Wel kan dit voordelig zijn voor je plek in de zoekresultaten. Wees daarom kritisch betreft externe links en maak vooral gebruik van interne links.

6. Een goede gebruikerservaring

Een goede gebruikerservaring voor je bezoekers is enorm belangrijk voor het verlagen van je bounce rate. Ga na of het voor de websitebezoekers makkelijk is om vanuit de ene webpagina naar een andere te navigeren. Wanneer dit niet makkelijk gaat, leidt dit gegarandeerd tot een bounce. Ook wanneer je landingspagina heel langzaam laadt, informatie moeilijk te vinden is of niet mobielvriendelijk is loop je kans dat je bezoekers ongeduldig worden en wegklikken.

Interactieve websites inspiration

Interactieve websites | Inspiration

Websites: bedrijven kunnen niet meer zonder. Heb je een website, wil je uniek zijn en een goede indruk maken bij jouw bezoekers? Maak dan gebruik van een interactieve website! Hiermee stimuleer je interactie met je website bezoeker en blijven daardoor langer op je website. Dat wil jij toch zeker ook? Hieronder vijf opvallende interactieve websites om jou te inspireren.

Interactieve websites

Cyclemon

Ben jij dol op kleurrijke fietsen? Cyclemon deelt haar passie voor opvallende sportfietsen op haar interactieve website met het zogenoemde parallax effect. Iedere fiets wordt ontworpen voor verschillende stereotypen. Herken jij jezelf erin terug?

Interactieve website inspiration

Species in pieces

Species in pieces heeft op een creatieve manier 30 bedreigde diersoorten weergegeven in geanimeerde dieren. Op de interactieve website kun je gemakkelijk door de verschillende dieren scrollen met veel informatie en weetjes. Wist jij dat er zo veel bedreigde diersoorten waren?

Interactieve website inspiration

My Grandmother’s Lingo

Heb jij wel eens gehoord van interactieve websites die jou een taal aanleren? Met My Grandmothers Lingo kun jij in 10 minuten één van de oudste talen leren. Dit met behulp van je microfoon. Wacht niet langer en leer de Marra-taal.

Interactieve websites inspiration

Wake it up

Wake it up: een grappige interactieve website die begint met een minigame. De website is gemaakt om de site tot leven te brengen en hun animatie te promoten. Lukt het jou om de webbrowser wakker te maken?

Interactieve websites inspiration

Noisli

Heb jij ook wel eens moeite om jezelf te concentreren? Noisli is een interactieve website om jou daarmee te helpen. Wanneer je op de symbolen klikt krijg de juiste geluiden te horen om te ontspannen tijdens je werk.

Interactieve websites inspiration

Hebben deze voorbeelden van interactieve websites je overtuigd van haar werking? Wacht niet langer tot jouw concurrenten je voorgaan en ga aan de slag met interactieve websites. Hulp nodig? Wij helpen je graag verder! Neem vandaag nog contact met ons op.

HTML5 Websites | Inspiration

HTML5 Websites | Inspiration

Vrijdagmiddag 16:30uur. Waar bij menig bedrijf iedereen naar huis gaat, begint het feest bij Cooler Media. Onder het mom van de vrijdagmiddagborrel organiseren wij wekelijks onze ‘Inspiration Session‘! Hierin worden de vetste video’s, websites en ander designwerk van dat moment gedeeld. Zo blijven we als creatief bedrijf altijd up to date van de laatste trends!

Elke week kiezen we een overkoepelend thema. Voor deze eerste versie hebben we de coolste websites voor je geselecteerd die vol staan met HTML5 animaties. Met deze animaties is het mogelijk om op basis van het scroll gedrag van de bezoeker een website tot leven te laten komen. We hebben de beste vijf voor je uitgezocht.

Boldking

Vaak bekend bij mensen met baard, maar ook steeds vaker bij mensen zonder baard. De website maakt slim gebruik van scroll-triggered animaties in een hele vette tekenstijl.

Bekijk hier de website: https://www.boldking.com
Inspiration - Blog - Boldking

The Insurance Experiments

Als verzekeringsmaatschappij communiceren met animatie. Check de animaties en let ook goed op de html 5 animaties die op subtiele wijze in de website verwerkt zitten (scrollen!!!)

Bekijk hier de website: http://insuranceexperiments.org.uk

The Insurance Experiments

Toshiba

Denk je aan Toshiba, dan denk je aan mobile phones – maar er is meer waar dit merk zich aan verbind! Ga op ontdekkingsreis in deze volledig geanimeerde website.

Thoshiba

Robby Leonardi

Je bent creatief! Dus dat is ook precies wat je cv moet uitstralen. Daarom maakte Robby een interactieve cv in de vorm van een old skool game. Kun jij het spelletje uitspelen?

Bekijk hier de website: http://www.rleonardi.com/interactive-resume/
Robby Leonardi

Teatr Lalka

De oscars onder de websitemakers! Bij Teatr Lalka worden met verschillende puppet animations de verschillende shows weergegeven. Zet vooral je geluid aan, want elke puppet animation heeft zijn eigen geluidje!

Bekijk hier de website: https://teatrlalka.pl/
Teatr Lalka

Wil je meer weten over hoe wij dit soort websites voor je kunnen maken? Neem even contact met ons op!

Hoe zorg je dat bezoekers op je website blijven?

Hoe zorg je dat bezoekers op je website blijven?

De gemiddelde spanningsboog van een goudvis is negen seconden. Die van een mens acht. Zie hier de grootste uitdaging van online marketeers: een extreem snel afgeleid publiek. Meer dan de helft van de internetgebruikers blijft niet meer dan vijftien seconden hangen op een pagina.

Heb ik nog steeds je aandacht? Ha! Dat komt omdat jij weet hoe belangrijk het is om bezoekers op je website te houden.

Bezoekers klikken van de ene website naar de andere. Ze stoppen alleen wanneer een pagina ze écht aanspreekt. Niemand wil natuurlijk over het hoofd gezien worden, dus hier wat tips om bezoekers te vangen en vast te houden.

    1. Beschrijf je toegevoegde waarde in de eerste tien seconden
Hoe langer bezoekers op je website blijven, hoe kleiner de kans dat ze weggaan. Ze bepalen in de eerste tien seconden of ze blijven of niet. Laat ze dus zien waarom het de moeite waard is om te blijven hangen.

    2. Richt je op specifieke behoeften
Gebruikte zoektermen in Google worden steeds langer. In plaats van te zoeken naar ‘’groene jas’’, zoeken mensen naar ‘’Waar koop ik een groene jas in Amsterdam’’. Google heeft zich hier, natuurlijk, aan aangepast. Mensen zijn dus gewend om precies te vinden waar ze naar op zoek zijn. Wanneer jouw website niet duidelijk laat zien welke behoefte of vraag jij beantwoordt, zal je bezoekers mislopen. Denk vanuit je publiek. Wat proberen ze te vinden?

    3. Lengte is minder belangrijk dan leesbaarheid
Lange pagina’s zorgen zeker niet altijd voor een korter verblijf. Belangrijk is hoe leesbaar je pagina is. Lange lappen tekst zijn intimiderend en kunnen ervoor zorgen dat je bezoekers afhaken. Plaatjes, filmpjes en een goede paginaverdeling zijn hierbij erg behulpzaam.

Lang verhaal kort…
De eisen van websitebezoekers worden steeds maar hoger.  Het is een kwestie van zwemmen of verdrinken. Loop geen bezoekers mis door een verkeerde eerste indruk.

De tijd loopt!