15 meilleures pratiques en matière de conception d'e-mails

Je suis heureux de vous présenter l'article sur les meilleures pratiques de conception d'emails 2021. 

1. Rédigez un objet puissant

La ligne d'objet est la première chose que les gens voient lorsqu'ils reçoivent votre courriel. Selon des études, plus de 47 % des destinataires décident d'ouvrir un courriel en se basant uniquement sur la ligne d'objet ? Assurez-vous qu'elle est suffisamment attrayante. 

(Appareil de bureau)

Sachez que les clients de messagerie affichent jusqu'à 65 caractères de la ligne d'objet sur les appareils de bureau, et jusqu'à 30-35 caractères sur les appareils mobiles. Il est donc raisonnable d'être bref.

(Appareil mobile)

2. Créez un en-tête de courriel accrocheur

Très souvent, le pré-en-tête est appelé une continuation de la ligne d'objet et est situé à côté de la ligne d'objet sur les ordinateurs de bureau et sous la ligne d'objet sur les appareils mobiles. 

S'il vous plaît, notez : 

• vous ne disposez que de 100 caractères au maximum sur les appareils mobiles et de 30 au maximum sur les appareils de bureau convainquez les lecteurs d'ouvrir cet e-mail ; 

• Remplissez toujours le pré-en-tête. Si vous n'y écrivez rien, le client voit ce qui est écrit au début de votre message. En général, il s'agit d'une proposition d'ouvrir le message dans la version web. Ce n'est pas très joli ;

• Utilisez le pré-en-tête pour renforcer votre message. Remises, promotions, concours, etc. Tout ce qui peut augmenter les chances d'ouverture de l'e-mail doit figurer dans le pré-en-tête ;

• si vous ne voulez pas surcharger votre courriel avec un pré-en-tête ou si votre ligne d'objet est suffisamment intrigante, remplissez le pré-en-tête avec des espaces. 

Vous pouvez le remplir de blancs après un texte court, comme l'a fait Gap Flash Sale.

Ou laissez-le totalement vide comme l'a fait Banana Republic.

3. Restez fidèle à votre marque

Il est crucial de rester cohérent avec la marque partout : Sur le site, dans les e-mails, sur les médias sociaux, etc. Les marques doivent utiliser les mêmes polices de caractères, le même ton dans votre texte et les mêmes couleurs.

Les clients, lorsqu'ils ouvrent votre e-mail, doivent reconnaître visuellement le style et les couleurs qu'ils ont vus sur votre site. Et d'une campagne d'e-mailing à l'autre, y compris les e-mails déclencheurs, vous devez rester cohérent avec votre marque.

Stripo vous permet de générer le kit "Brand Guidelines". Il contient une liste des styles de conception d'e-mails utilisés pour votre entreprise dans l'e-mail de votre choix et tous les actifs de la marque, comme le logo et les informations de contact.

4. Rédigez votre en-tête de courriel

Des centaines de milliers de mots ont été écrits sur l'en-tête d'email. 

Permettez-moi de vous donner quelques conseils précieux à ce sujet : 

• Le nom et le logo de votre entreprise sont deux éléments inaliénables de votre en-tête. La simple présence de ces deux points augmente la notoriété de votre marque parmi des milliers d'autres e-mails ;

• la présence d'un menu de navigation dans votre en-tête aidera le destinataire à passer rapidement au site sans lire le reste de l'e-mail ; 

