Animation Email : 4 façons d’être plus créatif avec les GIF dans l’email

Publié le : 29 décembre 2018 par Damien Devisme

Old school, voire dépassé, le GIF dans l’email ? C’est pourtant l’un des formats les plus simples (et les plus puissants) pour rendre vos campagnes email marketing plus vivantes… et plus performantes. La preuve.

Dans son enquête annuelle consacrée au design des emails, Litmus publiait un chiffre plutôt étonnant : plus de 4 annonceurs sur 10 n’utilisent jamais (ou rarement) les animations de type GIF dans leurs campagnes.
Pourtant, le GIF dans l’email, c’est un « classique ». Supporté par une immense majorité de clients email et de webmails (à l’exception notable des version 2007, 2010 et 2013 d’Outlook), le GIF est un des éléments à intégrer absolument dans votre réflexion si vous cherchez à mieux définir la charte graphique de vos campagnes. Et un atout de choix pour vous permettre dans le cadre de vos emails et newsletters de :

  • mieux mettre en valeur vos produits
  • développer efficacement des éléments narratifs (et convaincants)
  • accompagner efficacement la présentation d’une collection ou d’un assortiment
  • et attirer l’attention du destinataire sur des zones clés de l’email

Tirer profit des formats du GIF dans l’email, et le faire de façon créative : le tour de la question pour servir ces 4 grands objectifs… exemples à l’appui.

1. Utiliser les GIF dans l’Email pour enrichir la mise en scène de vos produits

Une belle photo de votre produit phare, c’est bien. Une animation de type Slider qui permet de le montrer sous plusieurs angles, ou de le présenter dans une mise en scène cohérente avec l’univers et la charte graphique de votre marque, c’est encore mieux ! Et c’est bien le premier intérêt du GIF dans l’email.

Moynat : le GIF façon « pop art »

Comme nombre de marques de luxe, Moynat aime s’approprier les codes de l’art. Pour communiquer sur les coloris estivaux de son sac Madeleine, le marroquinier adopte donc une esthétique « pop art » : couleurs vives en aplat, alternance de photographies et de dessin au trait pour souligner la structure des coutures. De la belle ouvrage.

GIF dans l'email : Moynat
Moynat va un peu plus loin que la simple présentation de son produit avec cette animation ludique et colorée.
GIF dans l'email : Moynat

Tag Heuer : un GIF en coup de projecteur

Pour annoncer sa collaboration avec le designer que tout le monde s’arrache (Hiroshi Fujiwara, le « parrain du streetwear »), Tag Heuer parvient à concilier annonce choc et prise de parole sobre. En noir et (un peu) blanc, avec un GIF qui met progressivement en lumière sa montre : élégant, mais efficace.

GIF dans l'email : Tag Heuer
Un modèle de Tag Heuer qui se dévoile progressivement dans la lumière.

Allbirds, le GIF façon ligne claire

Encore un bel exemple d’alignement entre les codes d’une marque, ses valeurs, et son utilisation du GIF. Fabricant de sneakers « écologiques », Allbirds dévoile 5 nouveaux coloris avec une animation au trait très « ligne claire ».
Et en profite pour injecter un peu de FOMO dans son message : comme le mouton mérinos dont est issue sa laine, la marque californienne nous incite à jeter un œil à ses nouveaux modèles… avant qu’ils ne s’envolent hors de portée.

GIF dans l'email : Allbirds
Allbirds met en scène ses sneakers dans un GIF à l’esprit cartoon.

Asics : zoom sur la technicité grâce au GIF dans l’email

Pour le lancement de sa petite dernière (la Gel-Nimbus 21), Asics met l’accent sur ce qui la différencie de la concurrence : une foule d’innovations techniques qui constituent autant d’arguments de vente pour sa cible de runners avertis.
Dans l’univers très technophile de la chaussure de course, le discours est attendu. Mais les petits GIF qui simulent une vision au microscope véhiculent efficacement le propos : des innovations de pointe, pour améliorer le confort et la performance du sportif.

