E-mails animés : 9 conseils et 12 exemples remarquables

Difficile d’imaginer la communication en ligne sans animations. Nous les utilisons tous les jours pour exprimer des émotions, réagir, ou même les envoyer à la place d’un message texte !

Rien d’étonnant à ce que les GIF animés se soient aussi invités dans les e-mails. Dynamiques et pleins de vie, ils peuvent devenir précieux pour vos campagnes. Mais avant de créer un e-mail animé, il y a beaucoup de détails à prendre en compte :

• Quand peut-on ajouter un GIF à un e-mail ?
• Comment insérer un GIF dans un e-mail ?
• Quelle durée peut avoir un GIF ?
• Que doit-il contenir ?
• Et bien d’autres questions encore.

Pas d’inquiétude : c’est exactement ce que nous allons voir dans ce guide. Suivez notre article pour découvrir tous les rouages des GIF animés dans les e-mails et maîtriser les e-mails animés afin de dynamiser vos campagnes et de les rendre inoubliables.

GIF animés dans les e-mails : avantages et inconvénients

Commençons par le commencement. Les e-mails animés valent-ils vraiment la peine ? Comparons les avantages et les inconvénients des GIF dans les e-mails pour le savoir.

Les GIF animés apportent toute une série d’avantages à vos campagnes d’e-mailing. Par exemple :

1. Ils ajoutent du mouvement. L’atout le plus évident des animations est sans doute leur capacité à égayer le message grâce au mouvement. Les GIF animés attirent naturellement l’attention : ils accrochent le regard du lecteur et rendent le message bien plus vivant.
2. Ils dynamisent le texte de l’e-mail. Votre message en texte brut vous paraît trop terne ? Relevez-le avec une animation (ou faites même passer l’information par un GIF) ! Les images classiques fonctionnent très bien aussi, mais les GIF animés sont pratiques pour susciter l’engagement et illustrer le texte de façon plus éclatante.
3. Ils peuvent remplacer une vidéo. Choisissez un GIF animé pour votre e-mail quand vous avez besoin d’un peu d’action, mais qu’une longue séquence serait de trop. S’il ne vous faut que quelques secondes au lieu d’une vidéo entière, une animation GIF peut très bien la remplacer et faire le travail tout aussi bien (voire mieux).

Mais à côté de ces atouts de taille, les GIF animés dans les e-mails posent aussi de vrais défis :

1. Ils peuvent être lourds. Une seule animation GIF contient plusieurs images. Plus elles sont complexes et volumineuses, plus votre fichier GIF s’alourdit. Surveillez bien son poids : des éléments trop lourds peuvent poser des problèmes de délivrabilité et déclencher les filtres anti-spam.
2. Ils ne sont pas pris en charge partout. Aujourd’hui, la grande majorité des clients de messagerie et des appareils prennent en charge les e-mails animés. Vous pouvez tout de même rencontrer des obstacles. Par exemple, si le destinataire utilise une ancienne version d’un logiciel (comme Outlook 2007–2016), les GIF animés peuvent rester figés sur une image ou ne pas se charger du tout.
3. Ils peuvent sembler déplacés. Les GIF ne conviennent pas à tous les types d’e-mails. Par exemple, si votre message a un ton sérieux (ou formel), un GIF peut paraître peu professionnel, voire franchement inapproprié.

Quand utiliser un GIF dans mon e-mail ?

Après avoir pesé le pour et le contre des e-mails animés, vous vous demandez peut-être : existe-t-il des situations où les GIF sont non seulement possibles, mais indispensables ? Bien sûr, et pas qu’une !

Les GIF animés sont peut-être exactement ce qu’il vous faut si vous souhaitez :

• Mettre en valeur votre marque. Les GIF peuvent être un excellent moyen de montrer le style de votre marque et de le rendre mémorable. Les animations donnent vie à vos mascottes et mettent en mouvement tous vos autres éléments reconnaissables.

Superbe exemple : cet e-mail animé de Headspace, qui affiche son style minimaliste bien connu.

• Promouvoir de nouveaux produits. Les GIF animés sont parfaits pour présenter vos nouvelles gammes sous leur meilleur jour ! Profitez de l’animation pour montrer le design, les capacités et les particularités de vos produits comme aucune image fixe ne le permet.

Voici un excellent exemple d’e-mail animé de Warby Parker, qui utilise un GIF pour présenter sa nouvelle technologie Memory Metal pour les lunettes.

• Annoncer des soldes et des offres. Si vous voulez des annonces qui marquent les esprits, pensez aux e-mails animés. Qu’il s’agisse de soldes pour les fêtes ou d’une offre limitée dans le temps, les GIF soulignent l’occasion, rendent votre message plus engageant et incitent l’abonné à agir.

