13 meilleures conceptions d’email et exemples accrocheurs et attrayants de 2020

Voici 13 conseils et exemples de conception pour le marketing par courriel qui les implémentent bien :

1. Gardez votre design conforme au style de votre marque

Tout comme vous reconnaissez vos amis ou votre famille de leurs visages, les gens se souviennent de votre entreprise avec votre marque.En créant une marque cohérente dans vos e-mails, vous aidez à renforcer la reconnaissance de la marque et à établir une relation plus forte avec vos lecteurs.Cette relation, si elle est bien entretenue, les fera revenir à vous pour leurs besoins.

Bien que vous pouvez changer des éléments tels que la couleur, certaines caractéristiques de conception doivent rester cohérentes.Par exemple, incluez votre logo en haut de chaque e-mail.Si votre marque a une voix informelle et amicale, gardez cette voix cohérente dans vos e-mails.Si votre entreprise dispose d’un site Web minimaliste, utilisez beaucoup d’espace blanc et des images et du texte minimiques.Votre ligne de signature doit également être de marque.Les lecteurs ne devraient pas être surpris par la façon dont ces fonctionnalités apparaissent dans votre e-mail.

JetBlue, par exemple, a un ton décontracté et amusant sur son site Web.Il n’a pas peur de briser les règles de ponctuation et de grammaire, comme nous le faisons dans une conversation informelle avec des amis.Le résultat est un ton accessible qui aide à établir des relations individuelles avec les lecteurs.JetBlue étend ce ton à ses e-mails, puis ajoute d’autres fonctionnalités de conception qui favorisent la reconnaissance de la marque, y compris placer le logo sur le dessus de chaque e-mail et en utilisant les couleurs de la marque autant que possible.

Échantillon de courriel JetBlue

Un exemple d’e-mail JetBlue.Source

Conseil pro : Si vous n’avez pas encore de logo, vous pouvez en obtenir un conçu en quelques secondes chez Tailor Brands.Il suffit de visiter la page de fabricant de logo tailor brands et remplir un court questionnaire.Les marques sur mesure généreront alors quelques logos au choix.Après avoir choisi un logo, inscrivez-vous à un plan de logo (à partir de 3,99 $ par mois) pour des fonctionnalités supplémentaires comme la possibilité d’adapter le logo pour les campagnes saisonnières, ajouter des filigranes, et de resize le logo au besoin.

2. Soyez concis et clair

En moyenne, vous avez environ 11 secondes avant de perdre l’attention de vos lecteurs.Les lecteurs sont également plus attirés par les graphismes que la copie, de sorte que leurs yeux sont susceptibles de graviter vers les images d’abord.Autrement dit, il vous reste peu de temps précieux pour inciter les lecteurs à cliquer sur votre CTA.Cela signifie qu’il doit être facilement consommable avec un message simple qui persuade sans perdre de temps avec un message confus.

Selon une étude boomerang, les courriels entre 75 et 100 mots (environ cinq phrases) ont un taux de réponse de 51%, tandis que ceux avec 200 mots ont un taux de réponse de 48%.En outre, le choix du mot est important.Les courriels rédigés au niveau de la lecture de troisième année ont un taux de réponse 36 % plus élevé que ceux rédigés au niveau de la lecture universitaire.Pour un taux de réponse similaire, gardez la ligne d’objet et les titres entre trois et quatre mots.

Par exemple, la communauté de la cuisine en ligne food52 utilise un langage simple.Utilisez des mots pour une syllabe qu’un élève de troisième année pourrait comprendre.Il n’est pas fait mention des mots de l’industrie comme « cuisine ».Au lieu de cela, ils gardent les choses simples avec « nourriture ».Au lieu de « discuter », ils utilisent la « conversation ».La copie de l’e-mail contient en tout un peu plus de 80 mots.Le titre est quatre mots simples: « Nous sommes tous amis ici ».

Food52 E-mail échantillon

Food52 Exemple de courriel : concis et clair.Source

3. Utilisez deux couleurs contrastantes

