Få flere klik med disse tricks til webbanner-design

Webbannere er en af de mest populære, men også en af de mest dårligt udførte digitale markedsføringsmetoder derude. Løsningen er at være mere opmærksom på, hvordan du designer webbannere, og vi vil vise dig, hvordan du gør dine bannerannoncer uendeligt meget mere klikbare.

Når man er på nettet, møder man en uendelig strøm af webbannere. Problemet er, at hvis man spørger forbrugerne, hvilke bannere de husker, er der stor sandsynlighed for, at de ikke vil kunne svare dig. Det skyldes, at de fleste webbannere ikke bliver bemærket på grund af dårligt design.

Hvis du er designer eller virksomhed, der håber at forbedre klikraten for dine webbannere, er du kommet til det rette sted. Denne artikel gennemgår alle de felter, du skal afkrydse for at sikre, at dine webbannere får opmærksomhed, og at de bliver bemærket af de rigtige personer - den målgruppe, der er mere tilbøjelig til at klikke sig videre til dit websted.

Vi forklarer, hvad du skal gøre, hvis du kun har ressourcerne til at oprette grundlæggende bannerannoncer, og hvad der kræves, hvis du er fast besluttet på at tage dine bannerannoncer til det næste niveau af kreativitet og effekt.

Så lad os komme i gang!

Hvad er et webbanner, og hvorfor skal du være interesseret?

De fleste kender dem som displayannoncer, men webbannere er kun en af mange typer af displayannoncer.

Kort sagt er de annoncer, der er indlejret på websider, og som promoverer et produkt eller et mærke. Formålet er at få brugerne til at klikke på dem, så de navigerer til virksomhedens websted for at få gavn af det, der promoveres.

En god bannerannonce får mange klik, og det perfekte banner gør det ved hurtigt at fange din opmærksomhed og formidle et overbevisende budskab, der får dig til at handle, selv om dine øjne kun kortvarigt passerer over det.

Design af webbannere er en proces, hvor man følger specifikke designkriterier for at øge effektiviteten. Webbannere er blevet en af de mest populære digitale markedsføringsstrategier, fordi man kan måle deres effekt på en håndgribelig måde. De koster heller ikke en arm og et ben.

Webbannere består som standard af et billede, dit logo, tekst og, vigtigst af alt, en CTA-knap (call-to-action), der opfordrer dine kunder til at klikke på annoncen for at komme videre til dit websted.

Hvis du stadig ikke er overbevist om vigtigheden af webbannere, kan du overveje følgende fordele:

• De øger trafikken til dit websted : et effektivt webbanner vil få flere mennesker til at besøge dit websted, mens de surfer på internettet. Og lad os se det i øjnene, folk bruger meget tid online, så det er en god plads at være på.
• De spreder dine seneste nyheder: Uanset om du har introduceret en ny tjeneste, funktion eller rabat, vil webbannere sprede informationen vidt og bredt.
• De øger salget : Hvis du promoverer en specifik tjeneste eller et specifikt produkt på dine webbannere, vil du sandsynligvis øge dit salg. Hvor meget mere afhænger selvfølgelig af kvaliteten af dine webbannere.
• De hjælper med retargeting af brugere: De fleste mennesker vil ikke blive overtalt til at klikke sig videre til dit websted eller foretage et køb, første gang de ser en af dine annoncer. Men hvis du sender dem konsekvent, kan du målrette brugerne igen og gradvist overbevise dem om, at de skal handle.
• De fremmer kendskabet til mærket : Som vi har nævnt, er webbannere gode til at få flere øjne på dit brand. Så hvis du er en ny virksomhed, der forsøger at få fodfæste, bør webbannere være en vigtig del af din markedsføringsstrategi.

Det er klart, at webbannere er et vigtigt aktiv i din markedsføringskampagne, så det er bedst at få designet op til standarden. Din tilgang bør være drevet af kampagnens mål, da dette vil være afgørende for den CTA, du vælger, og den designretning, du tager.

Når du har valgt et mål, skal du sikre, at de forskellige nøgleelementer i webbanneret arbejder sammen for at nå dette mål.

