Wat zijn HTML5 banners, Display banners en IAB banners?
HTML5 banners, Display banners en IAB banners zijn visuele online advertenties in de meest voorkomende en breed inzetbare formaten. Waar dit vroeger vaak kleine formaten waren zijn de meest gebruikte tegenwoordig een stuk groter. Zo worden er veel Rectangles (300×250, 320×240 of 336×280), Wide skyscrapers (160×600), Half Page ads (300×600) en Billboards (970×250) ingezet. Men spreekt over een IAB of HTML5 bannerset wanneer er meerdere formaten op dezelfde manier worden opgemaakt voor dezelfde campagne.
Als men spreekt over IAB banners gaat het in veel gevallen om non-Rich Media met alleen afbeeldingen, teksten en soms met animatie. Vaak zijn de specificaties en restricties zeer streng waardoor de mogelijkheden beperkt zijn. Dat IAB banners de standaard zijn wil echter niet zeggen dat je moet adverteren met simpele banners. Juist om op te vallen tussen het grote aantal HTML5 banners moet je impact maken met een mooi design, gave animaties en een kwalitatieve afwerking. Met onze ervaring en skills weten we hier het maximale uit te halen, iets wat veel niet gespecialiseerde studio’s zoals ons lukt.
Wat is het verschil tussen IAB banners, display banners en HTML5 banners?
De termen IAB banners, display banners en HTML5 banners worden enorm veel door elkaar gebruikt als het gaat om banners. Zowel online als bij klanten en prospects die wij spreken gaat het kriskras door elkaar wat het soms verwarrend kan maken. Hieronder zo beknopt mogelijk het verschil:
IAB banners
IAB banners zijn bannerformaten met wereldwijd vastgestelde afmetingen die veel websites ondersteunen. Deze zijn vastgesteld door het IAB (Interactive Advertising Bureau)
Display banners
Display banners zijn visuele banners op het internet. Dit kunnen IAB banners zijn, maar ook Rich Media banners (deze term is dus veel breder). Echter wordt vaak bij Display banners alleen gedacht aan de basic IAB banners. Lekker verwarrend he 😉
HTML5 banners
HTML5 banners zijn banners die zijn opgebouwd met afbeeldingen, html, css en javascript. Hiermee kunnen de banners animaties bevatten, maar ook interactief zijn. Het gaat hier dus om een techniek en niet om een bepaald formaat zoals bij IAB. HTML5 banners vallen wel altijd onder display banners.
Waarom HTML banners beter zijn dan GIF of static
In 95% van de gevallen adviseren wij animerende HTML banners boven statische banners, omdat animerende banners gewoonweg beter opvallen. Hiermee willen we zeker niet zeggen dat een banner extreem moet flitsen als een kermis. Maar een animatie valt nu eenmaal beter op in een pagina die vaak vooral statische content heeft. Juist subtiele animaties kunnen het oog van de lezer trekken zonder irritant te zijn en als de boodschap dan óók nog eens interessant is, dan is een goed resultaat bijna vanzelfsprekend. Er zijn helaas nog altijd publishers die alleen statische banners accepteren en dan is het niet anders. Weet dat wij je daar natuurlijk wel mee kunnen helpen.
De keuze is snel gemaakt als het gaat om statisch vs animated banners, maar binnen de animerende banners heb je ook nog de mogelijkheden om GIF te gebruiken of HTML te gebruiken. We raden HTML ten zeerste aan en daar kun je meer over lezen in dit artikel dat we geschreven hebben.
Meer formaten in een bannerset is niet altijd beter!
Een IAB bannerset is, nogal vanzelfsprekend, een set van verschillende IAB bannerformaten. Veel bedrijven zeggen dat een HTML5 bannerset minimaal 6 tot 10 formaten nodig heeft om goed te presteren maar dat is maar wat ze ervan maken (vaak wordt een hoog aantal gezegd zodat er meer geld verdiend kan worden). We horen dan ook vaak “dit is wat ons bureau ons adviseert”. We kunnen je daar natuurlijk mee helpen maar zijn graag eerlijk en geven per aanvraag (budget, doelstelling, doelgroep, devices) aan welke formaten wij adviseren. In onze ogen kun je beter adverteren met een kleine bannerset van bijvoorbeeld 4 hele sterke en kwalitatieve banners als dat je gaat adverteren met 10 simpele en matige banners. Weten wat wij voor jouw campagne adviseren? Neem contact op.
Dus ja, je leest het goed, als banner studio/agency adviseren wij dus regelmatig MINDER verschillende banners in een HTML5 bannerset in te zetten wat weer scheelt in de productiekosten. Iets wat de meeste reclame- en marketingbureaus niet zullen doen.
HTML5 banners en Display banners voorbeelden
Eerst gaan we het hebben over de display banners, van alle soorten HTML5 banners de eenvoudigste. Mede omdat deze vaak met zeer strenge en beperkte specificaties moeten worden opgemaakt waardoor de creatie mogelijkheden beperkter zijn. Verderop in de pagina laten we ook nog de Rich Media IAB mogelijkheden zien. Maar juist omdat er zoveel beperkingen zijn is het een kunst om het maximale uit de specificaties en advertentieruimte te halen. Iets wat wij na zoveel jaren banner creatie ervaring gemasterd hebben!
Hieronder verschillende mogelijkheden in banner content. Er is natuurlijk nog veel meer mogelijk, maar dan krijg je een idee wat er kan:
Opvallende intro animatie
Het eerste doel van elke online banner is de aandacht vangen van de kijker die op een webpagina iets aan het lezen is. Zonder de aandacht te vangen kan je nooit de (volledige) boodschap overbrengen en zorgen dat de kijker op je banner klikt.
Zorg dus altijd voor een opvallende intro animatie voordat je verder gaat met het overbrengen van je boodschap!
Impactvolle animaties
Het kwaliteitslevel van impactvolle animaties (en de afwerking) maakt het verschil tussen die standaard IAB bannerset en een Premium IAB bannerset. Of het nu gaat om de animatie van hoe een foto in beeld komt, hoe een tekst opbouwt of hoe een button animatie werkt.
De hoge kwaliteit hierin is alleen te behalen wanneer banners vanaf scratch met HTML5 worden gemaakt en niet door een tool worden gegenereerd.
Meerdere scènes
Door de strenge limitaties is het met standard display banners een kunst om meerdere scènes te laten zien met informatie (vooral als je per scène andere afbeeldingen gebruikt). Iets wat soms gewoonweg noodzakelijk is om je boodschap over te brengen, terwijl je niet wil inleveren op kwaliteit en gave animaties.
Met onze werkwijze en slimme trucjes kunnen we meerdere scènes in banners verwerken met behoud van kwaliteit en creativiteit.
Muis interactie
Interactie is vaak niet toegestaan bij standard display HTML5 banners, maar op desktop kan gelukkig wel gemeten worden wat de positie van de muis is! Daarmee kunnen wij vervolgens toch interacties uitvoeren zoals te zien in het voorbeeld. Ook is het mogelijk om op mouseover andere leuke animaties aan te roepen.
Wil je meer interactie? Lees dan verder op in de pagina over Rich Media IAB banners.
Hoge afwerking in de details
Een premium afwerking zit in de details en een HTML5 bannerset weerspiegelt de kwaliteit van je merk, product of dienst. Zorg dus altijd voor die gave details zoals:
- Een button die transformeert van play knop naar CTA button
- Het logo dat niet in één keer in beeld komt, maar opbouwt in een paar stappen
- Soepele overgangen tussen verschillende content
- Die automatische trigger animatie om de kijker te doen verleiden door te klikken
- Een opvallend intro met smooth animaties
- Een leuk effect op mouseover
Retina images
Met beeldschermen die steeds scherper beeld krijgen door meer pixels per inch (dus binnen hetzelfde oppervlak meer pixels), is het van belang dat afbeeldingen in banners retina zijn gemaakt. Bij retina images maak je de afbeelding 2x zo groot in pixels zodat deze op de scherpere beeldschermen ook haarscherp zijn.
Je kunt je alleen al inbeelden dat een formaat dat 2x zo groot is (in totaal 4x de oppervlakte!) ook meteen groter is in kilobytes. Iets wat weer een uitdaging met zich meebrengt als de specificaties zo streng zijn. Maar dat is een uitdaging die wij graag aangaan!
HTML5 banners en display banners voor Google Ads, Xandr, Amazon, etc.
We kunnen IAB display banners voor ieder platform ontwikkelen zolang de specificaties maar duidelijk zijn. Het maakt ons dus niet uit of je ze nodig hebt voor Google Ads of bijvoorbeeld Xandr (Appnexus), Bing Ads of Amazon Advertising. Geef het echter wel aan ons door bij je aanvraag, want elk platform heeft weer eigen specs en eisen (zoals hoe de clickTag code moet werken). Afhankelijk hiervan weten wij op welke basiscode we moeten beginnen en voorkomen we onnodige vertraging wanneer jullie de creatives willen gaan inzetten.
Werk je niet via een DSP, maar heb je de ads direct ingekocht bij een publisher of advertentienetwerk? Vraag dan welke HTML5 banner specificaties zij hanteren, zodat wij de banners daar geschikt voor kunnen maken.
IAB banners met Rich Media content
Om het lekker verwarrend te maken is er ook nog een overlapping mogelijk tussen IAB banners en Rich Media banners. Normaliter wordt dit gezien als twee losse dingen, maar je kunt ook Rich Media content verwerken in een normale IAB banner (zolang de specificaties het maar toestaan). Dus ook deze optie leggen we uit voor wie nog een stap verder wil gaan en écht impact wil maken op de doelgroep.
Hieronder lichten we de meest uiteenlopende Rich Media content types uit:
Interactieve IAB banners
Voor wie streeft naar maximale engagement met de doelgroep kan naast animerende banners ook interactieve IAB banners inzetten (mits de specificaties het maar toestaan).
Interactie kan zo uitgebreid mogelijk worden gemaakt als wenselijk, van gave mouse overs tot animatie en video players tot interactieve fullscreen video en minigames/advergames.
Video IAB banners
Bij video banners wordt vaak gedacht aan een standaard in-banner video player of aan een video advertentie slot zoals een outstream video. Echter gaan wij voor maximale impact een flinke stap verder en integreren full-banner video in Rich Media IAB banners. Dit wil zeggen dat wij ongeacht het bannerformaat zo groot mogelijke video intro animaties in de banners verwerken.
Daarnaast kunnen we met video animatie soms vele spectaculairdere effecten maken dan die technisch mogelijk zijn met HTML5, waardoor de advertentie helemaal next level wordt!
Dynamische content IAB
Ook ontwikkelen we IAB banners met dynamic content. Dit kan op verschillende manieren en de mogelijkheden hangen af van het platform dat je gebruikt. Overleg dit dus altijd vooraf met ons. Ter inspiratie wel alvast enkele mogelijkheden:
Dynamic content o.b.v. persoonlijke variabelen
Denk aan hierbij aan de locatie van de kijker. Op basis van zo’n variabele kan per kijker de content aangepast worden, zodat bijvoorbeeld de dichtstbijzijnde winkelvestiging wordt getoond in de banner inclusief de matchende exit url.
Shopping product banners
De bekende banners die producten laten zien van een webwinkel die je recent hebt bezocht. Echter helemaal op maat te maken en daarmee veel mooier/kwalitatiever én geoptimaliseerd voor resultaat.
Content up to date houden om langdurig relevant te blijven
Bijvoorbeeld zorgen dat de doelgroep altijd de laagste prijs ziet van de diensten of producten die je aanbiedt.
Dynamische content op basis van tijd en/of de datum
Tel af naar de releasedatum van je nieuwe filmrelease.
Advergame IAB banners
Voor wie er meer interactie en engagement wil met zijn/haar doelgroep, maar ook een product of dienst op een leuke manier kenbaar wil maken. Zelfs als je product, dienst of doelgroep niets met games te maken heeft, want een game is veel meer dan een spelletje!
Laat je doelgroep bijvoorbeeld spelenderwijs zien:
- Wat je product doet
- Hoe je product werkt
- Wat je product uniek maakt
- Hoe gaaf je product is
- Hoe makkelijk je product werkt
Van één simpel spel interactie element tot uitgebreide minigames, bij Advergames is veel mogelijk. Ze kunnen in ieder template verwerkt worden en zijn zowel te ontwikkelen voor desktop, tablet als mobiel.
In theorie is alles mogelijk maar zullen de specificaties, doorlooptijd en het creatie budget de enige limieten zijn. Neem contact met ons op voor de opties!
Interactive video IAB
Naast video banners ontwikkelen we ook interactieve video banners! Zo kunnen we bijvoorbeeld een gave video spot interactief maken door hier verschillende cliffhanger momenten in te bouwen. We vragen de kijker de volgende stap te zetten waardoor ze extra engaged zullen zijn met je banners.
Daarnaast is ook multivideo een optie, waarbij de kijker zelf kan kiezen welke video hij/zij bekijkt.
Rich Media IAB banners voor Weborama, Display & Video 360, Adform, etc.
Rich Media IAB banners worden niet bij elke DSP of publisher/advertentienetwerk geaccepteerd dus controleer dit altijd goed voordat je een creatie aanvraag bij ons doet. Als we HTML5 banners mogen opmaken voor Weborama, Adform of Google Display & Video 360 (DV360) dan kan je er meestal wel vanuit gaan dat het mogelijk is. Bij deze partijen hebben wij ook basis templates waarop we de creatieve uiting bouwen, zodat we zeker weten dat ze live gezet kunnen worden.
Werk je niet via een DSP maar heb je de ads direct ingekocht bij een publisher of advertentienetwerk? Vraag dan welke specificaties zij hanteren, zodat wij de banners daar geschikt voor kunnen maken.
Is jouw landingspagina wel geschikt?
Heb jij al een perfect aansluitende landingspagina voor je campagne? Door deze qua boodschap, visualisatie en beleving op elkaar aan te laten sluiten, vergroot je de kans op conversie en verlaag je het bouncepercentage. We ontwikkelen creatieve, innovatieve en impactvolle websites en landingspagina’s geoptimaliseerd voor jouw campagne, actie, product(lancering) of event. Voor elke budget hebben we een oplossing doordat we werken met eigen ontwikkelde templates, maar ook volledige maatwerk pagina’s ontwikkelen. Ontdek op onze landingspagina en websites pagina alle mogelijkheden, gave voorbeelden en leer waarom je bestaande website vaak niet geschikt is als campagne landingspagina.
Kan een Formule 1 auto met fietsbanden de race winnen?
Natuurlijk niet! Zonder perfecte banden kun je nog zoveel geld uitgeven aan de auto, maar je gaat de race nooit winnen. Zie HTML5 banners als de banden van je campagne. Zonder goede banners kun je nog zoveel campagnebudget inzetten en de campagne perfect hebben ingesteld, maar deze gaat nooit optimaal presteren. Laat staan de race tegen je concurrenten winnen! Dus streef jij naar de beste resultaten en wil jij de concurrent verslaan? Bespaar dan niet op de banners en ga voor premium kwaliteit.
We zien namelijk vaak dat adverteerders veel geld investeren in een online bannercampagne en dat er zoveel mogelijk geld naar het campagnebudget moet, terwijl de banners zo goedkoop mogelijk moeten zijn. De uitspraak “de plank volledig misslaan” past hier perfect bij en wel om de volgende reden: met kwalitatieve banners behaal je nou eenmaal betere resultaten (en het straalt ook nog eens de kwaliteit van je bedrijf/merk/product uit). Dus stop bijvoorbeeld 5% van je campagnebudget extra in banner productie en met wat geluk krijg je er wel 30% meer resultaat voor terug! Onderaan de streep kom je dus vaak goedkoper uit per click / conversie!
HTML5 banners, Display banners en IAB banners laten ontwikkelen door banner studio DSlab
Dé kans die je krijgt om iemand te overtuigen, moet perfect benut worden. Daar staan wij als team en bedrijf volledig achter en dat zie je dan ook terug in ons werk. Ongeacht je campagnebudget helpen wij jou een succesvolle campagne te draaien en de kans om je doelgroep te overtuigen, perfect te benutten.
Dit doen we door ons 100% te focussen op het ontwikkelen van effectieve creatives en landingspagina’s die impact maken op de doelgroep door het gebruik van innovatieve technieken, creatieve designs en een hoge afwerkingskwaliteit. Door onze kennis en jarenlange ervaring weten wij dan ook het maximale uit de beschikbare advertentieruimte en restricties te halen.
Passie voor animatie, interactie en video
We zijn experts geworden door onze passie voor animatie, interactie en video technieken. We zijn altijd bezig met innoveren om nóg gavere creatives te maken voor jouw volgende campagne.
We denken graag mee
We denken graag nog voor je officiële aanvraag mee, zonder kosten, hoe we jouw campagne perfect doorvertalen. Van brainstorm tot concept tot uitwerking.
Onafhankelijke studio
We zijn een onafhankelijke creatie studio die met net zoveel liefde werkt voor individuele merken, marketing- en mediabureaus als publishers en netwerken.
Co-creatie
“De mooiste dingen maak je samen” vinden wij een prachtige uitspraak. Wil jij zelf het concept en/of design maken en moeten wij de uitwerking realiseren? Geen probleem! Leuk zelfs!
Kennisdeling en inspiratie
Van inspiratie updates (email) tot inspiratiesessies (op locatie of video call), wij delen graag onze kennis zodat we samen nog mooiere campagnes kunnen bedenken!
Razendsnelle productie en communicatie
Snelle productie is belangrijk, maar snelle (mail) communicatie is misschien nog wel belangrijker! Hier krijgen we dan ook regelmatig complimenten over.
Van één formaat tot alle campagne creatives
Naast IAB banners creëren we ook Rich Media banners, Social media ads, Video ads, Digital Out Of Home (DOOH) creatives én landingspagina’s die perfect aansluiten op je campagne.
We helpen je dus graag als je maar één formaat nodig hebt, bijvoorbeeld ter aanvulling van de eenvoudigere banners die je zelf ontwikkeld, maar ook als je de gehele digitale creatie productie bij ons neer wil leggen om een consistente en daarmee uiterst efficiënte campagne te kunnen draaien.
In samenwerking met DSLab ontwikkelen wij voor onze B2B-klanten korte grafische video’s voor op social. De mensen bij DSLab zijn creatief, innovatief en fijn om mee samen te werken. Als je content wilt ontwikkelen dat werkt op online kanalen, dan kan ik DSLab zeker aanraden.
Creatief als Rapunzel, optimistisch als Pooh, flexibel als Elastigirl, getalenteerd en snel als Bliksem McQueen,… met Dslab heeft The Walt Disney Company België een superfijne en betrouwbare partner die er elke keer weer in slaagt een magisch resultaat af te leveren. Bedankt voor de geweldige samenwerking!
Jullie gaan steeds zonder uitzondering de extra mile om een mooi eindresultaat af te leveren. Elke keer zijn we weer verwonderd van het magische resultaat. Je voelt onmiddelijk dat jullie je job graag en met passie doen. Ben vooral fan van de projecten waar jullie all-in mogen gaan met de motion ook omdat jullie dit het liefste doen.
I only have great experiences working with DSLab. They’re proactive, creative and innovative. We worked together for multiple campaigns and the creations delivered were always top-notch. They always manage to create something visually esthetic and pleasing regardless of the assets that we’re providing and that’s very much appreciated.
Een erg professioneel een klantvriendelijk creatief bureau met kwalitatief hoogstaande producten. Ze bezitten erg veel kennis over creatief design met een sterke aansluiting op alle innovatieve mogelijkheden binnen de creatieve wereld.