Animerede bannerannoncer: bevægelse, der hjælper budskabet

Gode animerede bannerannoncer bruger bevægelse til at fange øjet én gang og så komme af vejen for budskabet. Den pålidelige struktur er tre billeder: en krog, værdien og et slutbillede med brandet og en tydelig opfordring til handling, der bliver stående. Hold hele sekvensen kort, få det sidste billede til at virke som en stillestående annonce alene, og hold filen let, for annoncenetværk begrænser både, hvor længe animationen kører, og hvor tung filen må være.

Storyboardet på tre billeder

Bannerannoncer ses i forbifarten ved siden af noget, læseren faktisk kom for. Ingen venter på, at et banner bliver færdigt. Planlæg sekvensen, så hvert billede giver mening alene, og rækkefølgen fortæller en lille historie.

1. 1

   Billede 1: krogen

   Én kort linje eller ét slående billede. Dets eneste opgave er at få nogen til at kigge. »Dit skrivebord, roligere.« To til tre sekunder.

2. 2

   Billede 2: værdien

   Hvad du tilbyder, i læserens egne vendinger. »Kabelbakker, der passer til ethvert skrivebord.« To til tre sekunder.

3. 3

   Billede 3: slutbilledet

   Logo, tilbuddet kort og en opfordring til handling formet som en knap. »Se kollektionen.« Dette billede bliver stående, til annoncen stopper.

Det samme storyboard virker til annoncer på sociale medier, som som regel er korte videoer frem for bannere. Design af Facebook-annoncer og design af Instagram-annoncer dækker de formater.

Timing og loops i animerede bannerannoncer

Mange annoncenetværk og udgivere begrænser, hvor længe animationen må køre, og hvor ofte den må loope, og grænserne varierer. Google Ads begrænser for eksempel uploadede animerede annoncer til 30 sekunders animation. Tjek den gældende specifikation hos hvert netværk, du køber hos, og design, så annoncen slutter på sit stærkeste billede uanset grænsen.

Standardstørrelser til bannerannoncer

Displaynetværk bruger et sæt standardstørrelser. En kampagne dækker som regel flere af dem, så design et system i stedet for én annonce: et layout, der omarrangerer sig til brede, høje og små pladser og beholder de samme ord, farver og bevægelse.

GIF eller HTML5 til animerede bannere

De fleste displaynetværk accepterer animerede annoncer som enten GIF eller HTML5, en lille pakke af HTML, CSS, JavaScript og billeder. HTML5 giver jævnere bevægelse, skarp tekst i enhver tæthed og fuld farve og passer til rigere annoncer. GIF er enklere at lave og accepteret næsten overalt, men dens grænse på 256 farver får gradienter til at vise bånd. Grænserne for filvægt er stramme på begge, målt i kilobyte frem for megabyte, så tjek hvert netværks specifikation.

Hvis du vælger GIF, holder teknikkerne i animerede GIF’er vægten nede: færre billeder, en palet bygget ud fra animationen og så lidt af billedet i bevægelse som muligt. Til selve bevægelsen er ensartet easing det, der skiller et poleret banner fra et hakkende.

Designregler, der får bannere til at virke

En karakteristisk baggrund er den billigste måde at blive genkendt på tværs af en kampagne. Når det samme farvefelt bevæger sig bag hvert billede og hver størrelse, begynder folk at forbinde bevægelsen med dig, før de har læst et ord. Test variationer af krogen frem for hele annoncen. Test af annoncekreativer forklarer, hvordan du gør det retfærdigt.

Gradiently passer til kampagnens sociale del. Design krogen og slutbilledet på en Mark, der tilhører dig, tilpas til 1080×1080, 1080×1350 og 1080×1920 i ét trin på Pro, og eksportér hver som MP4. Marken gengives til hvert format, så dens rolige område stadig sidder bag ordene i alle størrelser.