Hvis du kun har tid og færdigheder til at skabe enkle webbannere, vil vi starte med at gennemgå de grundlæggende designelementer, der skal være på plads for at gøre dine webbannere klikbare.

Det grundlæggende i design af webbannere

De tekniske krav

Her er de tekniske detaljer, som du skal overveje, før du ser på den kreative side af sagen. Først skal du kende de forskellige størrelser for webbannere. Ifølge Google Ads omfatter disse størrelser:

• 300 ⨉ 250 px (inline-rektangel)
• 336 ⨉ 280 px (stort rektangel)
• 728 ⨉ 90 px (leaderboard)
• 970 ⨉ 90 px (stort leaderboard)
• 468 ⨉ 60 px (banner)
• 300 ⨉ 600 px (halv side)
• 160 ⨉ 600 px (bred skyskraber)
• 250 ⨉ 250 px (firkantet)
• 200 ⨉ 200 px (lille firkant)
• 300 ⨉ 50 px (mobilbanner)

Og af disse bannerstørrelser er de mest effektive og hyppigt anvendte størrelser, der udgør den ideelle bannerstørrelse, følgende:

• 728 ⨉ 90px (leaderboard)
• 300 ⨉ 600px (halv side)
• 300 ⨉ 250 px (medium rektangel)
• 336 ⨉ 280 px (stort rektangel)

Som sådan vil din første overvejelse være, om dit webbanner overholder standardbannerstørrelserne, hvilket gør det til et højtydende banner.

Dernæst skal du sikre, at dine bannerannoncer er placeret korrekt på den relevante webside. Sørg for at købe plads på et websted, hvor dit design med garanti vises over folden og i nærheden af det centrale indhold på siden. Det gør det mere sandsynligt, at brugerne lægger mærke til din annonce.

Et andet teknisk krav er at holde din filstørrelse så lille som muligt. Ifølge Google Ads-specifikationerne skal dine webbannere være mindre end 150 kb. Dette sikrer, at dine annoncer indlæses hurtigt, så brugerne kan se dem, før de scroller forbi.

Brug også de korrekte filformater og billeder af høj kvalitet, herunder GIF-, JPG-, PNG- eller HTML5-kildefiler. Hvis din designer bruger Photoshop eller Adobe Illustrator, vil han/hun oprette webbannere med billedfiler i filformater PNG, JPG eller GIF, men hvis han/hun bruger Adobe Animate eller Google Web Designer, vil kildefilen være i HTML5. Husk på, at Flash-annoncer ikke længere er i brug.

Endelig skal du lære de online platforme at kende, der har bannerskabere. Hvis du ikke har en dygtig webbannerdesigner ansat, må du nøjes med et bibliotek med bannerskabeloner. Skab bannere med branding (eller forretningsbannere) fra bunden, og forenkl designprocessen for digitale marketingbannere ved at bruge illustrationer fra banner design stockbilleder.

Med disse platforme kan du oprette et banner på få minutter, da du kan få adgang til en lang række gratis skabeloner til bannerdesign, herunder en kvadratisk bannerskabelon, vektorwebbanner, animeret webbanner, vertikalt banner, en simpel salgsskabelon til bannere og meget mere.

Du kan endda eksperimentere med design af bannere til sociale medier. Få mere at vide om, hvordan du kan reducere dine gennemløbstider med en bannerproducent under "Værktøjer til fremstilling af fængslende webbannere".

Når disse tekniske krav er på plads, er det tid til at gå videre til de kreative krav.

De kreative overvejelser

Design af bannere til digital markedsføring er afgørende, da mange faktorer kan påvirke dine annoncers succes drastisk. Ud fra et holistisk perspektiv skal du sikre, at dit bannerdesign opnår den rette balance mellem de forskellige elementer.

Som vi har nævnt, omfatter de relevante komponenter i et webbanner logoet, et billede, tekst og en CTA-knap.

Dit varemærkes logo bør være fremtrædende, så brugerne straks ved, hvilken virksomhed budskabet kommer fra. Dette er især effektivt, hvis dit varemærke er velkendt.