(Source : Modèle d'email Stripo)

• ajouter des liens vers le logo de votre entreprise. 

5. Ajouter des annotations aux courriels pour l'onglet Promo de Gmail par Google

Un Google bien connu a créé les annotations de courrier électronique il y a quelques années. Mais peu de gens cherchent à l'utiliser. Avec ce bonus, vous êtes autorisé à ajouter des images, des offres et la période de validité des rabais pour augmenter le RO de votre message.  

Le client a la possibilité de visualiser votre produit ou service sans ouvrir un courriel.

(Source : courriel de Rozetka)

Dans Stripo, vous pouvez utiliser cet outil ainsi que d'autres en un seul endroit. Vous voulez découvrir ?

6. Utilisez des polices de caractères lisibles pour les courriels 

En ce qui concerne la conception de l'e-mail, il est important d'admettre que même si vous présentez les informations correctement, des polices mal lisibles peuvent avoir un impact négatif sur la perception de la copie de l'e-mail et, par conséquent, sur le CTR de l'e-mail également : 

• évitez les caractères italiques, car ils ne sont pas autorisés par l'accessibilité du courrier électronique ;

• il est préférable de ne pas utiliser plus de 3 types de polices - ne donnez pas à votre courriel un aspect désordonné ; 

• veillez à ce que la police choisie soit lisible.

Dans l'article du blog intitulé "Les meilleures polices pour le courrier électronique", nous passons en revue les polices afin de déterminer celles qui sont lisibles et dont le rendu est bon, quel que soit le périphérique. 

7. Créez des bannières d'email significatives

Lorsque l'on parle des meilleures pratiques en matière de conception d'e-mails réactifs, il est très important de dire quelques mots sur les bannières d'e-mails. 

Les bannières sont toujours situées sur le premier écran de votre e-mail. Elles véhiculent le message principal de toute la campagne d'e-mailing. 

Assurez-vous qu'ils sont significatifs et qu'ils sont axés sur l'objectif de l'e-mail. Veillez à y ajouter des liens afin que les utilisateurs accèdent directement à la page nécessaire sur votre site Web.

Il existe 9 types courants de bannières, que nous avons décrits dans notre article de blog "Créer des bannières d'email avec Stripo". Vous pouvez également y trouver des manuels.

8. Ajoutez les GIFs appropriés

Pourquoi utiliser des GIF dans les courriels ? Parce qu'ils : 

• capter l'attention des lecteurs ;

• placer quelques bannières dans un écran ;

• attirer l'attention des utilisateurs sur un certain élément de votre courriel ;

• vous aider à démontrer une large gamme de vos produits/une variété de couleurs d'un seul produit.

(Source : Email de Victoria's Secret)

Cependant, il faut faire attention aux GIFs.

Règles à suivre pour ajouter des images animées au format GIF dans les courriers électroniques :

• n'utilisez qu'un seul GIF sur un seul écran pour éviter les crises d'épilepsie photosensible chez vos lecteurs ;

• pour la même raison, n'utilisez pas de GIFs avec plus de 2 flashs par seconde ;

• ajouter des Alt-texts à vos GIFs afin de donner une petite description de ce qui y est affiché. Vous devez utiliser cette astuce pour fournir les informations si les GIFs ne démarrent pas ;

• utilisez l'image la plus significative dans la première image, car certains clients de messagerie ne rendent pas les GIFs, ils affichent simplement la première image de ceux-ci. 

9. Faites en sorte que les boutons d'appel à l'action des e-mails soient visibles

Lorsque vous utilisez l'appel à l'action de la manière dont il doit être utilisé, vous avez la possibilité d'attirer les lecteurs et de les forcer à se rendre sur le site pour obtenir plus de détails.

(Source : courriel de Brighton)

Assurez-vous que les boutons sont visibles, lumineux, conçus aux couleurs de la marque et qu'ils comportent des liens pertinents.

Sur les appareils mobiles, les boutons doivent être suffisamment grands pour que les utilisateurs puissent cliquer dessus.

Malheureusement, certains boutons dans Outlook perdent leur style de conception. Mais nous avons une solution :

Il vous suffit d'activer l'option "Support pour Outlook". Et votre bouton sera rendu comme vous le souhaitez dans toutes les versions d'Outlook.

10. Privilégiez la conception de courriels adaptés aux mobiles

Ce n'est pas un secret que la moitié des destinataires consultent leur boîte aux lettres électronique sur leur téléphone. Cela signifie que nous devons faire en sorte que nos e-mails soient adaptés aux téléphones portables.

Il va sans dire qu'aujourd'hui, tous les courriels doivent être réactifs, sans défilement horizontal.

Mais lorsque nous parlons de conception adaptée aux mobiles, nous parlons d'un niveau absolument nouveau de conception réactive, comme.. : 

• Les boutons CTA s'étirent sur toute la largeur de l'écran mobile pour que les utilisateurs ne manquent pas le bouton ;

• désactiver certains éléments sur les appareils mobiles. Vous pouvez même masquer les images sur les écrans mobiles ; 

• l'inversion des éléments de messagerie lorsque cela est nécessaire ;

• des polices plus grandes pour le texte des courriels, y compris les boutons et les en-têtes, afin que les textes soient parfaitement lisibles.

(Pied de page du courriel, taille de la police : 12 px, appareil de bureau) 

(Pied de page du courriel, taille de la police : 16 px, appareil mobile)

Pour plus d'informations sur la manière de définir les styles de conception pour la version mobile de vos e-mails, veuillez consulter notre article de blog "Responsive Email Layout".

11. Soyez concis

En parlant de mise en page... Presque personne n'aime les longues lectures. Soyez concis. Cela ne signifie pas que les courriels doivent être courts. Cela signifie seulement que vous devez aller droit au but, sans longues intros.

12. N'ayez pas peur d'utiliser l'interactivité et l'AMP dans les courriels 

Jetez un coup d'œil à ces chiffres et à ces faits : 

• Les e-mails interactifs où les utilisateurs pouvaient évaluer l'entreprise dans l'e-mail ont généré 8,33 fois plus de taux que les simples e-mails HTML ;

• un formulaire interactif ouvert par Stripo, qui permettait aux utilisateurs de laisser des commentaires directement dans l'e-mail, a généré 5,2 fois plus de réactions qu'un formulaire externe ;

• En permettant aux acheteurs de voir les descriptions détaillées des produits qu'ils ont laissés dans leur panier, Ecwid a augmenté ses ventes de 82 % grâce à AMP.

(Source : Mailmodo)

Vous trouverez de nombreuses autres statistiques étonnantes ici.

13. Utiliser la gamification dans les e-mails

La gamification vous permet de créer une sorte de jeu dans vos e-mails. Jetons un coup d'œil à quelques avantages qu'elle génère :

• la gamification des e-mails augmente la conversion ;

• vous divertissez les clients avec vos e-mails - vous les laissez se détendre un peu et s'amuser; 

• il augmente le taux d'ouverture (les utilisateurs anticipent vos prochains e-mails) ;

• il multiplie par trois le retour sur investissement ; 

• a un impact positif sur la notoriété de votre marque. 

Dans l'article du blog intitulé "Email Gamification", nous vous donnons des conseils sur la façon de créer rapidement des jeux et vous présentons des mécanismes prêts à l'emploi.

Il est temps d'apporter du plaisir dans les e-mails !

14. Veillez à l'accessibilité du courrier électronique 

Il s'agit à la fois d'une règle et d'une recommandation.

Vos courriels doivent être accessibles ! Il est important de se rappeler que certaines personnes ont des problèmes de vue et qu'il est nécessaire de rendre votre contenu lisible pour ceux d'entre eux qui lisent les e-mails par eux-mêmes et pour ceux qui utilisent des lecteurs d'écran.

Les meilleurs conseils en matière de conception d'e-mails sont ici :

• utilisez des couleurs contrastées de différentes teintes ;

• toujours ! Ajoutez des textes Alt à toutes les images et GIFs ;

• si un GIF remplit une mission éducative, veillez à y ajouter une description détaillée écrite

• éviter deux GIF ou plus sur un même écran ;

• ajoutez des signes de ponctuation à la fin de chaque phrase et des points des listes à puces ;

• spécifier le type de contenu <charset="utf-8″> dans l'en-tête du code de l'email pour rendre lisibles tous les caractères utilisés dans les emails ;

• définir la langue dans l'en-tête du code de l'e-mail ;

• Alignez vos textes à gauche, ne les centrez jamais.

15. Ajouter une signature, c'est-à-dire un pied de page

Les utilisateurs doivent savoir comment vous contacter si nécessaire, où vous suivre sur les médias sociaux, etc.

Si vous envoyez des courriels de promotion au nom de toute votre équipe, veillez à le mentionner.

Si vous envoyez des e-mails en votre nom, veillez à ajouter votre photo, vos coordonnées et "Au revoir. A bientôt".

(Source : Modèle d'email de Stripo)

Règles générales pour des courriels efficaces 

Commençons par les points généraux à mentionner en ce qui concerne les meilleures pratiques pour les modèles d'e-mails. 

Voici quelques règles principales qui peuvent vous donner une piste de réflexion pour créer un e-mail compétitif : 

• n'oubliez pas la compression des images pour réduire le temps de chargement ; 

• rendre le contenu des e-mails pertinent pour les clients. En d'autres termes, personnalisez vos offres et le contenu de vos e-mails ; 

• ajoutez le lien de désabonnement !

(Source : Email de la vente flash de Gap)

Dernières réflexions

Chaque paragraphe de cet article a été rédigé pour vous aider à améliorer vos newsletters. Vous devez vous rappeler qu'il n'y a pas de limites à l'amélioration de vos compétences en matière de conception d'emails. N'ayez donc pas peur d'expérimenter, cherchez les techniques les plus efficaces pour votre entreprise, et n'hésitez pas à utiliser la plateforme Stripo comme assistant durant tout le processus de création.