GIF dans l'email : Asics
Asics zoome sur les atouts techniques de son dernière modèle.

2. Tabler sur le pouvoir narratif de l’animation dans l’email

Une animation, c’est de la narration ! Avec une succession de visuels, vous pouvez :

  • raconter une histoire (courte…)
  • aider vos destinataires à mieux comprendre un service
  • détailler une manipulation à effectuer, etc.

Le GIF dans l’email, avec sa simplicité et sa concision, se révèle parfait dans cet exercice.

Jouer l’effet « demo » sur un produit, comme Okaidi, Brioni, Kate Spade…

Parfois (souvent, même), une image « parle » mieux qu’un long discours. Notamment lorsqu’il s’agit de faire comprendre le « plus » d’un produit. Pour expliquer ce qui différencie les baskets « caméléon » d’Okaïdi, le sac « luciole » de Kate Spade, ou le manteau « tatou » de Brioni, il faut bien plusieurs lignes de texte. Ou des métaphores animalières pas très explicites…
En revanche, avec un bon GIF, les email qui présentent ces produits innovants et surprenants se comprennent en quelques instants.

GIF dans l'email : Okaidi
La « magie » de la basket d’Okaïdi compréhensible d’un coup d’œil.

GIF dans l'email : Kate Spade
Un sac brillant, un GIF de Kate Spade qui l’est tout autant !

GIF dans l'email : Brioni
Plier, zipper, emporter : le petit plus d’un manteau Brioni dans un GIF.

Simplifier un service, avec des GIF dans l’email « pas à pas » : les exemples de Faguo, Plum et Yoox

11,1 secondes : ce serait le temps dont vous disposez (en moyenne) pour faire passer votre message dans un email. Autant dire que c’est nettement insuffisant lorsque vous voulez mettre l’accent sur un service (livraison, réservation, aide au shopping…), surtout s’il est relativement complexe.
Une animation de type GIF fait merveille dans ce genre de contexte. Faguo explicite ainsi étape par étape le fonctionnement de son module d’e-réservation (bien utile dans le rush des courses de Noël…).

GIF dans l'email : Faguo
Comment effectuer son e-réservation : Faguo nous l’explique pas à pas.

Plum (un concurrent très premium d’Airbnb) allie quant à lui petites saynètes genre cartoon et courts textes pour mettre en avant le soin maniaque avec lequel il sélectionne ses locations (c’est son principal axe de différenciation).

En un, deux, trois, quatre, cinq GIF, Plum détaille sa méthode de sélection.

Yoox, enfin, dévoile en quelques images les fonctionnalités de son application Yoox Mirror (essayage avec un mannequin virtuel, avec fonctionnalités de partage social).

GIF dans l'email : Yoox
Un aperçu express de l’application d’essayage virtuel de Yoox.

Rendre plus palpables des options, configurations, personnalisations : comme le font Eastpak, Lacoste, Nike, et Marc Jacobs

Votre produit existe en 4 coloris différents ? Un GIF dans l’email. Vos clients peuvent en personnaliser le logo, les matières, les teintes ? Un GIF dans l’email. Ils ont la possibilité d’accessoiriser et de créer « leur » produit ? Un GIF dans l’email (oui, encore).
La possibilité d’exposer en quelques instants les multiples configurations offertes, c’est en effet l’un des grands avantages de l’animation sur l’image « fixe ». La façon dont les annonceurs utilisent ensuite le GIF est affaire de contexte, de rapport au produit présenté, et d’ADN de marque : plutôt fun et joueuse comme Marc Jacobs, techno pour Nike et Eastpak, discrètement chic pour Lacoste…

GIF dans l'email : Marc Jacobs
Marc Jacobs s’amuse avec les coloris et configurations de son sac.

Les possibilités du service de personnalisation Nike ID en une animation.

Une façon subtile de dévoiler les coloris disponibles signée Eastpak.