Logoet bør dog ikke være lige så visuelt dominerende som din CTA eller dit værditilbud, da dette element bør gøre det meste af arbejdet. Værditilbuddet kan bestå af en linje tekst, der præsenterer, hvad forbrugeren har at vinde, f.eks. en forretningsfremmende foranstaltning.

Det kan enten være en ny tjeneste eller måske den seneste funktion i dit produkt. Hold den så kort og slagkraftig som muligt, da webbannere ikke er så store, og du vil sikre dig, at din målgruppe får budskabet ved at scanne annoncen.

Det mest dominerende element er CTA-knappen, som motiverer folk til at klikke sig videre til dit websted, hvor de kan få adgang til den værdi, du har at tilbyde. Igen er det vigtigt at være kortfattet og virkningsfuld. Eksempler: "Lær mere", "Få det nu", "Opdag hvordan" osv.

Ændr størrelsen på overskriften og brødteksten for at gøre teksten mere læsbar, og sørg for, at teksten ikke indeholder mere end fire linjer.

Med hensyn til tekstens udformning skal du undgå en tynd skrifttype og kursive skrifttyper eller skrifttyper. Vi anbefaler også, at du undgår at skrive teksten med store bogstaver. Ideelt set bør din skriftstørrelse ikke være mindre end 10 pt. Den eneste undtagelse er, hvis der er tale om en ophavsretlig meddelelse eller en ansvarsfraskrivelse.

Hvert element skal overholde princippet om enkelhed. Husk, at dit publikum sandsynligvis kun vil scanne webbanneret, mens de bruger andet indhold. Jo mere strømlinet webbanneret er, jo mere sandsynligt er det, at de vil forstå budskabet og vide, hvad de skal gøre.

Placeringen af din CTA-knap er særlig vigtig, da den vil få klikprocenten op. Indsæt knappen efter teksten og placer den nederst til venstre eller til højre, og sørg for at gøre opmærksom på den ved hjælp af en farve, der står i kontrast til baggrundsfarverne. Denne placering bør være ensartet på tværs af dine forskellige annoncer for at gøre det lettere for brugerne at se den.

En fejl, der ofte begås, er rammens synlighed. Da folks øjne automatisk går til emnet i en ramme, er det afgørende at have en ramme, der skiller sig ud, så sørg for, at grafikken strækker sig til boksens kanter. Hvis du f.eks. har et hvidt webbanner, er det almindeligt at inkludere en grå kant, der er en pixel rundt om annoncen.

Statiske webbannere er en mulighed, men animerede webbannerannoncer giver ofte langt bedre resultater. Bare rolig, der er ingen grund til at gå amok - simple animationer på 15 sekunder er nok. Sørg for, at dine animerede bannere kun løber tre gange, og placer CTA'en i den sidste frame.

Det bør heller ikke komme som nogen overraskelse, at dine farvevalg vil spille en væsentlig rolle for annoncens effektivitet. Den generelle retningslinje er at skabe et webbanner med farvekombinationer, der supplerer hjemmesidens farver, men ikke i en sådan grad, at det ikke skiller sig ud. Prøv at fremkalde en vis uopsættelighed ved at integrere en farvepalet med kontrasterende farver - jo mere levende og dynamisk, jo meremere, vil dit publikum se op og lægge mærke til det.

Sidst, men ikke mindst, er billederne. De billeder, du vælger, skal give mening i forbindelse med dit budskab. Og hvis du ikke har adgang til en professionel fotograf eller designer, kan du altid bruge stockfotos eller stockillustrationer til bannerdesign.

Selvfølgelig er der intet, der slår kreativiteten og kvaliteten af originale grafikker og illustrationer. Så hvis dit brand er mere kunstnerisk anlagt, så prøv at undgå at bruge stockbilleder til design af marketingbannere.

Det kan overraske, at billeder ikke altid er nødvendige. Afhængigt af brandet og budskabet kan du opnå meget med en overbevisende tekst ledsaget af en tiltalende typografi. Begræns dig ikke til, hvad andre brands gør. Tænk grundigt over, hvad du ønsker at kommunikere, og hvordan du bedst muligt gør det.

