Berichten

html5 gif banner

HTML5 banner of GIF: welke kun je het beste gebruiken?

Ook jij stuit weleens op HTML5 banners en GIF’s. Die eerste vaak onbewust. Een GIF klinkt je namelijk vast bekend in de oren; leuke bewegende plaatjes, perfect om in groepschats die ene uit de hand gelopen stapavond te illustreren. Alleen weet je ook wat een GIF banner en HTML5 banner zijn?

Beide worden ingezet voor marketingdoeleinden. Toch is het onderscheid hiertussen vaak nog onduidelijk in de marketingwereld. Want wat is het verschil tussen een HTML5 banner en een GIF? En welke kun je het beste gebruiken? Tijd om dit op te helderen!

Wat is een HTML5 banner?

HTML5 is een combinatie van bestaande HTML-, CSS- en JS-talen. Hiermee kun je toffe geanimeerde banners creëren. Zo kun je adverteren met animatie (woehoe!). Een heuse vorm van rich media, die veel bedrijven inzetten voor advertenties. Rich media staat voor online advertenties die de ontvangers triggeren om interactie aan te gaan met de content door geavanceerde functies. Denk aan video, afbeeldingen en audio.

Rich media banners werden voorheen gecreëerd met Adobe Flash. Dit tijdperk lijkt echter ten einde. Flash-banners werden namelijk niet getoond op de iPhone en iPad en ze worden al jaren niet meer standaard ondersteund door Android. Google Chrome heeft er zelfs een pauzefunctie op gezet. Daarbij staat het advertentienetwerk van Google Flash-banners sinds 2017 niet meer toe, omwille van veiligheidsrisico’s en het stimuleren van sneller mobiel internet. HTML5 is daar to save the day! Hoewel de technologie van HTML5 nog in ontwikkeling is, kun je er banners van topkwaliteit mee maken!

html5 banner

Wat is een GIF banner?

Graphical Interchange Formats, die we kennen als GIFs, zijn razend populair. Voor velen een alledaagse vorm van communicatie (geef toe, het werkt superefficiënt en vermakelijk in WhatsApp).

gif banner

GIFs zijn simpelweg een reeks bewegende afbeeldingen of korte geluidloze video’s die zich continu afspelen in een lus. Het is een veel gebruikte feature voor social media gebruikers. Tweets met een GIF creëeren zelfs 55% meer engagement dan enkel tekst.

Ze zijn makkelijk te delen en het aanbod is enorm. Steeds meer social platforms ondersteunen GIFs. Niet verwonderlijk dat marketeers ze dan ook steeds vaker inzetten voor content marketing.

Pssst… check in deze blog 5 toffe gif’s.

HTML5 of GIF: wat zet je in voor je marketing?

Marketeers zetten HTML5 banners en soms ook GIFs in voor display advertising. Mensen zijn namelijk visueel ingesteld. Beeld werkt véél beter dan tekst. Met name bewegend beeld. Maar er zijn nog meer goede redenen waarom HTML5 banners en GIF banners veel worden ingezet binnen een marketing strategie.

Waarom een HTML5 banner?

  • Het boost je creativiteit: HTML5 biedt bedrijven enorm veel mogelijkheden voor advertentietypen. Deze kunnen zij vervolgens op verschillende kanalen gebruiken en schalen. Marketeers profiteren van en experimenteren zo met meerdere opties.
  • Meer engagement: Rich media ads en betrokkenheid gaan hand in hand. HTML5 banners zorgen voor meer conversie, omdat ze kijkers stimuleren iets met de content te doen.
  • Betere zichtbaarheid: HTML5 banners genereren meer klikfrequentie en betere zichtbaarheid in zoekmachines dan statische advertenties. Statische banners zijn we wel gewend. Ze vallen tegenwoordig zó slecht op dat we er niet eens meer door getriggerd worden. Rich media ads, zoals HTML5 banners, doorbreken daarentegen de ‘banner blindheid’ en beïnvloeden merkherinnering en -herkenning bij kijkers.
  • Het is heel laagdrempelig: Dankzij HTML5 technologie zijn rich media banners betaalbaar én toegankelijk. Fijn!

Waarom een GIF banner?

  • Het is effectief en betaalbaar: een GIF is veel aantrekkelijker dan een stilstaande afbeelding, maar in verhouding goedkoper en makkelijker dan een video.
  • Het spreekt de taal van het internet: een GIF maakt deel uit van de internetcultuur. Up-to-date blijven ondanks de talloze ontwikkelingen en snel veranderende algoritmen wordt nog altijd gewaardeerd door je publiek.
  • GIFs zijn mobielvriendelijk: ze duren maar een paar seconden, de bestandsgrootte is superklein en ze laden sneller dan video’s. Daarbij gaan ze perfect samen met social media. Twitter en Facebook hebben zelfs een eigen GIF-zoekbalkje in het toetsenbord.
  • Geschikt voor e-mailmarketing: GIFs worden veel gebruikt in e-mails en worden door e-mailproviders eerder ondersteund dan video. Bovendien is het door de kleine bestandsgrootte ook veel makkelijker om te implementeren in je e-mails!

HTML5 banner of een GIF? Dit raden we aan!

De brandende vraag is natuurlijk: welke banner kies je voor je display advertising? Hoewel we ook graag GIFs rondgooien en ze superleuk vinden, raden we voor online advertising altijd HTML5 banners aan. De mogelijkheden en de kwaliteit ervan vergeleken met GIFs zijn nu eenmaal veel beter. Nog niet helemaal overtuigd? Bekijk dan ook deze voordelen van HTML5:

