Met de continue groei van internet is online marketing elk jaar groter geworden, en daarmee ook de reclamebranche. Een belangrijke factor in al deze gekte is het kopen en verkopen van advertenties.
Het kost tijd om een succesvolle advertentie te maken. Een die je veel bezoekers zou opleveren en een hoge conversieratio hangt af van hoe goed het geschikt is voor een specifiek publiek en hoe duidelijk en to the point zijn boodschap is. Maar laten we niet vergeten: voordat een gebruiker een echte banner kan lezen, is het belangrijk om het te zien en er naar toe te worden getrokken. Dat is waar wij, webontwerpers, binnenkomen. Onze taak is om een sterke eerste indruk te maken en de boodschap vervolgens op een visuele manier af te leveren die gemakkelijk te begrijpen en ter zake is..
Dus, sluit je aan bij deze "lange" snelle tip, omdat ik je enkele basiselementen van een reclamebanner laat zien en vervolgens laat zien hoe je een bannerset ontwerpt voor een webhostingbedrijf.
Notitie: Ik had aanvankelijk geanticipeerd dat dit een snelle tip zou zijn, maar dingen liepen uit de hand en ik eindigde met het maken van een langere video. Ik hoop alleen dat de overtollige informatie van pas zal komen :)
Deel 1: Introductie
Deel 2: Banners ontwerpen
Goede oefeningen
Enkele goede voorbeelden om rekening mee te houden bij het ontwerpen van advertentiebanners:
Hou het kort en simpel. Banneradvertenties worden tussen grote hoeveelheden informatie op een webpagina weergegeven, dus u moet creatief zijn om de aandacht van de gebruiker te trekken. En omdat ze een beperkt weergavegebied krijgen, is het erg belangrijk om ze eenvoudig en gemakkelijk te begrijpen te houden.
Minder is meer. Gebruik grotere lettertypen en minder woorden omdat mensen simpelweg niet de tijd of het geduld hebben om lange berichten te lezen.
Houd de bestandsgrootte laag. Doorgaans is 70Kb een goede maat voor een banner. Veel websites waarop u adverteert, hebben beperkingen voor de bestandsgrootte, maar als dit niet het geval is, is het altijd goed om snel banneradvertenties te laden. Houd hier dus rekening mee en maak de bestandsgrootte niet te groot.
Kies het kleurenschema in context. Een algemene regel hierbij is om de banners te ontwerpen, maar onthoud waar ze precies worden weergegeven. Meer specifiek, probeer kleuren te kiezen op basis van de achtergrond waar ze tegen zullen zitten. Als u bijvoorbeeld een donkerblauwe achtergrond hebt, is het logisch om een banner met een witte of lichtblauwe BG te hebben om een goed contrast te creëren.
Structuur van een banner
De koers. Dit wordt gebruikt om de aandacht van de gebruiker te trekken tijdens het scannen van de pagina.
Oproep tot actie. Dit wordt gebruikt om de gebruiker uit te leggen hoe verder te gaan. Ik bedoel, de meeste mensen zouden gewoon op de advertentie klikken, maar gaan er niet van uit dat ze het allemaal zullen doen. Geef een aantal visuele aanwijzingen over wat er hierna komt. Dit kan een knop of een afbeelding zijn of alleen maar een tekst met de tekst 'Klik hier om ...' 'Ontdek hoe ...'
Attention-grabber (optioneel). Dit is optioneel, maar als het correct wordt geïmplementeerd, kan het u helpen de aandacht van de gebruiker te trekken. Het kan een interessante illustratie of afbeelding zijn.
Aanvullende bronnen
Ad Banner-richtlijnen van iab.net
Photoshop-rasterpatronen van premiumpixels.com
Verraste bedrijfsmens Stock Foto van photodune.net
Als u geïnteresseerd bent in meer verkeer en het converteren van gebruikers, heeft Envato Studio een geweldige verzameling bannerontwerpservices die u misschien wilt verkennen.