Endelig er konsistens afgørende. Dine webbannere skal på en forudsigelig måde afspejle dit brands karakter, hvilket betyder, at annoncen skal passe til dit branding og den landingsside, den leder folk til.

Gå ud over det sædvanlige med dit webbanner-design

Når du har styr på de grundlæggende principper for design af webbannere, er det tid til at gå ind i de store ligaer ved at øge din kreativitet for at opnå endnu mere imponerende resultater. Her får du inspiration til at designe bannere af høj kvalitet, der giver bedre resultater.

Fantasifuldt billedsprog

Måske siger et billede mere end tusind ord, men det gælder bestemt ikke for alle billeder. Så hvis du har besluttet at inkludere et billede i dit webbanner, bør du overveje, hvordan du kan få billedet til at gøre en stor indsats.

Det mest effektive kunstneriske princip er "show, don't tell", og i denne henseende kan det rigtige billede gøre en stor del af arbejdet for dig. Start med at overveje, hvad du forsøger at opnå. Hvis du promoverer en ny menu på din restaurant, vil et kreativt foto i høj opløsning af maden nå ud til dit publikum meget hurtigere end at fortælle, at du tilbyder nye retter.

Det siger sig selv, at originale billeder snarere end banner design stock illustrationer bør være målet.

Jo mere fængende billedet er, jo mindre arbejde skal du gøre med din tekst. Og det gør webbanneret let at bruge. Hvad der er endnu bedre er, at du har mulighed for at ændre dine billeder, uanset om det er fotos eller illustrationer.

Du kan tilpasse, manipulere eller forbedre billedet med fotoeffekter for at skabe et karakteristisk udseende og en følelse, der på kreativ vis kommunikerer dit brand. Hvorfor ikke lege med at gøre billedet skarpere, lysere eller endda mere eller mindre fokuseret? Giv det liv ved hjælp af forvrængninger, filtre og glitch-effekten.

En anden strategi er at skabe en fotocollage i stedet for at nøjes med ét billede. Det afhænger naturligvis også af, om den ønskede størrelse tillader det, men for livsstilsmærker er det en effektiv måde at fremkalde minder og følelser på.

Lad dig heller ikke begrænse af standardbilleder. Eksperimenter med mere abstrakt grafik for at skabe abstrakte webbannere, der tiltrækker øjet takket være kunstneriske former eller abstrakte bannerbaggrunde. Hvis du først vil se, hvordan det kan se ud, kan du bruge en skabelon til et abstrakt designbanner.

Nogle gange bliver vi så vant til at se billeder af produkter og scener, at vi måske glemmer, hvor stærk en personlig forbindelse med et brand kan være. Hvorfor ikke skabe effektive bannerannoncer, der viser din virksomheds eller dit brands ansigt?

Selvfølgelig skal billedet stadig matche budskabet, men det er en glimrende måde at få brugerne til at komme i kontakt med personligheden bag operationen, hvilket sandsynligvis vil være mere mindeværdigt.

Tale om teksten

Der er også fascinerende idéer, du kan prøve med hensyn til teksten. For det første kan du overveje at eksperimentere med overlejrede tekstblokke. Det øger tekstens læsbarhed, især hvis du har valgt et mere travlt billede i baggrunden. En anden mulighed er at sløre billedet, så teksten træder tydeligere frem.

Husk, at billederne i sidste ende skal understøtte teksten, især CTA-knappen.

Du kan også gøre teksten mere indtagende ved at bruge virkningsfulde skrifttyper. Prøv noget lidt anderledes for at give dit banner mere personlighed. Og ligesom med billeder kan du tilføje noget kunstnerisk flair til teksten med teksteffekter. Der findes flere platforme, som tilbyder denne service.

Og når vi nu alligevel bryder med konventionerne, hvorfor så ikke vælge en mere kreativ type design? Du kan f.eks. lægge en lille type over en større type eller placere tekstdesignet over baggrundsbilleder. Dette fungerer især godt til sports- og underholdningsbrands.