Voici comment True Grit Texture Supply annonce sa « Snap Sale » avec un GIF animé dans son e-mail.

• Montrer vos produits en action. Les GIF animés peuvent servir de mode d’emploi pour vos produits ou montrer des séquences « avant/après » dynamiques. Pour cela, créez un petit dessin animé (ou utilisez une courte séquence filmée) et montrez vos produits sous leur meilleur jour.

Par exemple, cet e-mail animé de Rael contient un GIF qui montre comment appliquer son masque en tissu pour le visage.

Où trouver un GIF pour mon e-mail ?

Voyons maintenant comment obtenir l’élément essentiel de votre e-mail animé : le GIF lui-même. Il existe 3 options :

1. Utiliser Blocks. Notre créateur d’e-mails avancé propose une vaste bibliothèque de GIF gratuits pour toutes les occasions ! Rendez-vous dans la section « GIF » du Centre de l’image, tapez votre recherche dans le champ prévu et choisissez l’animation qui vous plaît le plus.

Vous voulez intégrer un GIF animé fait sur mesure ? Rien de plus simple ! Une fois votre fichier GIF prêt, glissez-déposez-le directement dans le Centre de l’image, téléversez-le depuis un dossier de votre ordinateur ou collez l’URL de votre animation.

2. Passer par des services externes. Vous trouverez d’excellents GIF sur des services spécialisés comme GIPHY, ou même dans Google Search ! C’est un bon moyen de gagner du temps, mais gardez 2 choses en tête :

• Sans éléments de marque, ces GIF manqueront forcément de personnalité. En revanche, c’est un bon choix si vous voulez simplement égayer le message ou transmettre une émotion.
• Certains GIF trouvés via Google Search (et d’autres moteurs de recherche) sont protégés par le droit d’auteur et ne sont pas libres d’utilisation. Avant d’intégrer un GIF à un e-mail, vérifiez ce point pour éviter toute violation du droit d’auteur.

Voici un exemple concret de cette approche : Heatonist illustre son e-mail de bienvenue avec un extrait animé des Simpson.

3. Créer votre propre GIF. Les animations sur mesure sont la seule solution si vous voulez mettre en avant votre marque, vos offres et d’autres éléments exclusifs. Heureusement, il existe une foule de logiciels et de services pour les créer, dont GIPHY, déjà cité, Photoshop et bien d’autres !

9 conseils pour vos e-mails animés

Prêt à créer vos e-mails animés ? Nous allons vous aider à en tirer le meilleur ! Suivez ces 9 conseils efficaces pour capter l’attention des abonnés et garder une longueur d’avance.

Demandez-vous si votre e-mail a besoin d’un GIF

Les GIF sont formidables (et peuvent même augmenter le taux de clics de 26 %), mais cela ne veut pas dire qu’il faut en mettre partout. Un GIF animé dans un e-mail doit avoir une raison d’être. Sinon, c’est une grosse perte de temps, de place et de ressources.

Surveillez le poids

Quand vous créez ou choisissez un GIF animé pour votre e-mail, assurez-vous qu’il n’est pas trop lourd. Un contenu pesant peut nuire à votre campagne de plusieurs façons. Par exemple :

• Le poids du contenu influe sur le temps de chargement de l’e-mail, ce qui se remarque surtout avec une connexion lente. En plus, les destinataires qui ont un forfait data limité n’apprécieront pas d’en consommer une bonne partie pour un seul e-mail.
• Les clients de messagerie peuvent juger suspects les e-mails trop lourds. Gardez un poids raisonnable pour ne pas déclencher les filtres de sécurité et éviter le dossier « Spam ».

Idéalement, votre GIF animé doit rester sous 1 Mo. Il se chargera vite et consommera moins de données mobiles.

Voici un bel exemple de Cat Person : le GIF de son e-mail est simple et léger, tout en restant plein de vie.

Évitez la complexité

Il n’y a pas que le poids : le GIF est un format compressé, et des visuels trop détaillés risquent de souffrir d’artefacts et d’une perte de qualité. Pour l’éviter, gardez un GIF sobre, sans une multitude d’images ni de visuels trop complexes.

Vous pouvez aussi n’animer qu’une partie de votre GIF (comme l’arrière-plan ou un élément précis). Vous gagnerez du temps et mettrez en valeur les détails importants du message.

Regardez cet e-mail animé sobre mais excellent du New York Times, qui présente son application mobile.

N’oubliez pas la limite de couleurs