En plus des boutons CTA contrastés, utilisez le contraste tout au long de votre e-mail pour mettre en évidence les parties clés de votre e-mail.Pour éviter un effet chaotique qui détourne l’attention de votre message, le contraste doit être limité à deux couleurs pour le corps principal de votre dessin par courriel.L’utilisation d’une roue couleur numérique permet de s’assurer que vos couleurs fonctionnent bien ensemble.Contraste rend également plus facile de lire votre e-mail pour ceux qui pourraient avoir des problèmes de vision comme la cécité des couleurs.

Si vous avez déjà sélectionné des couleurs de marque complémentaires, utilisez souvent ces couleurs pour augmenter la reconnaissance de la marque chez vos lecteurs.Parfois, vous pouvez dévier pour un effet plus saisonnier (comme Harry l’a fait dans Tip #4) pour créer de la pertinence.Un moyen facile de comprendre les meilleures couleurs contrastées est d’utiliser une roue de couleur numérique.Utilisez un outil gratuit comme Color Calculator pour tester facilement différentes couleurs.Il suffit de choisir une couleur dans la première étape, puis choisissez une option complémentaire.

Interface calculatrice de couleur

Choisir des couleurs complémentaires contrastantes à l’aide de la calculatrice de couleur.Source

Conseil pro : Pour vous assurer que vos couleurs choisies mettent en évidence le message clé pour tous les lecteurs, installez une application comme Color Oracle (disponible sur macOS, Linux et Windows).Une fois installée, l’application place un menu drop-down en haut du navigateur qui vous permet de choisir différents types de couleurs.Choisissez un type de daltonisme (Deuteranopia, Protanopia ou Tritanopia), pour consulter votre e-mail à travers cet objectif afin d’assurer la lisibilité pour les lecteurs ayant une déficience visuelle.

4. Inclure des boutons d’appel à l’action (CTA) qui attirent l’attention

Les boutons CTA par courriel sont souvent utilisés pour ramener votre lecteur de messagerie sur votre site Web ou offrir une page de destination, puis les inciter à compléter une action.Pour atteindre vos objectifs de marketing, un bouton CTA est la partie la plus importante de votre e-mail, et toutes les autres copies de messagerie devraient se concentrer sur le clic sur le lecteur.Bien que cliquer sur le bouton peut être une petite conversion, c’est généralement la première étape pour une conversion plus grande.Pour être efficaces, rendez-les audacieux, séduisants et clairs.

Votre OTC doit dire à vos lecteurs quelle valeur ils peuvent recevoir en cliquant sur le bouton.Au lieu de « Cliquez ici », essayez le texte du bouton qui promet de la valeur comme « télécharger notre e-book gratuit » ou « obtenir une démo gratuite. »Pour vous assurer que vos lecteurs voient votre bouton, utilisez une couleur de bouton qui contraste avec le reste de votre e-mail.Si vous avez un fond d’email bleu, par exemple, considérez un bouton orange.

Harry – une marque de rasoir pour hommes – voulait présenter aux abonnés son nouvel ensemble cadeau d’hiver.Pour montrer sa saisonnalité, il a choisi un fond vert et bleu fantastique pour les vacances.Puis, il a expliqué la valeur pour le lecteur: un don simple à acquérir pour tout homme dans leur vie.Son appel à l’action était simple mais tentant : « Avez-vous encore besoin d’un cadeau ?Il n’est pas trop tard.Ci-dessous, un bouton orange vif contrastait avec un fond bleu et invitait les lecteurs à « Acheter maintenant ».

Harry’s Winter Set Email Sample avec bouton CTA

Harry’s Winter Set Email Example – Bouton CTA.Source

5. Mettre l’accent sur la personnalisation

Les campagnes de messagerie unifa taille unique ne génèrent généralement pas de conversions.Pour cela, vous devez personnaliser votre message.Selon Instapage, bien que 70% des marques ne personnalisent pas les e-mails, les marques qui bénéficient d’un taux de clics 27% plus élevé, et six fois plus de pourcentage de transactions.Pour ce faire, segmentez d’abord votre liste d’abonnés en fonction des besoins et des intérêts des lecteurs, puis choisissez une liste et créez un message riche en valeur juste pour eux.Répétez pour toutes les listes.

Des outils comme Contact constant vous permettent d’attribuer des adresses e-mail collectées par le biais de formulaires de capture de courriel à vos listes désignées.Cela crée des listes d’abonnés segmentées en fonction du contenu que les utilisateurs ont consulté lorsqu’ils se sont inscrits.Une liste peut être pour les personnes qui ont envoyé leur e-mail pour télécharger le produit e-book.À partir de là, utilisez les modèles de messagerie de Constant Contact et le constructeur de drag-and-drop pour créer des e-mails qui accueillent les abonnés par leur nom et attirent les prospects à l’achat de ce produit.

Beaucoup de marques de commerce électronique creusent plus profondément.Par exemple, lorsque les gens s’insrugent chez Birchbox pour essayer de nouveaux produits de beauté sur une base mensuelle, Birchbox sait que ses clients sont toujours à la recherche du prochain produit qui les ravira.Par conséquent, Birchbox suit l’historique de navigation des clients et les achats, alors utilisez le courrier électronique pour recommander des produits que les clients apprécieront probablement.Ainsi, les clients obtiennent exactement la valeur qu’ils recherchaient quand ils se sont inscrits pour les e-mails Birchbox.

Échantillon d’email personnalisé birchbox

Exemple d’e-mail Birchbox personnalisé.Source

6. Utilisez des icônes pour remplacer le texte dans la mesure du possible

Nous avons parlé de limiter la copie par courriel à cinq phrases.Nous savons que cela peut être difficile.Une façon de rendre cela possible est d’utiliser des icônes pour remplacer le texte dans les e-mails.Les icônes sont de petites images qui représentent des mots.Par exemple, vous pouvez offrir une liste de vos services, et au lieu d’en écrire un, remplacez les noms de service par des icônes qui décrivent ce que vous faites.Le « contenu d’écriture » peut être représenté par le stylo et le papier et « Analytics » avec un graphique.

Certaines marques utilisent des icônes pour accompagner le texte.De cette façon, si les gens ne lisent pas le texte, ils auront probablement encore une bonne idée du message.Par exemple, JetBlue a utilisé des icônes (comme indiqué dans le premier conseil) pour accompagner le texte dans son e-mail et même agir comme sous-titres.Pour afficher un anniversaire d’acquisition de clients d’un an, une icône de calendrier a été utilisée.Toutefois, d’autres marques utilisent des icônes pour remplacer complètement le texte, comme Readdle le fait pour remplacer sa liste d’applications ci-dessous.

Readdle Email Design Sample - Travailler avec des icônes

Readdle Email Design Sample – Utilisation d’icônes.Source

7. Offrez d’abord des informations clés

N’oubliez pas que vous n’avez que 11 secondes pour inciter votre lecteur de messagerie à cliquer.Pour tirer le meilleur parti de cette courte période de temps, vous devez attirer votre lecteur et les convaincre qu’il vaut la peine de continuer à lire ou à interagir avec votre e-mail.En fin de compte, l’ensemble de l’e-mail devrait simplement attirer les lecteurs à cliquer sans messages supplémentaires distrayant de cet objectif.

Pour ce faire, utilisez une pyramide à l’envers qui attire d’abord l’attention des lecteurs.Ensuite, construire leur anticipation et enfin leur donner une action à effectuer.Commencez par un titre de trois ou quatre mots qui met en évidence la valeur clé que les lecteurs recevront de la lecture de votre courriel.Suivez ceci avec quelques phrases qui incitent les lecteurs à cliquer en leur montrant la valeur dont ils ont besoin pour y arriver.Enfin, il dispose d’un bouton CTA important qui indique aux lecteurs exactement ce qu’il faut faire.

En outre, les images placées en haut de votre e-mail devraient aider à attirer les yeux de vos lecteurs vers le centre de l’e-mail et le bouton CTA.Par exemple, dans cet e-mail Behavior Tech, le chevauchement des triangles montre l’image en haut attire naturellement le lecteur du ciel au coucher du soleil, à travers l’eau (entre la falaise et les rochers) et la copie de l’e-mail.De là, les lecteurs sont encouragés à cliquer avec un message fort mais court.Enfin, ils reçoivent un OTC de premier plan.

Exemple inversé de conception d’email de triangle avec la superposition de triangle - technologie de comportement

Exemple de conception inversée d’email de triangle avec la superposition de triangle – Technologie de comportement.Source

8. Créer des projets adaptés aux mobiles

Selon Blue Corona, 75% des e-mails sont contrôlés via des appareils mobiles.Ce nombre passe à 81 % chez les personnes âgées de 18 à 24 ans. Cela signifie que si vos e-mails ne répondent pas aux appareils mobiles, vous perdrez jusqu’à 81% de vos lecteurs.Par extension, cela signifie que vous perdez 81% des conversions potentielles de messagerie.Bottom line: Envoyer des e-mails qui ne supportent pas les appareils mobiles est une grosse erreur.

Un e-mail mobile réactif (également connu sous le nom de courriel optimisé pour le mobile) est celui qui s’affiche bien sur les appareils de bureau et mobiles.Créer des e-mails réactifs n’est pas difficile.Lorsque vous concevez manuellement votre e-mail, voici quelques conseils :

  • Soyez concis dans votre message, en gardant tout le texte de l’e-mail à environ cinq phrases.
  • Sélectionnez un modèle de messagerie à colonne unique (la plupart des logiciels de marketing par courriel les offrent).
  • N’incluez qu’un seul bouton d’appel à l’action.
  • Utilisez un caractère de titre minimum de 22pt et un caractère corporel de 14pt.
  • Choisissez une couleur de police qui contraste fortement avec l’arrière-plan.

Par exemple, l’e-mail ci-dessous a été envoyé par Casper.Affiche un texte minimal, une grande copie et des polices d’en-tête, des couleurs de texte très contrastées et un bouton CTA, tous parfaitement alignés dans une colonne pour une expérience de visualisation idéale sur n’importe quel appareil.

Conception d’e-mails sensibles à Casper Mobile

Conception d’e-mails sensibles à Casper Mobile.Source

Conseil pro : De nombreux logiciels de marketing par courriel (tels que Constant Contact) n’offrent que des modèles d’e-mail de réponse mobile.Ainsi, au lieu de limiter tous les projets de bureau aux e-mails à une colonne, vous pouvez créer un e-mail pour regarder grand sur les ordinateurs de bureau, et le logiciel va automatiquement l’ajuster pour regarder grand sur n’importe quel appareil.

9. Inclure l’animation

Un GIF ressemble à une courte vidéo qui s’exécute toutes les quelques secondes.En fait, il s’agit d’une série d’images rapidement affichées qui, ensemble, ressemblent à du mouvement.Selon Litmus, les GIF dans les e-mails sont très populaires, avec la plupart (56,6%) des spécialistes du marketing par e-mail qui les utilisent.De nombreuses marques se tournent vers les GIF pour augmenter l’engagement des e-mails en instillant des émotions (comme la nostalgie ou l’intrigue) dans leurs e-mails.D’autres l’utilisent pour montrer comment leurs produits fonctionnent ou apparaissent en trois dimensions.

La création d’un GIF est non seulement facile mais gratuite.Par exemple, de nombreux utilisateurs de Mac se tournent vers GIF Brewery pour créer des GIF, tandis que les utilisateurs de Windows utilisent souvent GIF Animator comme outil préféré.Par exemple, pour utiliser GIF Brewery, téléchargez l’application GIF Brewery sur le Mac Apple Store.Donc, importer une vidéo ou faire un enregistrement à partir de votre Mac.Ensuite, utilisez des outils d’édition GIF brasserie pour resize, recadrer, définir la longueur GIF, appliquer des filtres, et ajouter des légendes ou des images qui se chevauchent.

Un exemple d’un GIF induisant l’émotion est le GIF du Black Friday d’Amazon.À temps pour atteindre les lecteurs de courriels qui se préparent pour les fêtes et profiter (ou vouloir qu’ils profitent) soirées agréables au bord du feu, chaque écran de l’appareil électronique à l’intérieur du GIF montre un feu crépitant.L’effet douillet, voire nostalgique, attire l’attention des lecteurs et leur donne envie d’expérimenter davantage le concept.

Null

Null

10. Utilisez plus de texte que d’images

Lorsque vous utilisez trop d’images et peu de texte dans un e-mail, vous risquez que le serveur rejette ou filtre l’e-mail comme spam.Certains clients de messagerie bloquent les images par défaut, c’est-à-dire que si l’e-mail entier est une image, il n’apparaîtra pas lorsque les abonnés cliquent sur l’e-mail.En outre, les e-mails avec des images excessives sont susceptibles d’être ajoutés aux filtres anti-spam par courriel

Pour éviter cela, n’oubliez pas que 80% de votre e-mail doit être texte et seulement 20% de celui-ci devrait être des images.Ensuite, évitez de concevoir une image e-mail (comme un format infographie, par exemple) — qui comprend toutes les copies du corps et des images — puis envoyez l’image.Au lieu de cela, votre e-mail doit être des composants distincts du texte et des images.En outre, le texte doit inclure suffisamment d’informations pour encourager la lecture continue, même si les images ne sont pas affichées.

Toutefois, si vous ressentez l’envie irrésistible d’utiliser beaucoup d’images ou une image pour l’ensemble de l’e-mail, créer un équilibre en ajoutant du texte footer.Cela peut inclure des informations et des ressources utiles, telles que des liens de désabonnement, des rappels d’autorisation, l’adresse commerciale et des invitations à vous suivre, ou en apprendre davantage sur vos autres canaux de marketing (tels que les médias sociaux ou votre site Web).Par exemple, notez le texte footer et l’équilibre global image-texte dans l’e-mail d’adobe ci-dessous.

Adobe Email Sample - Rapport text-to-image

Adobe Email Sample – Rapport text-to-image.Source

Conseil pro : De toute évidence, si votre e-mail ne contient que 20% des images, ces images doivent être comptées.Les images stock se prêtent rarement à la valeur d’un e-mail comme une image qui a été faite sur mesure pour compléter votre message.Cela signifie qu’il est préférable de créer vos propres images personnalisées.Si, comme la plupart des entrepreneurs, vous n’êtes pas graphiste, vous pouvez facilement en embaucher un pour aussi peu que 5 $ par image de Fiverr.Il suffit d’ouvrir un compte gratuit, puis la recherche de « graphistes ».

11. Ajouter des fonctionnalités interactives ou dynamiques

La conception interactive de courriels attire les lecteurs, c’est pourquoi l’une des plus grandes tendances en matière de conception de courriels a été nommée en 2018 par 44 % des répondants de Litmus.Non seulement il fait se réjouir les lecteurs et prêter attention, mais une étude menée par le Content Marketing Institute a constaque 66% des marques disent contenu interactif augmente l’engagement pour leurs entreprises.

Comment les marques utilisent-ils le contenu interactif dans les e-mails ?Certains utilisent des menus interactifs qui aident les abonnés du courrier électronique à élargir le contenu entourant le produit sur qui ils sont spécifiquement intéressés à en apprendre davantage, directement à partir des courriels qu’ils ont reçus.Nordstrom est un exemple de l’une de ces marques, comme vous pouvez le voir dans l’e-mail ci-dessous.

Nordstrom Email Sample - Menu interactif

Nordstrom Email Sample – Menu interactif.Source

Cependant, d’autres comme Forever 21 jouent sur le sens de la curiosité des lecteurs en incorporant des gratteurs interactifs; les utilisateurs doivent gratter une zone pour révéler un code pour gagner un rabais.En fin de compte, les marques créent des expériences à retenir et deviennent des marques inoubliables.

Null

Null

12. Utilisez l’espace blanc stratégiquement

L’espace blanc est l’espace autour des images et des blocs de contenu.Il n’a pas besoin d’être blanc, mais il n’a pas besoin d’être content comme le texte ou les images.Utilisé stratégiquement, l’espace blanc vous permet d’organiser le contenu, de le rendre plus consommable et de diriger les yeux des lecteurs vers le contenu clé.Il peut également ajouter de l’espace pour respirer autour de votre contenu, aidant à réduire les temps de charge, éviter les écrans de lecteur écrasante, et de prévenir les clics indésirables.

Par exemple, dans la copie, l’espace blanc distingue les points clés, les mettant ainsi en valeur.Avant et après les en-têtes aider à rendre la copie scannable.Lorsqu’il est utilisé autour d’images de produits, il attire l’attention des lecteurs sur les images et augmente la sensibilisation des produits.De même, il attire l’attention des lecteurs sur les contenus induisant l’engagement tels que les boutons, les expériences interactives et les GIF.Enfin, il garantit que les lecteurs n’interagissent qu’avec le contenu qu’ils ont l’intention (sans clics accidentels) sur les petits écrans.

Le test décisif, par exemple, utilise des espaces blancs pour mettre l’accent sur le contenu clé qui stimule la curiosité et encourage la lecture continue.« Enregistrer les dates! »Les boutons CTA sont entourés d’un grand espace blanc, attirant les yeux des lecteurs vers eux et s’assurant que les lecteurs ne cliquent pas accidentellement sur les fonctionnalités indésirables sur les petits écrans.Cela signifie des conversions traçables de haute qualité.Enfin, pour éviter un écran désordonné, ils taquinent plus de valeur et dirigent les lecteurs à en apprendre davantage grâce à leur fil Twitter.

Exemple d’e-mails shelvesee: utilisation stratégique de l’espace blanc

Exemple d’e-mails shelvesee: utilisation stratégique de l’espace blanc.Source

13. Choisissez pas plus de deux caractères lisibles

Il existe deux principales catégories de personnages, serif et sans serif.Les caractères Serif ont ces petites lignes qui s’étendent de la fin de chaque trait en lettres et symboles.Ces détails supplémentaires les rendent plus imaginatifs et donnent à votre e-mail un look plus sophistiqué ou formel.Les polices Sans Serif n’ont pas ces détails supplémentaires et offrent donc une ambiance plus décontractée.Il est important de faire correspondre la police que vous utilisez dans votre e-mail à votre image de marque, y compris si elle est formelle ou décontractée.

Toutes les polices que vous voyez sur le Web ne sont pas installées sur tous les appareils.Si votre utilisateur utilise un appareil qui n’a pas installé sa police choisie, votre client de messagerie le remplacera par un appareil qui l’est, puis modifiera l’apparence de votre e-mail.Cependant, il ya certains qui sont offerts sur tous les appareils, tels que Arial, Géorgie, Times New Roman, et Courier.Cliquez ici pour une liste complète.Pour vous assurer que votre e-mail est cohérent sur tous les appareils, choisissez vos polices de messagerie à partir de cette liste.

Par exemple, Kate Spade combine des personnages d’en-tête sophistiqués avec des caractères de texte de corps concrets et occasionnels.Le résultat est un e-mail qui rend les vêtements et accessoires chics et sophistiqués à la portée des femmes de tous les jours.

Kate Spade exemple e-mail: caractères mixtes

Exemple de l’e-mail de Kate Spade : personnages mixtes.Source

Conclusion

Chaque e-mail d’entreprise doit être créé et envoyé avec un objectif marketing spécifique à l’esprit.Pour la plupart des entreprises, cela signifie que les e-mails devraient encourager les lecteurs à cliquer sur un bouton d’appel à l’action.Pour créer cet objectif, les marques doivent prêter attention à la façon dont elles utilisent les images, le texte et l’espace blanc, ainsi qu’à l’expérience collective des abonnés que leur conception crée pour les abonnés sur tous les appareils.