html5 beter dan gif

  • HTML5 banners hebben bij omvangrijke animaties een kleine bestandsgrootte en zijn bij uitstek uitgebreider dan GIFs.
  • HTML5 ondersteunt een kleurruimte van 16,7 miljoen. Bij een GIF is dit slechts 256.
  • Je kunt interactieve elementen toevoegen aan HTML5 banners. Bij een GIF niet.
  • De kwaliteit van afbeeldingen in een GIF is aanzienlijk lager dan die van een HTML5 banner.

Wil jij een HTML5 banner laten maken? Neem dan geheel vrijblijvend contact op met een van onze uitlegexperts. We adviseren je graag over de mogelijkheden en bijbehorende kosten.

HTML5 banner inspiration

HTML5 Banners | Inspiration

Iedereen kent het wel, bewegende banners als je bijvoorbeeld een nieuwspagina aan het lezen bent. Dit zijn HTML5 banners. Door de combinatie van kleur, beeld en beweging zorgen ze ervoor dat jij als kijker getriggerd wordt door te klikken naar de website. Heb jij je al wel eens laten verleiden? Wij geven je hieronder 5 gave voorbeelden.

IKEA

We beginnen de blog met een onderzoek van IKEA. Mensen met een smartphone of computer krijgen vaak te maken met banner ads. IKEA heeft een case study gehouden over banner ads en het gebruik van de ‘gewone’ mens. Ze zijn erachter gekomen dat 60% van de mensen per ongeluk op banners klikt. Wanneer men op een banner geklikt is, irriteert dit 68% van de mensen, 45% voelt zich gefrustreerd en zo’n 22% voelt zich zelfs boos! IKEA heeft een banner gemaakt waar mensen minder chagrijnig van werden. Benieuwd hoe ze dit hebben aangepakt? Bekijk de video hieronder!

Abarth

De creativiteit van HTML5 banners zijn onuitputtelijk. Bij het lanceren van de nieuwe Abarth 124 Spider heeft Abarth een campagne opgezet voor mensen die vaak aan het werk zijn. Ze hebben een banner gecreëerd die door middel van je webcam je gezicht registreert. Door je gezicht te bewegen, kun je de auto besturen. Je speelt dus een race in een banner ad.. Hoe cool is dat!?

Artifier

Kunst maakt de wereld mooier, toch? Bombay Sapphire is ervan overtuigd dat ook onze ervaring op het internet verbeterd kan worden door het toevoegen van kunst. Daarom ontwikkelden ze Artifier. Deze chrome extensie zet HTML5 banners om in kunst. Je ziet dus niet meer de reclame van Zalando, maar een mooi schilderij uit misschien wel het Louvre of The Metropolitan Museum of Art. Wat is jouw favoriete schilderij?

Narcos

Narcos is een bekende maffiaserie gebaseerd op de gelijknamige drugskartels in Zuid- en Midden-Amerika. Narcos heeft het nieuwe seizoen aangekondigd door gebruik te maken van HTML5 banners. Zo kun je vanuit de banner meteen doorklikken naar de afleveringen op Netflix.

narcos netflix banner
 

Domino’s

De WK-gekte is weer begonnen. Bedrijven spelen hier graag op in, zo ook Domino’s. Want wie wil nou niet een voordelige pizza eten tijdens het kijken van een WK wedstrijd? Het WK wordt over heel de wereld bekeken en dus is deze HTML5 banner in verschillende talen gemaakt, zie het Turkse voorbeeld hieronder.
domino's banner

Heb je er zelf ook wel eens over nagedacht HTML5 banners of animaties in te zetten? Wij kunnen deze voor je maken! Neem even contact met ons op en we helpen je graag verder!

 

 

 

Bumperadvertenties | Inspiration

Bumperadvertenties | Inspiration

Je ziet ze steeds vaker voorbij komen: bumperadvertenties. Deze advertenties worden bijvoorbeeld voorafgaand aan je  YouTube-video afgespeeld. Ze duren slechts 6 seconden. Hierdoor is het belangrijk dat je adverentie meteen opvalt en blijft hangen. Maar hoe je dit? Wij leggen het deze week voor je uit aan de hand van 4 voorbeelden!

Elke video begint met het uitdenken van je strategie. Wat wil je ermee bereiken? Wanneer je ervoor kiest om een bumperadvertentie in te zetten, is het doel vaak dat je mensen wilt triggeren. Triggeren naar de website of naar de volgende advertentie. Een goede bumperadvertentie vertelt een verhaal, maakt je nieuwsgierig of zijn herkenbaar. Wij hebben 5 goede bumperadvertenties voor je geselecteerd!

Storytelling

Een verhaal in 6 seconden vertellen. Het lijkt een hele uitdaging, maar het kan! De onderstaande video vertelt het verhaal van de ‘origins of species’.

Hier wordt eigenlijk het grootste onderwerp/probleem van de wereld in 6 seconden weergegeven. Global Warming is natuurlijk een wereldsprobleem, in deze video wordt het op een indrukwekkende manier weergegeven.

Nieuwsgierigheid

De video snack-cultuur zet zich ook voort in ‘film-trailer’ land. In deze teaser van de film Sing zingt een biggetje ‘Bad Romance’ van Lady Gaga. Mensen vinden dit grappig en zijn eigenlijk getriggerd naar derest van het nummer en de film!

Herkenbaarheid

Je besteld iets, iets heel leuks wat je al een hele tijd wilt hebben. Maar precies op het moment dat het pakketje geleverd wordt, ben je niet thuis. Klinkt herkenbaar? Dat dachten de makers van deze bumperadvertentie ook. Als kijker voel je je hierdoor extra betrokken met de advertentie en zul je hem ook sneller onthouden.

Ook een bumperadvertentie laten maken voor jouw product, dienst of idee? Neem even 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!