À quoi ressemble mon polo avec un croco différent ? Réponse en une image.

Jouer l’effet « série », comme Nature & Découvertes

Du 1er au 24 décembre : le calendrier de l’Avent façon « un jour, une idée de cadeau » est devenu un grand classique en retail et en e-commerce. Mais il est toujours possible de twister un peu le procédé pour en renouveler l’intérêt.
C’est le parti pris par Nature & Découvertes, qui utilise le même code créatif pour chaque GIF dévoilé dans les 24 emails d’avant le jour J : une boule de Noël en papier cadeau, qui s’ouvre pour dévoiler l’idée du jour.
Double avantage : la marque construit un discours cohérent d’un bout à l’autre de sa séquence d’emails. Et elle capitalise sur l’effet « série » : à se demander si le destinataire n’attend pas avec impatience l’email suivant pour découvrir sa surprise du jour…

GIF dans l'email : Nature & Découvertes

Une case « GIFée » par jour : le calendrier de l’Avent par email de Nature & Découvertes

Teaser ses vidéos, à l’instar de Dior, Jacadi ou Bottega Veneta

Un spot TV à l’occasion d’un lancement de produit. Une vidéo produite pour votre chaîne YouTube, votre blog ou vos réseaux sociaux. C’est de la matière rêvée pour vos campagnes email !
C’est possible en rendant la vidéo lisible dans l’email grâce à Dartagnan. Mais aussi en en remontant un court extrait sous forme de GIF pour créer un effet teaser. On recommande d’ailleurs de faire les deux, le GIF servant de fallback dans les clients et webmails ne permettant pas la lecture des vidéos.
Dior, pour la campagne de lancement du parfum Joy, Bottega Veneta à l’occasion du coup d’envoi de sa collection automne, ou Jacadi pour le jour de Noël font un usage impactant de cette technique.

GIF dans l'email : Dior
La publicité TV du nouveau parfum Dior en teasing dans ses campagnes email marketing.

GID dans l'email : Bottega Veneta
Un GIF traité façon vidéo en split screen.

GIF dans l'email : Jacadi
Le mini-film de Noël de Jacadi.

Simplement « parler » à vos clients grâce à l’animation dans l’email

Dans un email, on peut animer des images. On peut aussi faire vivre tout simplement du texte, pour véhiculer le message avec une efficacité décuplée.
Everlane, en trois petites phrases, décomplexe les retardataires de Noël (et promeut malicieusement ses cartes cadeau).

GIF dans l'email : Everlane
La liste d’excuses d’Everlane déculpabilise ceux qui se rabattront sur une carte cadeau.

Le lunetier Warby Parker joue aux devinettes dans son style coloré.

GIF dans l'email : Warby Parker
Du texte, de la couleur, un peu d’animation : on peut faire beaucoup avec peu.

Et Made.com insiste sur les délais pour être livré à temps à Noël.

GIF dans l'email : Made.com
Minimaliste et efficace, le compte-à-rebours de Made.com.

3. Dévoiler un assortiment, une collection… en GIF dans l’email

Peu de place, beaucoup à dire et à montrer : dans vos campagnes email, le « pixel carré » est rare et cher ! Bien utilisé, le GIF vous permet de faire le meilleur usage du peu de surface disponible sur l’écran de votre destinataire. Et du peu d’attention que ce dernier vous accorde…

Topshop superpose les looks

Lorsqu’on a, comme la marque de prêt-à-porter londonienne Topshop, de très nombreux produits à mettre en avant, le choix du contenu d’une campagne de promotion peut se révéler cornélien…
Topshop s’en sort bien, grâce à deux GIF complémentaires. Le premier adopte un style « découpage de magazine » pour superposer différents looks, le second anime une grille de produits. L’enseigne multiplie ainsi par deux ou trois le nombre de vêtements visibles par ses cibles.

Un maximum de produits visibles sur un minimum de surface.

GIF dans l'email : Topshop

