20 + Tools and Examples to Create an Awesome Web Banner
een web banner of banner advertentie (ook wel een display ad genoemd) is een vorm van advertentie die wordt bediend door een ad server. Als online reclame is uitgegroeid tot een mainstream marketing strategie in de afgelopen 25 jaar, de banner advertentie is de OG, en is niet alleen te verspreiden op uitgevers sites online, maar ook over sociale media.
we hebben een lijst samengesteld met de beste tools, sjablonen en voorbeelden van rockstar, zodat u een banner kunt maken die creatief is en publiek laat klikken. Laat uw advertentie niet worden getroffen door banner blindheid.
Lees andere innovatieve marketingstrategieën die veel verder gaan dan webbanners.
Webbanner Tools
Creatietools
Canva
Canva stelt marketeers en grafisch ontwerpers in staat om visuele inhoud te maken die zich uitstrekt van posts op sociale media tot CV ‘ s tot webbanners. Canva werkt voor beginners met absoluut geen ervaring, ook, met zijn eenvoudige editing platform.
Canva biedt vooraf ontworpen banner sjablonen die gebruikers gemakkelijk kunnen bewerken en aanpassen. U kunt lettertypen, achtergrondkleuren, lettergrootte en stockafbeeldingen aanpassen. Het is een geweldige optie als je een solide uitgangspunt en wat inspiratie nodig hebt.
Bannersnack
Bannersnack noemt zichzelf de originele Banner maker. Maar vandaag, hun tool is geëvolueerd om banner ontwerp zoals interactiviteit, animatie, en meer op te nemen.
de workflow van Bannersnack is gericht op de banner ontwerper die precies weet wat ze wil, van grootte tot kleur aanpassing. Een advertentie van 250×250 nodig? Een 320×50 geoptimaliseerd voor mobiel? Een halve pagina 300 x 600? Al deze en meer worden ondersteund.
wat ook nuttig is, is dat u uw werk kunt opslaan in meerdere bestandsformaten (JPG, PNG, MP4, HTML5, GIF) om alle inhoud aan te pakken die u nodig hebt voor uw banners.
Adobe Spark
Adobe Spark is een gratis ontwerp-app waarmee u professionele banners kunt maken, zelfs vanaf uw mobiele apparaat (voor iOS).
Adobe Spark werkt vooral goed voor social media banners en content.
OmniVirt
als u advertenties wilt maken die van het scherm springen en echt de aandacht van uw publiek trekken, is meeslepende inhoud uw beste gok.met de Ad Manager van
kunt u 360° – of 3D-Fotobanneradvertenties maken voor een nieuw soort interactieve ervaring. Lees meer over hoe meeslepende advertenties zoals 360° en 3D deel uitmaken van de toekomst van reclame.
Fotor
Fotor is een fotobewerkingsplatform dat talrijke sjablonen, ingebouwde afbeeldingen en vormen, honderden lettertypeopties en kleurbewerkingsopties zoals transparantie en kleurkiezer biedt. Net als Bannersnack, Fotor kunt u beginnen met het maken van uw banner nadat u een grootte aan te geven. Bonus: U kunt ook aangepaste advertentieformaten maken.
Fotor is een goede optie als u een banner wilt maken met een echte foto.
HTML5 Maker
als u geanimeerde banners wilt maken, is HTML5 Maker misschien de juiste keuze voor u. HTML5 Maker geeft u ook eenvoudige opties voor wanneer u klaar bent met het maken van uw advertentie: downloaden als een HTML of GIF, insluiten als responsieve JS of een ClickTag, of indienen bij AdWords.
HTML5 Maker belooft dat uw banners zullen reageren, wat betekent dat ze er goed uitzien, ongeacht de grootte van het scherm.
Google Web Designer
Google geeft nog een andere waardevolle gratis tool, maar deze stelt u in staat om interactieve HTML5-gebaseerde ontwerpen en motion graphics die kunnen worden uitgevoerd op elk apparaat te maken.
Het biedt ook een volledige ontwerp suite en als je code-geneigd bent, kunt u ook aanpassen (maar het is niet vereist).
andere handige Tools
IAB
Het Interactive Advertising Bureau (IAB) is een op lidmaatschap gebaseerde handelsgroep die technische standaarden, onderzoek en best practices rond digitale marketing uitbrengt.
bewaar een kopie van de standaard ad-eenheid Portfolio van de IAB om op de hoogte te blijven van ad-maten, bestandsspecificaties, enz.
klik op Tag
zodra u een banner maakt, moet u mogelijk een klik-tag toevoegen zodat u de prestaties van de advertentie kunt volgen. Een klik tag definieert click-through URL ‘ s voor elke uitgang van uw banner advertentie. Hier is een handige gids van Google over de eisen.
MOAT
Moat is een externe verificateur die merken helpt de prestaties van hun advertenties te verifiëren. Een coole truc is dat de site heeft visuele kopieën van elke live advertentie.
zoek naar een merk en elke campagne zal worden weergegeven, waardoor een volledige catalogus van vrijwel elke weergave banner advertentie momenteel live.
Dribble
Dribble is een online community voor ontwerpers en creatievelingen. Deze site heeft Ton van ontwerp inspiratie en contacten om te helpen met asset design voor display advertenties.
voorbeelden van webbanners
voordat u begint met het ontwerpen van uw eerste webbanner, overweeg dan de beste banner die aan de behoeften van uw merk voldoet. Veel van de onderstaande voorbeelden zijn 300X250.
subtiele banneranimatie
deze Shoemit-banneradvertentie toont subtiele animatie op een manier die de producten benadrukt en een publiek naar de CTA “Get Your Gift” leidt
het bouwen van geanimeerde advertenties kan werken over verschillende groottes, zoals dit WordStream-voorbeeld laat zien.
Creative product lay-outs
Dit soort advertentie toont slim de verscheidenheid aan smaken en natuurlijke ingrediënten die in hun producten worden gebruikt door middel van een eenvoudige maar creatieve lay-out van hun bars.
de kopie is eenvoudig om meer onroerend goed te geven aan de productafbeelding.
in dit voorbeeld van Sephora zijn de producten niet centraal, maar helpt bij het framen van de CTA: er zijn aanbiedingen en exclusieve aanbiedingen met deze producten en meer.
deze “hints” van producten in de advertentie helpen de boodschap over te brengen dat er meer te ontdekken valt…klik gewoon op de link!
interactieve banners
Deze GlaxoSmithKline creative vraagt de gebruiker om te communiceren met zijn advertentie. Een deel van de aantrekkingskracht trekt aan de nieuwsgierigheid van een gebruiker: wat zal er gebeuren nadat ik Klik en sleep de pil in de mond?
deze IKEA creative raakt het punt dat IKEA oplossingen passen bij uw ruimte. Het vraagt een gebruiker om de grootte van de advertentie aan te passen om zijn bericht te hameren.
Zie andere voorbeelden van banner-advertenties.
meeslepende banners
Chips merk Takis werd 3D met hun interactieve 3D-Display advertentie.
Sony Pictures heeft een 360° ad-banner gemaakt om de nieuwe film Escape Room te promoten.
Leave a Reply