en webbbanner eller bannerannons (även ibland kallad visningsannons) är en form av reklam som betjänas av en annonsserver. Eftersom onlineannonsering har blivit en vanlig marknadsföringsstrategi under de senaste 25 åren har bannerannonsen varit OG och distribueras inte bara på utgivarwebbplatser online utan också över sociala medier.

vi sammanställde en lista över de bästa verktygen, mallarna och rockstar-exemplen så att du kan skapa en bannerannons som är kreativ och får publiken att klicka. Låt inte din annons slås av bannerblindhet.

Läs andra innovativa marknadsföringsstrategier som går långt bortom webbbanners.

web Banner Tools

Creation Tools

Canva

Canva tillåter marknadsförare och grafiska formgivare att skapa visuellt innehåll som sträcker sig från sociala medier inlägg att återupptas till webb banners. Canva fungerar för nybörjare med absolut ingen erfarenhet också med sin enkla redigeringsplattform.

Canva erbjuder fördesignade bannermallar som användare enkelt kan redigera och anpassa. Du kan anpassa teckensnitt, bakgrundsfärger, teckenstorlek och stockbilder. Det är ett bra alternativ om du behöver en solid utgångspunkt och lite inspiration.

Bannersnack

Bannersnack kallar sig den ursprungliga bannertillverkaren. Men idag har deras verktyg utvecklats för att införliva bannerdesign som interaktivitet, animering och mer.

arbetsflödet för Bannersnack är inriktat på bannerdesignern som vet exakt vad hon vill, från storlek till färganpassning. Behöver du en 250 bisexuell 250 ad? En 320 kubi 50 optimerad för Mobil? En halv sida 300 x 600? Alla dessa och mer stöds.

det som också är användbart är att du kan spara ditt arbete i flera filformat (JPG, PNG, MP4, HTML5, GIF) för att hjälpa till att ta itu med allt innehåll du behöver för dina banners.

Adobe Spark

Adobe Spark är en gratis designapp som låter dig skapa professionella banners även från din mobila enhet (för iOS).

Adobe Spark fungerar särskilt bra för banners och innehåll på sociala medier.

OmniVirt

Om du funderar på att skapa annonser som hoppar av skärmen och verkligen fånga publikens uppmärksamhet, är uppslukande innehåll din bästa insats.

OmniVirt ’ s Ad Manager låter dig skapa 360-eller 3D-bannerannonser för en ny typ av interaktiv upplevelse. Läs mer om hur immersiva annonser som 360 megapixlar och 3D är en del av framtiden för reklam.

Fotor

Fotor är en fotoredigeringsplattform som ger många mallar, inbyggda bilder och former, hundratals teckensnittsalternativ och färgredigeringsalternativ som transparens och färgväljare. Liksom Bannersnack låter Fotor dig börja skapa din banner när du anger en storlek. Bonus: Du kan också skapa anpassade annonsstorlekar.

Fotor är ett bra alternativ om du vill skapa en banner som har ett verkligt foto.

HTML5 Maker

Om du vill bygga animerade banners kan HTML5 Maker vara rätt val för dig. HTML5 Maker ger dig också enkla alternativ för när du är klar med att skapa din annons: ladda ner som en HTML eller GIF, bädda in som responsiv JS eller en ClickTag eller skicka till AdWords.

HTML5 Maker lovar att dina banners kommer att vara lyhörda, vilket betyder att de ser bra ut oavsett skärmstorlek.

Google Web Designer

Google ger ut ännu ett värdefullt gratis verktyg, men det här låter dig skapa interaktiva HTML5-baserade mönster och rörlig grafik som kan köras på vilken enhet som helst.

det erbjuder också en komplett designpaket och om du är kodlutad kan du också anpassa (men det krävs inte).

andra användbara verktyg

IAB

Interactive Advertising Bureau (IAB) är en medlemsbaserad handelsgrupp som lägger ut tekniska standarder, forskning och bästa praxis kring digital marknadsföring.

Håll en kopia av IAB: s Standardportfölj för annonsenheter för att hålla koll på annonsstorlekar, filspecifikationer etc.

klicka på tagg

När du har skapat en banner kan du behöva lägga till en klicktagg så att du kan spåra annonsens prestanda. En klicktagg definierar klickbara webbadresser för varje utgång i din bannerannons. Här är en praktisk guide från Google om krav.

vallgrav

vallgrav är en 3: e parts verifierare som hjälper varumärken kontrollera resultatet av sina annonser. Ett coolt trick är att webbplatsen har visuella kopior av varje liveannons.

Sök efter ett varumärke och varje kampanj kommer att visas, vilket skapar en fullständig katalog över ganska mycket varje display bannerannons för närvarande lever.

Dribbble

Dribbble är en online community för designers och kreativa. Denna webbplats har massor av designinspiration och kontakter för att hjälpa till med tillgångsdesign för visningsannonser.

Webbbannerexempel

innan du utformar din första webbbanner, överväga den bästa bannerstorleken som uppfyller ditt varumärkes behov. Många av exemplen nedan är 300X250.

subtil banneranimering

denna shoemit-bannerannons visar subtil animering på ett sätt som belyser sina produkter och leder en publik till CTA ”Get Your Gift”

bygga animerade annonser kan fungera i olika storlekar, som det här WordStream-exemplet visar.

Creative product layouts

denna typ annons visar skickligt de olika smaker och naturliga ingredienser som används i sina produkter genom en enkel men kreativ layout av sina barer.

kopian är enkel för att ge mer fastigheter till produktbilden.

i detta Sephora-exempel är produkterna inte i centrum, men hjälper till att rama in CTA: det finns erbjudanden och exklusiva erbjudanden med dessa produkter och mer.

dessa ”tips” av produkter i annonsen hjälper till att förmedla meddelandet att det finns mer att upptäcka…klicka bara på länken!

interaktiva banners

denna GlaxoSmithKline creative ber användaren att interagera med sin annons. En del av dess överklagande bogserbåtar på användarens nyfikenhet: vad händer när jag klickar och drar p-piller i munnen?

denna IKEA kreativa träffar den punkt som IKEA lösningar passar ditt utrymme. Den ber en användare att justera storleken på annonsen för att hamra ner sitt meddelande.

se andra exempel på bannerannonser.

Immersive banners

Chips varumärke Takis gick 3D med sin interaktiva 3D-Display annons.

Sony Pictures skapade en 360-bildannonsbanner för att marknadsföra sin nya film Escape Room.