Endelig kan du overveje at tilføje et interessant citat, som fanger det budskab, du ønsker at formidle. Du kan gøre det mere visuelt tiltalende ved at bruge en usædvanlig skrifttype eller kombinere det med et stærkt billede.

At blive kreativ med design

Selv om enkelhed er tommelfingerreglen for design af webbannere, betyder det bestemt ikke, at du skal være kedelig. Her er nogle idéer til, hvordan du kan ryste tingene op.

Uanset om du arbejder med et firkantet webbanner, et geometrisk banner med trekanter eller et vektorillustreret bannerdesign, skal du overveje at lægge de forskellige komponenter kreativt i lag. Bare fordi du har karakteristiske elementer, betyder det ikke, at du ikke kan integrere dem på utraditionelle måder.

En anden effektiv strategi er at gå helt minimalistisk til værks. Nogle gange kan det have den største effekt at skære banneradvaredesignet ned til det allermest nødvendige, så du skal ikke være bange for at fjerne komponenter, som du ikke har brug for.

For eksempel kan du i forbindelse med design af et ejendomsmæglerwebsted beslutte, at du ikke har brug for andre tekster end CTA'en, eller du kan indse, at et enkelt abstrakt billede er mere effektivt end et mere fyldigt billede.

Uanset hvad, så er din eneste rigtige opgave, når du laver et banner til reklame, om det kommunikerer kernebudskabet, så lad være med at inkludere unødvendigt rod bare for at få det.

Overvej også ikoner frem for billeder. Det gode ved ikoner er, at de sparer dig for en masse tid med hensyn til design og fungerer godt til at skabe konsistens på tværs af dit markedsføringsmateriale. Du kan også tilpasse dem og integrere fladfarvede ikoner i dine sociale billeder eller baggrundsbilleder.

Endelig skal du ikke undervurdere styrken af et simpelt webbanner med et brand, især hvis dit mål er at skabe opmærksomhed omkring dit brand. Der er intet galt med en annonce, der udelukkende kommunikerer brandet og det, det står for.

Leg med billeder af begivenheder fra virksomheden og brug nogle af de kreative teknikker, der er nævnt ovenfor, til at fortælle virksomhedens historie på en mere utraditionel måde.

3 eksempler på web-bannere diskuteres

Lad os gennemgå nogle eksempler på, hvordan andre brands har anvendt ovenstående principper.

Eksempel 1

I dette eksempel kan vi se, at logoet er fremtrædende og faktisk er større end CTA'en, hvilket er ret usædvanligt. Det indikerer, at et af de primære mål for dette brand er at øge kendskabet.

Teksten er kort og slagkraftig og formidler klart det overordnede budskab om, at deres sportssko gør dig til en bedre spiller ved at give dig mere kontrol.

Billedet er en anden dominerende faktor, som fungerer godt, fordi det viser deres brandambassadør - basketballspilleren Steve Curry - iført skoene, hvilket giver brandet og produktet en meget større legitimitet.

Og nederst har vi CTA-knappen, som endda indeholder deres webadresse, fordi den er så kort. Selv om dette er et mere traditionelt webbanner, afbalancerer det effektivt alle elementer.

Eksempel 2

Skærmbillede af en animeret Adobe Acrobat webannonce

Det, der gør dette webbanner så virkningsfuldt, er dets minimalisme. I stedet for at overkomplicere tingene valgte de et enkelt, vittigt budskab, der går lige til sagen: "Acrobat kan det".

Meddelelsen ledsages af en forenklet fremstilling af, hvad softwaren kan gøre: e-signaturer på din mobiltelefon.

Du kan straks se, hvilket mærke det er, fordi de har indsat deres logo i nederste venstre hjørne. Det er tydeligt nok til at blive bemærket, fordi der er en slående farvekontrast mellem rød og hvid.

Det centrale budskab er der for at henlede vores opmærksomhed på CTA-knappen, som indeholder værditilbuddet - at du kan prøve softwaren gratis.

Dette viser, at du ikke behøver komplekse layouts, og at dine designbeslutninger altid skal være motiveret af det centrale budskab, du kommunikerer.

