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.
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.
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.
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.
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.
Animations, visuels, polices...
Votre guide du design d'emails
Téléchargez notre livre blanc consacré à la charte graphique dans l'email. Méthodologies, règles de conception, inspirations... Tout pour "cadrer" le design de vos futures campagnes !
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…).
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).
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).
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…
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…
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.
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).
Le lunetier Warby Parker joue aux devinettes dans son style coloré.
Et Made.com insiste sur les délais pour être livré à temps à Noël.
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.
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.
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.
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.
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.
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…
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.
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.
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 »…
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…
« 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.
Vous songez à d’autres usages créatifs de ce bon vieux GIF ? On serait ravis de lire vos idées en commentaires !
3 Commentaires
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
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.
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 ?