Vestiaire Collective anime la vitrine

Même objectif, parti-pris différent : la startup phare du « seconde main » de luxe a choisi dans cette campagne de donner à son email une très forte cohérence graphique (les pastilles dorées du fond, le piédestal en terrazzo…).
Le GIF dans la zone supérieure de l’email de Vestiaire Collective sert ainsi de teaser aux différents assortiments de produits (sacs, bijoux, chaussures, accessoires…) à la manière d’une vitrine de magasin.

GIF dans l'email : Vestiaire Collective
Un GIF cohérent avec toute l’iconographie de l’email chez Vestiaire Collective.

Delsey joue la carte « cahier de tendances »

Plutôt que de focaliser l’attention sur le produit, et le produit seulement, vous pouvez avoir envie de le mettre en situation. Ou d’apporter un supplément d’âme à sa présentation, en lui associant des objets qui vont évoquer une ambiance, un univers…
C’est ce que fait Delsey dans cette campagne email pour les soldes d’été : une valise = un type de vacancier = un univers bien particulier suggéré comme dans un cahier de tendances.

GIF dans l'email : Delsey
4 bagages, 4 ambiances, 4 publics.

Yoox enjolive ses natures mortes

Autre manière de créer des « tableaux » avec un assortiment de produit : celle chartée par Yoox, décidément passé maître dans l’art du GIF dans l’email.
Le principe : quelques accessoires et vêtements, sur des supports minimalistes, et un soupçon d’animation pour apporter de la vie à l’ensemble. L’avantage : en n’animant que quelques zones précises de l’image et non pas la totalité, Yoox peut multiplier les frames (46 précisément sur ce visuel) et obtenir un mouvement moins saccadé, sans avoir un GIF trop gourmand en ko.

GIF dans l'email : Yoox
Le cinémagraphe, avec ses animations très localisées, est une alternative élégante et plus légère au GIF.

4. Oser « GIFer » en dehors des sentiers battus

Jusqu’à présent, la plupart des stratégies évoquées concernaient le hero, l’élément principal d’une campagne email. Mais on peut utiliser des animations dans bien d’autres zones de l’email, du header au footer

Animer le fond de l’email pour magnifier les visuels, à l’image de Nike

L’objectif est d’attirer le regard sur vos beaux visuels produits ? Utilisez un GIF en background pour mieux les faire ressortir ! Avec son jeu de surfaces vectorisées en arrière-plan, Nike capte le regard, pour mieux le rediriger vers ses produits.

GIF dans l'email : Nike

GIF dans l'email : Nike
Quand le fond bouge, le premier plan gagne en présence.

Jouer avec son logo (à l’occasion) : les exemples de Selency d’Ami

Le logo, c’est votre image. C’est sacré, on n’y touche pas… sauf lorsque ça se justifie, à l’image de ce que s’autoriser Ami, la jeune marque créée par Alexandre Mattiussi.
Pour les fêtes, Ami soumet donc son logo à un traitement… de choc. Ambiance paillettes, boules de Noël et pulls à l’avenant. De temps à autres, on peut aussi se décoincer un peu…

GIF dans l'email : Ami
« Paillettiser » son logo, c’est trop ? Ça dépend pour qui…

Même idée -en plus sage- pour Selency, la marketplace de brocante haut de gamme, pour cette campagne un peu spéciale, consacrée aux objets d’art en vente sur sa plateforme. L’occasion, on le voit, de repeindre discrètement en GIF son logo pour insister sur le côté arty de cette communication.

GIF dans l'email : Selency
Selency joue avec son logo pour sa campagne spécial art.

Créer l’urgence dès le header : Native, Petit Bateau, Izipizi et Sarenza

Même idée dans ces trois campagnes email : susciter un sentiment d’urgence chez le destinataire. L’option retenue ? Un GIF dans l’email pas trop envahissant, mais efficace : un simple bandeau en haut du hero pour attirer l’attention sur le timing, option retenue par Sarenza.