Eksempel 3

Dette mærke har valgt en helt anderledes tilgang ved at bruge en legende og finurlig illustration til at vise sit produkt. Kernebudskabet er vist med stor tekst, hvilket gør det synligt med det samme. Det står også i flot kontrast til den bløde lyserøde baggrund, hvilket får det til at skille sig endnu mere ud.

Brand-logoet viser produktet i midten af rammen, hvilket garanterer, at vi ser det. Nederst har vi CTA'en, som skiller sig ud takket være den hvide tekst og den røde baggrund, hvilket skaber en effektfuld kontrast.

Det fantastiske ved denne annonce er den kreativitet, de har brugt til at skabe en illustration, der fanger brandets tone.

Værktøjer til udarbejdelse af fængslende web-bannere

Online Banner generatorer

Hvilke værktøjer du har brug for, afhænger af, om:

• du ønsker at skabe et webbanner, der opfylder alle de grundlæggende krav ovenfor, eller
• du ønsker at gøre en ekstra indsats for at skabe noget, der virkelig har en effekt.

Hvis dit svar er det første, kan du overveje at vælge online bannerproducenter, der gør det muligt at lave webbannere hurtigt og nemt via hundredvis af bannerskabeloner. Eksempler på online bannerproducenter er Visme, Vista og Adobe Express.

Med disse værktøjer kan du vælge mellem et stort udvalg af foruddesignede skabeloner, herunder:

• en skabelon til en lodret bannerstand
• en abstrakt design banner skabelon
• et geometrisk banner med trekanter
• en banner skabelon vektor
• firkantede webbannere til apps til sociale medier
• bannere til opslag på sociale medier
• og så meget mere.

Ved at bruge disse bannerskabeloner kan du udvide dit udvalg af webbannere, da det er en hurtig og nem måde at udvikle dine færdigheder inden for design af webbannerannoncer på.

Overvej at eksperimentere med et design af en skabelon til salgbannere eller abstrakte webbannere, der integrerer en abstrakt bannerbaggrund. Eller leg med vektorillustrationer til dit bannerdesign, og skab personlige bannere ved hjælp af unik bannergrafik.

Disse bannergeneratorer giver dig mulighed for at indsætte billeder og tekst med lethed. Du kan slå op i de banner-designbilleder, du ønsker, og indsætte dem i den type banner, du ønsker at designe. Du kan tilpasse dit banner-design ved at ændre farverne eller animere det.

Skab smukke bannere, der integrerer gradientfarver, dristige farver eller flade farveikoner, og det bedste af det hele er, at du kan gøre det med hurtige leveringstider.

Sociale medieplatforme er også udstyret med online bannergeneratorfunktioner. Nu kan du få adgang til bannerskabeloner i dashboardet på sociale mediekanaler for at oprette brandede bannere og andre effektive bannerannoncer gratis.

Et sofistikeret værktøj til bannerdesign

Men som med enhver skabelon vil du finde begrænsninger, der forhindrer dig i at lave et virkelig fængslende webbanner, der får de klik, du leder efter.

Hvis du er klar til at forvandle dine webbannere til kunstværker, der trækker folk ind, er det på tide at vælge sofistikeret design-software som Vectornator.

Når du skaber stemningsfulde illustrationer, har du alle tænkelige værktøjer til din rådighed. Design kompleks digital kunst ved hjælp af præcise vektorværktøjer og penværktøjet til at skabe udførlige stier, der giver spektakulære visuelle illustrationer til vektorillustrationer til bannerdesign.

Med Vectornator har du også mulighed for at bruge en digital blyant, dit tastatur og din mus, en tegneplade eller en touchscreen til at lave dine tegninger.

Udarbejd fantastiske bogstaver med et strømlinet og intuitivt værktøj, der giver dig mulighed for at udføre kalligrafi, håndskrift og typografi. Det er alt, hvad du har brug for til at producere de kreative bannere i høj kvalitet, som vi har talt om.

Prøv det gratis, og oplev glæden ved ægte kunstnerisk frihed.

Download Vectornator for at komme i gang

Løft dine designs til det næste niveau.