Un GIF classique est limité à 256 couleurs par image. En comparaison, le JPEG gère jusqu’à 16 millions de couleurs et de nuances. Gardez-le en tête : une image fixe qui regorge de centaines de couleurs sera tout simplement moins éclatante une fois transformée en GIF.

À l’inverse, les formes simplifiées en aplats de couleur, sans dégradés, rendent très bien en animation GIF. Voici un excellent exemple de Pelago : la séquence animée n’utilise que 4 couleurs (blanc, noir, gris et jaune) sur fond bleu.

Soignez la première image

Cela peut surprendre, mais la première image joue un rôle très important dans les GIF animés des e-mails. Parfois, même quand l’animation ne se charge pas, la première image reste visible. Par conséquent :

1. si vous avez quelque chose d’important à dire, placez-le dans la première image de votre GIF ;
2. faites de la première image un visuel qui tient debout tout seul (de votre nouveau produit, par exemple). Ainsi, même si l’animation reste bloquée, elle restera agréable à regarder.

Dans cet exemple d’e-mail de réactivation animé de Zoom, la première image peut servir de visuel autonome si le reste ne se charge pas.

Gardez une durée raisonnable

La durée moyenne d’attention n’est (croyez-le ou non !) que de 8 secondes : mieux vaut donc garder un GIF assez court.

Mais quelle durée exactement pour un GIF dans un e-mail ? Techniquement, le nombre d’images d’un GIF n’est pas limité. Mais compte tenu de la durée d’attention (et du fait que chaque image alourdit le fichier), nous recommandons de viser 2 à 6 secondes pour un effet maximal.

Dans cet e-mail animé d’Artsy, par exemple, le GIF ne compte que 3 images et transmet toutes les informations nécessaires en quelques secondes.

Créez l’urgence grâce aux animations

Vous cherchez un moyen de renforcer l’engagement ? Ajoutez un GIF spécial à votre e-mail et créez un sentiment d’urgence ! Par exemple :

• utilisez l’image d’une horloge dont les aiguilles tournent. Ce petit détail donne l’impression que le temps file ;
• créez un compte à rebours. C’est une option bien plus directe, puisqu’il montre exactement le temps restant et renforce encore le sentiment d’urgence.

Voici comment Restream s’y prend dans son e-mail animé : le message sur le « Final Countdown » s’accompagne d’un compte à rebours et d’un texte qui dit « le temps presse ».

N’ajoutez pas trop de GIF

Nous avons vu à quel point il est important de limiter le poids et la durée des GIF animés dans les e-mails. Il en va de même pour leur nombre.

L’idéal est de ne pas dépasser 1 GIF par e-mail (ou deux ou trois animations simplifiées). Une avalanche de GIF nuit à l’esthétique de votre e-mail, l’alourdit et peut vite agacer.

Voici un exemple d’e-mail de parrainage de Postable qui ne contient qu’1 GIF animé (mais très visible).

Testez vos e-mails et ajoutez un texte alternatif

Pour finir, ajoutez un texte alternatif à votre GIF. Ce détail en apparence anodin est utile pour 2 raisons :

1. si l’animation ne se charge pas (ou n’est pas prise en charge par le client de messagerie), le texte alternatif sert de « filet de sécurité » et s’affiche à sa place ;
2. grâce au texte alternatif, le contenu de votre e-mail reste accessible aux destinataires malvoyants qui utilisent un lecteur d’écran.

Et bien sûr, testez vos e-mails animés sur différents clients de messagerie et appareils avant de les envoyer. Corrigez tous les problèmes pour offrir la meilleure expérience possible.

Conclusion

Bien conçus et bien utilisés, les GIF animés peuvent beaucoup apporter à vos campagnes. Ces points clés vous serviront d’antisèche au moment de créer vos e-mails animés :

• avant d’ajouter un GIF animé à votre e-mail, définissez son rôle et demandez-vous s’il est vraiment utile ;
• limitez-vous à 1 GIF par e-mail ;
• faites un GIF léger et pas trop complexe ;
• tenez compte de la limite de couleurs et concevez vos GIF en conséquence ;
• soignez tout particulièrement la première image de votre GIF ;
• utilisez les GIF pour créer l’urgence et pousser les abonnés à agir ;
• testez vos e-mails animés et ajoutez un texte alternatif.

Que vous ayez une idée ambitieuse en tête ou que vous vouliez simplement égayer votre message avec une animation amusante, Blocks deviendra votre assistant irremplaçable ! Inscrivez-vous gratuitement et préparez-vous à créer d’excellents e-mails animés en quelques minutes.