Autre possibilité : mettre en avant une option susceptible de générer des conversions, comme la livraison offerte chez Izipizi, Native et Petit Bateau.

GIF dans l'email : Petit Bateau

GIF dans l'email : Izipizi 
GIF dans l'email : Native

Revivifier le footer, comme Evaneos (et encore Nike)

Le pied de l’email est une zone stratégique, raison pour laquelle on y place les derniers éléments de conviction : conditions de livraison et retour, paiement sécurisé, service client, etc.
Mais le footer n’est pas condamné à rester figé ! Evaneos, par exemple, utilise très bien cette portion de l’email avec un GIF qui simule la recherche de destination. Avouez que cela donne envie d’entrer « Bora-Bora » ou « Machu Picchu »…

 GIF dans l'email : Evaneos  

Nike, de son côté, fait défiler les éléments de réassurance dans un GIF qui fait écho à celui qui rend sa carte cadeau hautement désirable…

Nike « disrupte » le bloc de réassurance grâce à un GIF vitaminé.

GIF dans l'email : Nike

« Gamifier » votre programme de fidélité comme Le Bon Marché

Le programme de « fid’ » est l’un des axes fort de toute stratégie CRM, en particulier dans le (e)commerce. Et les occasions de prise de parole ne manquent pas pour ce trigger aussi engageant que vendeur.
Mais avant de converser avec vos membres ? On peut être imaginatif, comme Le Bon Marché, qui met en place une mécanique ludique afin de recruter des adhérents à son programme. Avec un GIF bien senti.

GIF dans l'email : Le Bon Marché
Un GIF élégant et qui met subtilement en valeur la promo.

Vous songez à d’autres usages créatifs de ce bon vieux GIF ? On serait ravis de lire vos idées en commentaires !

3 Commentaires

  • Aurélie 28 juin 2019 à 15:35

    Hello l’équipe de Dartagnan,

    de notre côté, nous avions réalisé un gif sous forme de conversation messenger
    https://www.images-blancheporte.fr/BP/FRA/contenus/neoMail/PE19/S22-plein-ete-PAP-V3-sms.gif
    Super taux de conversion !

    Bonne journée,

    Aurélie

    Répondre
  • Emlyne 15 janvier 2020 à 12:26

    Bonjour,
    Merci pour ces idées!
    Néanmoins, dans un mail on est vite limité par la taille des médias qu’on peut inclure. Et pour avoir un GIF avec de belles couleurs et fidèle à sa vidéo/son produit, on atteint vite les 2 Mo pour une seule image… Ce qui augmente mon risque de passer en spam ou que certains de mes clients ne puissent pas voir mes mails : avez-vous des conseils là-dessus ?
    Merci.

    Répondre
    • Damien Devisme 16 janvier 2020 à 18:27

      Bonjour, et merci de votre commentaire !
      Vous avez raison, le gros défaut du GIF, c’est qu’il peut peser lourd. 1 Mo, voire 2, ce n’est pas rare. On peut néanmoins optimiser le poids du fichier avec Photoshop (via l’option Fichier > Exportation > Enregistrer pour le Web) en jouant sur les couleurs, le tramage, les dimensions… Il existe aussi d’autres techniques pour « animer » un visuel, comme par exemple le cinémagraphe (seule une partie de l’image est animée, le poids est donc moindre).
      Vous parlez d’une vidéo convertie en GIF, dans ce cas-là le résultat final sera soit très lourd, soit très décevant. Mais avec Dartagnan, vous pouvez intégrer des vidéos qui se lisent directement dans l’email (vous trouverez plus d’information à ce sujet dans cet article : https://blog.dartagnan.io/emailgeek/email-video/)
      Est-ce que cela vous aide ?

      Répondre

Quelque chose à dire ?

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

(Very) good news !

Le meilleur de l'actualité email marketing rédigée

(ou dénichée) par nos experts dans votre boîte mail.