{"id":66829,"date":"2017-08-07T05:00:34","date_gmt":"2017-08-07T03:00:34","guid":{"rendered":"https:\/\/spotler.com\/blog\/animated-gif-in-e-mail-design"},"modified":"2024-12-10T13:44:52","modified_gmt":"2024-12-10T12:44:52","slug":"animated-gif-in-emaildesign","status":"publish","type":"blog","link":"https:\/\/spotler.com\/nl-nl\/blog\/animated-gif-in-emaildesign","title":{"rendered":"Animated gif in e-mail design"},"content":{"rendered":"<p><strong>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 \u00e9n kunnen de inhoud verduidelijken. <\/strong><strong>De afkorting GIF staat voor Graphics Interchange Format en de techniek is \u00f3f frame-by-frame \u00f3f een timeline \u00f3f een aantal achter elkaar geplaatste videoframes. GIF-animaties doen \u2019t goed als humorelement in je e-mail of als je wilt laten zien hoe dingen werken. Er zit immers een volgorde aspect in.<\/strong><\/p>\n<h2 class=\"wp-block-heading\" id=\"h-animated-gif-in-e-mail-gebruik-doelgericht\">Animated GIF in e-mail: gebruik doelgericht<\/h2>\n<p>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?<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-animated-gif-in-e-mail-vooral-inzetbaar-voor-web-en-mobile\">Animated GIF in e-mail: vooral inzetbaar voor web en mobile<\/h2>\n<p>Animated GIF&#8217;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.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-nu-ook-animaties-gebruiken-in-outlook\">Nu ook animaties gebruiken in Outlook<\/h3>\n<p>De animaties die je in je mailing plaatst is nu niet alleen meer zichtbaar wanneer je de e-mail online bekijkt. Outlook heeft zich ingezet om ervaringen te cre\u00ebren waar onze doelgroep blij van wordt door ook de mogelijkheid te bieden om geanimeerde GIF&#8217;s in hun software te ondersteunen. Nu kan je in de mailing naar je doelgroep(en) animaties plaatsen ongeacht welk e-mail client zij gebruiken.<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-inzicht-in-gebruik-van-e-mail-clients\">Inzicht in gebruik van e-mail clients<\/h2>\n<p>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.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"559\" height=\"224\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2021\/11\/Email-opens-en-kliks-sinds-2016.png\" alt=\"\" class=\"wp-image-6508\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2021\/11\/Email-opens-en-kliks-sinds-2016.png 559w, https:\/\/spotler.com\/wp-content\/uploads\/2021\/11\/Email-opens-en-kliks-sinds-2016-300x120.png 300w, https:\/\/spotler.com\/wp-content\/uploads\/2021\/11\/Email-opens-en-kliks-sinds-2016-474x190.png 474w\" sizes=\"(max-width: 559px) 100vw, 559px\" \/><figcaption class=\"wp-element-caption\">Opens en kliks sinds 2016, bron National E-mail Onderzoek 2021<\/figcaption><\/figure>\n<\/div>\n<p>Hieronder vind je twee mooie voorbeelden van animaties in e-mail.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-jumbo-familiebedrijf-bestaat-100-jaar\">Jumbo \u2013 Familiebedrijf bestaat 100 jaar<\/h3>\n<ul class=\"wp-block-list\">\n<li>Soort\/werking animatie: animatie met jubileumtaartje met brandende kaartjes en dwarrelend confetti.<\/li>\n<li>Techniek: animated gif<\/li>\n<li>Doel: promoten van jubileumtaartje<\/li>\n<li>Bestandsgrootte animatie: 271kb<\/li>\n<\/ul>\n<p>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:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"646\" height=\"845\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Jumbo-mailing-gif.png\" alt=\"Jumbo mailing met gif\" class=\"wp-image-4701\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Jumbo-mailing-gif.png 646w, https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Jumbo-mailing-gif-229x300.png 229w, https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Jumbo-mailing-gif-145x190.png 145w\" sizes=\"(max-width: 646px) 100vw, 646px\" \/><\/figure>\n<\/div>\n<p>De animatie die in de mailing zat:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"296\" height=\"190\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/21663-JUMBO-WK-39-I-Jumbo100jaar-desk.gif\" alt=\"Jumbo feestelijke gif\" class=\"wp-image-4700\"\/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\" id=\"h-domino-s-sale-promotie\">Domino&#8217;s \u2013 sale-promotie<\/h3>\n<ul class=\"wp-block-list\">\n<li>Soort\/werking animatie: er worden 4 verschillende pizza&#8217;s getoond<\/li>\n<li>Techniek: animated gif<\/li>\n<li>Doel: 10% korting op alle pizza&#8217;s<\/li>\n<li>Bestandsgrootte animatie: 696kb<\/li>\n<\/ul>\n<p>Domino&#8217;s heeft voor hun Domino&#8217;s Delivery Days een subtiele animatie bedacht om de aandacht van de lezer te trekken.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"607\" height=\"757\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Domino-mailing-gif.png\" alt=\"Domino's mailing met gif\" class=\"wp-image-4703\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Domino-mailing-gif.png 607w, https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Domino-mailing-gif-241x300.png 241w, https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Domino-mailing-gif-152x190.png 152w\" sizes=\"(max-width: 607px) 100vw, 607px\" \/><\/figure>\n<\/div>\n<p>De promotie is voor alle pizza&#8217;s, maar om de lezer te verleiden hebben zij de 4 populairste pizza&#8217;s in een gif geplaatst.&nbsp; De animatie:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"600\" height=\"464\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2017\/08\/Domino-mailing-gif.gif\" alt=\"Domino's gif\" class=\"wp-image-4702\"\/><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\" id=\"h-download-white-paper-design-in-e-mail-marketing\">Download white paper Design in e-mail marketing<\/h2>\n<p>Een animated GIF is slechts \u00e9\u00e9n 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 <a href=\"https:\/\/spotler.com\/nl-nl\/whitepapers\/design-in-emailmarketing\">Design in e-mail marketing<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je e-mail design een boost geven? Verwerk animated GIF in je e-mailcampagnes.<\/p>\n","protected":false},"author":25,"featured_media":73222,"template":"","cat_industry":[],"cat_topic":[1000],"class_list":["post-66829","blog","type-blog","status-publish","has-post-thumbnail","hentry","cat_topic-email-marketing-nl-nl"],"acf":[],"_links":{"self":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/blog\/66829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/users\/25"}],"version-history":[{"count":2,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/blog\/66829\/revisions"}],"predecessor-version":[{"id":71670,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/blog\/66829\/revisions\/71670"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/media\/73222"}],"wp:attachment":[{"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/media?parent=66829"}],"wp:term":[{"taxonomy":"cat_industry","embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/cat_industry?post=66829"},{"taxonomy":"cat_topic","embeddable":true,"href":"https:\/\/spotler.com\/nl-nl\/wp-json\/wp\/v2\/cat_topic?post=66829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}