Animated gif in e-mail design

Animaties of animated gifs bestaan al een tijdje, maar blijven mooie designelementen. Je kunt er fantastische stijleffecten mee bereiken. Een gif-animatie is een filmpje van meerdere afbeeldingen achter elkaar. Zoals een flipbook of tekenfilm. Animaties brengen de inhoud van een e-mail tot leven én kunnen de inhoud verduidelijken.

De afkorting GIF staat voor Graphics Interchange Format en de techniek is óf frame-by-frame óf een timeline óf een aantal achter elkaar geplaatste videoframes. GIF-animaties doen ’t goed als humorelement in je e-mail of als je wilt laten zien hoe dingen werken. Er zit immers een volgordeaspect in.

Animated GIF in e-mail: gebruik doelgericht

Bij het gebruik van animaties in e-mail geldt wel hetzelfde als voor alle andere vormen van content in e-mail marketing (en marketing in het algemeen): overdaad schaadt. Zorg dus dat er vooraf goed is nagedacht over het doel en de functionele waarde van een animatie in een e-mail: is het nuttig of entertainment, of allebei?

Animated GIF in e-mail: vooral inzetbaar voor web en mobile

Animated GIF’s werken goed op web clients en mobiele clients voor e-mail. Denk hierbij aan Gmail en Outlook.com, maar ook aan Apple Mail en de mobiele clients van iOS en Android.

Waar werkt het dan eigenlijk niet?

Vooral op Outlook werken animaties niet goed. Mocht je doelgroep dus vooral uit contacten met Outlook-adressen bestaan, dan is de kans groot dat deze contacten de animaties in je e-mail campagnes niet kunnen zien.

Toch animaties gebruiken in Outlook

Maar ook bij veel Outlook-adressen kun je er nog steeds voor kiezen om animaties in te zetten. Het is dan een optie om bovenin de e-mail niet het standaard ‘Bekijk deze e-mail online’ op te schrijven, maar bijvoorbeeld ‘Online zie je ook de animaties’. Immers, zodra de mail online wordt bekeken, zijn ook de animaties weer zichtbaar.

Inzicht in gebruik van e-mail clients

Wil je meer zekerheid over de e-mail clients die je doelgroep(en) gebruiken, kijk dan in je e-mail marketingsoftware. Daarin kun je gedetailleerd teruglezen of je doelgroep liever via Outlook of via web- en mobiele clients je mailings lezen.

opens-per-email-client-mailplus-email-marketing

Hieronder vind je twee mooie voorbeelden van animaties in e-mail.

Rituals – Promotie Kerstshoppen

  • Soort/werking animatie: animatie met highlights van promotievideo voor kerstshopping
  • Techniek: animated gif
  • Doel: promoten van kerstshoppen in de webshop
  • Bestandsgrootte animatie: 828kb

Om het kerstshoppen via de webshop te promoten, had Rituals een video gemaakt. Van deze video is een animated GIF gemaakt. De mailing zag er als volgt uit:

rituals-christmas-shopping-email-marketing-campagne-animatie

De online versie met animatie: Rituals e-mailing

De animatie:

Animated-GIF-rituals-animatie-email-marketing-voorbeelden-1

Doordat een groot deel van de doelgroep animaties prima kon zien in hun e-mail client (meer dan 90%) was het een leuke toevoeging om een animated GIF in te zetten voor deze kerstcampagne.

Holland America Line – sale-promotie

  • Soort/werking animatie: onderaan de 3-day sale balk wordt een tekstbalk ingeschoven en weer uitgeschoven met andere tekst
  • Techniek: animated gif
  • Doel: promoten van 3-daagse sale
  • Bestandsgrootte animatie: 157kb

Holland America Line heeft voor zijn 3-day sale een subtiele animatie bedacht voor de subtekst in het sale-blok.

holland-america-line-tekst-animatie-gif

De subtekst beschrijft het volgende:

  • book now for best selection
  • wordwide destinations…exceptional value

De eerste tekst verschijnt als fade-in, terwijl de tekstbalk voor het tweede deel naar boven schuift onder sale en daarna weer naar beneden schuift en wordt getoond. Een subtiele maar toch effectieve manier om aandacht te vragen voor de sale. De animatie:

Animated-GIF-holland-america-line-animatie-email-marketing-voorbeeld-2

Download white paper Design in e-mail marketing

Een animated GIF is slechts één van de aspecten die een rol spelen bij design in e-mail marketing. Zo kun je in het design ook werken met een uitklapmenu, een carrousel, met verschillende calls-to-action, een dynamische footer en nog 19 aspecten. Wil je meer weten over design in e-mail marketing en alle aspecten die daarbij een rol spelen, download dan ons white paper Design in e-mail marketing.

Deel dit verhaal, kies je platform

Geschreven door:

Redactie
Zoeken

Populaire berichten

We gebruiken cookies. Met deze cookies verbeteren we de gebruiksvriendelijkheid van onze website. Daarnaast kunnen we je hierdoor gepersonaliseerde content bieden op Spotler.com, via onze andere kanalen en andere media. Als je verder surft, accepteer je onze cookies. NB. We onthouden je keuze zodat je niet iedere keer dat je onze website bezoekt deze vraag te zien krijgt. Meer informatie

De cookie-instellingen op deze website zijn ingesteld op 'toestaan cookies "om u de beste surfervaring mogelijk. Als u doorgaat met deze website te gebruiken zonder het wijzigen van uw cookie-instellingen of u klikt op "Accepteren" hieronder dan bent u akkoord met deze instellingen.

Sluiten