Le guide ultime de la conception d’e-mails en 2024

Vous pourriez penser que l’e-mail est un média en voie de disparition, mais selon un rapport de Campaign Monitor, leurs clients ont envoyé 13 milliards d’e-mails de plus en 2020 qu’en 2019, soit plus de 100 milliards au total. Faire en sorte que vos e-mails sortent du lot n’est pas une tâche facile avec toute cette concurrence.

Un bon design d’e-mail peut vous aider à briser la glace avec les lecteurs potentiels et à capter leur attention dès le départ.

Avec le bon design, vous pouvez capturer l’imagination de votre lecteur, le faire participer et le pousser à appuyer sur « acheter maintenant » sur votre produit ou service.

Si vous n’êtes pas sûr de ce qui constitue un bon design, ne vous inquiétez pas. C’est ce que nous allons couvrir dans ce guide. Plus précisément, nous vous apprendrons comment améliorer le design de vos e-mails et nous vous montrerons même 26 exemples pour vous inspirer.

Qu’est-ce qui fait qu’un e-mail est bien conçu ?

Plus de 90 % de la population des États-Unis utilise actuellement l’e-mail. Bien entendu, il n’existe pas de style parfait de conception d’e-mail qui plaira à tout le monde.

Toutefois, quelques concepts universels peuvent vous aider à concevoir des e-mails efficaces de manière cohérente. Nous aimons les appeler « les trois C ».

• Clair : l’objectif de l’e-mail est évident d’emblée
• Captivant : l’e-mail capte l’attention du lecteur et pique son intérêt
• Créatif : l’e-mail est unique et se démarque des autres e-mails de marketing

Examinons un exemple récompensé pour voir à quoi ressemblent les trois C dans la vie réelle.

Cet e-mail marketing de HP Instant Ink a remporté un IAC Award pour la « Meilleure campagne d’e-mail sur la technologie » en 2021.

Le logo d’Instant Ink et le titre soulignent l’idée d’une encre expédiée à domicile.

C’est captivant – avec un mélange d’illustrations, de couleurs et une superbe image mise en avant, il attire votre attention.

Il est créatif – il ne se concentre pas sur les cartouches d’encre, mais sur le fait que le service livre à votre porte.

Vous n’avez pas besoin de l’idée la plus incroyable de tous les temps pour créer un bon design. Commencez par évaluer vos e-mails existants et trouvez des éléments à améliorer.

Vous devriez réfléchir à :

• Comment vos e-mails se classent-ils par rapport aux trois « C » ?
• Votre taux de clics (CTR). Pour référence, le CTR moyen varie de 2,6 % à 2,34 %
• Si vos e-mails vous aident à atteindre vos objectifs
• Vos e-mails génèrent-ils du trafic vers votre site web?

Lorsque vous créez de nouveaux e-mails et de nouvelles campagnes, continuez à vous appuyer sur ce que vous avez appris.

Nous vous proposons également des conseils et des meilleures pratiques que vous pouvez commencer à utiliser dès maintenant si vous partez de zéro.

11 meilleures pratiques cruciales dans la conception d’e-mails

Voici onze meilleures pratiques que tous les spécialistes du marketing par e-mail devraient suivre. Vous pouvez également considérer les meilleures pratiques de marketing par e-mail lorsque vous vous concentrez sur le côté marketing de l’e-mail.

1. Rédigez une ligne d’objet forte

La ligne d’objet est votre chance de faire une première impression sur votre lecteur et a un effet unique sur les taux d’ouverture. Alors que le taux d’ouverture moyen des e-mails varie entre 18 et 22 %, certains spécialistes du marketing obtiennent des taux d’ouverture allant jusqu’à 57 % en optimisant uniquement la ligne d’objet.

En bref, les lignes d’objet sont cruciales. Pour les optimiser, utilisez un langage concis et descriptif et incluez une statistique, un chiffre ou une « accroche » pour attirer l’attention du lecteur. Vous devez également éviter les mots « spammy » comme « gratuit » ou « argent facile »

2. Restez fidèle à la marque

La conception de votre e-mail a un impact sur la façon dont les consommateurs perçoivent votre marque, il est donc crucial de considérer chaque élément de conception avec soin. Les éléments de conception comprennent les logos, les couleurs, les polices, les choix de mise en page, les vidéos, les images et les infographies.

Pour de meilleurs résultats, faites correspondre votre design à votre public. Par exemple, si vous devez cibler un public B2B, vous pouvez utiliser des éléments de design professionnels comme des couleurs sourdes et des polices de caractères épurées. Un produit B2C peut utiliser une image de marque plus « décontractée ».

3. Restez simple et ciblé

Les mises en page compliquées des e-mails peuvent désorienter les lecteurs, et lorsqu’ils se sentent désorientés, ils cliquent sur le bouton « retour ». Vous devriez adopter un design simple, propre et minimaliste dans vos e-mails.

Vous devez également utiliser la même mise en page et la même image de marque dans chaque e-mail, afin que le lecteur sache à quoi s’attendre.

4. Stimulez l’engagement

Pour susciter l’engagement des lecteurs, incluez un appel à action (Call to action ou CTA) fort dans chaque e-mail. Sélectionnez soigneusement votre texte d’ancrage, faites en sorte que votre bouton de CTA soit grand, et placez-le de manière stratégique pour optimiser vos conversions.

5. Donnez à votre contenu de l’espace pour respirer

Si vous remplissez chaque centimètre carré de l’écran du lecteur, il ne saura pas où regarder. Utilisez des séparateurs et des espaces blancs pour attirer leur regard sur votre contenu et mettre en valeur les éléments essentiels comme votre CTA ou l’image du produit.

6. Suivez une cascade d’informations

Une cascade d’informations (parfois appelée pyramide d’informations) présente vos informations les plus importantes et vos informations les moins importantes en bas.

7. Utilisez des e-mails responsive

Avez-vous déjà ouvert un e-mail sans pouvoir voir des sections ou des images entières ? Si vous utilisez des tailles fixes, les différentes tailles d’écran des appareils déformeront votre conception. C’est pourquoi le responsive est essentiel. Utilisez les principes du responsive web design pour adapter votre conception aux proportions optimales pour les différentes tailles de fenêtres et d’écrans.

8. Assurez l’accessibilité

Si vous voulez maximiser votre portée – et satisfaire aux directives et lois sur l’accessibilité – il est essentiel de tenir compte de la façon dont les personnes atteintes de dyslexie, de daltonisme ou de déficience visuelle peuvent percevoir votre marketing par e-mail. Pour rendre vos conceptions d’e-mails accessibles, utilisez des polices de caractères adaptées à la dyslexie, du texte alt, des couleurs adaptées aux daltoniens et du texte simple que les lecteurs d’écran (comme le lecteur KNFB) peuvent lire à haute voix.

9. Optimisez les performances

Étant donné que la personne moyenne ne consulte un e-mail que pendant 11 secondes, vous devez vous concentrer sur les performances pour obtenir des résultats. Idéalement, votre e-mail doit se charger rapidement et fonctionner sur tous les appareils (car en 2021, 54,8 % du trafic Internet provient d’appareils mobiles).

Vous devriez également suivre vos conversions pour mesurer l’efficacité de vos efforts marketing et de toute nouvelle tactique que vous essayez.

10. Incluez un lien de désabonnement

De nombreuses réglementations rendent obligatoire l’utilisation d’un lien de désabonnement. La règle CAN-SPAM de 2003 de la Federal Trade Commission (Controlling the Assault of Non-Solicited Pornography And Marketing (CAN-SPAM)) est l’une de ces réglementations.

Pour vous assurer que les gens peuvent se désabonner sans problème, incluez toujours un lien clair, facile à utiliser et affiché bien en évidence.

11. Utilisez l’authentification d’e-mail

L’authentification d’e-mail permet à votre outil de marketing par e-mail d’envoyer des e-mails en tant que votre domaine (de sorte qu’ils proviennent de « votre site.com », et non de « via mcsv.net »). L’utilisation de l’authentification des e-mails donnera à vos e-mails un aspect plus professionnel.

Exemples de bonne conception d’e-mails

Créer un design créatif et de haute qualité à partir de rien n’est pas une tâche facile, même si vous êtes une personne naturellement créative. Heureusement, vous n’avez pas à partir de zéro.

Cette section présente 26 exemples de bons designs d’e-mails, en soulignant ce que nous aimons chez eux.

E-mails de bienvenue

Les e-mails de bienvenue sont la première chose qu’un client reçoit de votre part lorsqu’il s’inscrit à votre liste de diffusion. Faire une bonne introduction est essentiel pour construire une relation durable et engageante.

Ipsy

L’e-mail de bienvenue d’Ipsy est un exemple A+ d’une excellente introduction. Voici ce que nous aimons à son sujet :

• Ipsy’s a nommé sa newsletter électronique « rafraîchissements » (ce qui la fait ressembler davantage à un club de loisirs qu’à des e-mails marketing)
• L’e-mail d’Ipsy offre au lecteur un kit de démarrage gratuit pour prendre soin de soi
• Ipsy a assorti les couleurs de l’arrière-plan, de l’image et de l’emballage du produit

Under Armor

L’e-mail de bienvenue d’Under Armor fonctionne parce que l’équipe marketing a choisi des images et du texte ayant pour thème son produit. Voici d’autres choses que nous aimons :

• Le logo d’Under Armor est la première chose que vous voyez
• Les couleurs des images sont assorties et font ressortir l’e-mail
• La hiérarchie visuelle de l’e-mail le rend intéressant

Beefree.io

Bien qu’il ne s’agisse pas techniquement d’un e-mail de bienvenue, cet e-mail de confirmation de BeFree est si bon que nous devions le présenter ici. Pourquoi ? Cet e-mail illustre parfaitement ce qui est possible avec le logiciel de conception de BeeFree. Voici d’autres choses que nous aimons :

• L’animation est adorable
• Les couleurs pastel sont jolies mais n’ont pas l’air enfantines
• BeeFree inclut des liens vers ses réseaux sociaux
• BeeFree a utilisé son logiciel pour créer le design de l’e-mail

Peloton

L’e-mail de bienvenue de Peloton contient plusieurs sections de texte, mais il ne semble pas encombré parce qu’ils ont utilisé l’espace blanc de manière efficace. Nous l’aimons aussi parce que :

• Peloton a utilisé des symboles pour attirer l’attention du lecteur sur les sections « Résistance » et « Cadence »
• Peloton commence son e-mail par une image qui lui donne un air de communauté
• L’e-mail explique ce que fait l’application Peloton et apprend au lecteur à l’utiliser

Evernote

L’e-mail de bienvenue d’Evernote a deux objectifs : souhaiter la bienvenue à l’abonné et l’aider à télécharger l’application Evernote gratuite. Nous l’aimons aussi parce que :

• L’e-mail comprend un lien vers les ressources de présentation d’Evernote
• Le bouton de CTA d’Evernote est vert et correspond à la couleur de la marque Evernote
• Evernote a inclus un lien vers le service clientèle pour les clients qui ont des difficultés à installer l’application

E-mails d’abandon de panier

Les e-mails d’abandon de panier sont des e-mails générés automatiquement que vous envoyez aux clients dans les 24 à 72 heures après qu’ils aient abandonné leur panier. Comme le réengagement du client potentiel est le principal objectif de ces e-mails, ils doivent attirer l’attention du lecteur.

American Giant

L’e-mail d’abandon de panier d’American Giant est un excellent exemple d’un design noir et blanc élégant et vivant. Nous l’aimons aussi parce que :

• American Giant montre au lecteur l’article dans son panier
• American Giant propose un lien vers ses réseaux sociaux
• L’e-mail utilise efficacement le texte du pré-en-tête

Gerry’s

L’e-mail de Gerry’s est l’opposé coloré de celui d’American Giant. Voici ce que nous aimons :

• L’en-tête rappelle au lecteur d’une manière créative qu’il a abandonné son panier
• L’e-mail s’adresse au destinataire par son nom
• Les couleurs sont amusantes mais pas envahissantes

Stetson

L’e-mail de Stetson a une touche conviviale qui le rend efficace : l’offre de livraison gratuite. Voici d’autres choses que nous aimons :

• Stetson a utilisé les couleurs de sa marque dans tout l’e-mail
• L’e-mail renvoie le lecteur vers les catégories pertinentes de la boutique
• Le CTA indique la rareté en précisant « jusqu’à épuisement des stocks »

Newsletters

Les newsletters sont des e-mails réguliers qui informent vos clients des nouveaux produits et services, de votre dernier contenu et de vos actions caritatives. Naturellement, elles doivent être informatives et attrayantes.

Shuka Design Bureau

Cet e-mail de Shuka Design Bureau est un excellent exemple de newsletter créative. Voici ce que nous aimons :

• L’e-mail présente une bande dessinée accrocheuse
• Le texte s’adapte au thème de la bande dessinée
• La bande dessinée utilise des couleurs vives et un style artistique distinct

Email on Acid

La newsletter d’Email on Acid adopte également une approche unique. Nous aimons :

• Le thème du journal dans l’e-mail
• L’utilisation d’espaces blancs pour séparer le texte
• C’est un excellent exemple de la façon dont l’e-mail peut jouer un rôle dans le marketing de contenu efficace
• Le schéma de couleurs noir et blanc

Increment

Increment a adopté une approche plus élégante pour le design de sa newsletter. Nous aimons :

• La façon dont Increment utilise des questions pour inciter le lecteur à cliquer sur « Lire le numéro »
• Le fait qu’Increment ait nommé ce numéro de sa newsletter « Containers » pour lui donner un thème
• La façon dont l’image d’en-tête sur le thème de l’espace s’aligne sur le thème

Les e-mails de vacances

Les e-mails de vacances captent l’attention du lecteur et l’incitent à acheter en utilisant une offre spéciale de célébration. Il s’agit de capturer l’essence de la fête avec votre e-mail et votre promotion.

BarkBox

L’e-mail « joyeux anniversaire » de BarkBox fait monter les enchères auprès des clients en leur offrant un produit unique (un gâteau d’anniversaire pour chiens). Nous adorons le caractère unique de cette approche, ainsi que :

• Le langage amusant comme les délices de la queue de pie
• La façon dont il précise le prix de l’offre, la limite de temps et les attentes

Gantri

L’e-mail de Gantri présente intelligemment le lecteur avec un problème (« toujours à la recherche du cadeau parfait » et positionne la carte Gantri comme une solution). Nous aimons aussi cela :

• L’e-mail met en évidence les avantages de la carte Gantri
• Le placement du CTA juste sous l’en-tête axé sur le problème

Judy

L’e-mail de Judy adopte une approche différente de celle de BarkBox ou de Gantri, car l’e-mail de Judy vise à établir une relation avec les lecteurs. Nous l’aimons parce que :

• La grande taille de la police et le design mettent en valeur l’en-tête
• L’e-mail inclut des femmes de différentes origines dans la photo d’en-tête
• Il utilise l’espace blanc pour mettre le texte en valeur

RXBAR

L’email d’Halloween de RXBAR est effrayant et amusant. Nous aimons cela :

• L’en-tête utilise une tournure amusante de « trick or treat »
• L’e-mail comprend des liens pertinents en haut de page
• Le design utilise des images emblématiques d’Halloween comme les ongles de Frankenstein, les chauves-souris et les citrouilles

E-mails pour les produits numériques

Les e-mails pour les produits numériques sont particulièrement efficaces pour les ventes, car les clients reçoivent l’accès à votre service peu de temps après s’être inscrits via votre lien de CTA. Leur objectif est souvent d’inciter les gens à acheter sur-le-champ.

Postable

Cet e-mail de Postable fonctionne parce qu’il aborde le problème du lecteur : les adresses périmées pendant les vacances. Nous l’aimons aussi parce que :

• Le CTA de Postable est la première chose que le lecteur voit
• L’e-mail comprend un graphique de l’application Postable
• Excellente utilisation de l’espace blanc pour mettre en évidence l’objectif principal : amener l’utilisateur à mettre à jour son adresse

MarkUp

Cet e-mail de MarkUp est excellent car il apprend aux lecteurs comment utiliser MarkUp tout en leur vendant le logiciel. Nous l’aimons aussi parce que :

• MarkUp a utilisé des icônes pour accentuer la copie
• Le logiciel de MarkUp est la première chose que vous voyez
• Le CTA est au-dessus du pli

Typeform

L’e-mail de Typeform fonctionne parce qu’il s’ouvre sur l’Unique Selling Point (USP) de la société – « une nouvelle façon d’utiliser la vidéo dans le marketing » Nous aimons aussi cela :

• Typeform montre des exemples de son marketing vidéo
• L’e-mail utilise une police accessible
• L’image utilise la hiérarchie pour attirer l’œil du lecteur

E-mails de vente

Les e-mails de vente proposent aux abonnés une réduction exclusive pour les inciter à acheter. Naturellement, ils ont besoin de CTA puissants.

GoPro

Le CTA de cet e-mail de GoPro fonctionne bien car la hiérarchie du texte en fait la deuxième chose que les internautes liront après « baisse de prix ». Nous l’aimons aussi parce que :

• GoPro a utilisé une palette de couleurs assorties dans tout l’e-mail
• Une image massive du produit met en valeur le produit
• L’e-mail contient deux offres : la livraison gratuite et un prix plus bas

MCM

Cet e-mail de vente de MCM est excellent car il utilise une image au lieu d’un gros morceau de texte pour faire la publicité du sac. Nous aimons aussi cela :

• L’image mise en avant mêle illustration et photographie
• Le bouton de CTA se démarque
• L’e-mail comprend des liens de boutique dans l’en-tête

Modern Mammals

Cet e-mail de vente de Modern Mammals fonctionne bien car il montre le produit en action plutôt qu’une photo statique. Nous l’aimons aussi parce que :

• L’e-mail utilise plusieurs couleurs de police pour mettre l’accent
• L’image d’arrière-plan correspond à l’emballage du produit
• Le texte met en valeur l’USP du produit

E-mails de témoignage et d’avis

Les e-mails de témoignage et d’avis demandent une faveur au lecteur. Ils doivent donc s’appuyer sur la fidélité pour inciter le lecteur à laisser une critique.

G2

L’e-mail « review it today » de G2 est persuasif car il donne au lecteur l’impression qu’il peut aider les autres avec son avis. Nous aimons aussi cela :

• G2 montre un éventail d’avis dans les photos (pas seulement des avis positifs)
• G2 garde l’e-mail bref
• Le CTA est descriptif

Target

L’e-mail de Target fonctionne parce qu’il est personnalisé pour chaque client – il demande un avis et aide les clients mécontents à contacter le support. Nous aimons aussi cela :

• L’e-mail utilise des en-têtes comme séparateurs entre les blocs de contenu
• Les deux boutons de CTA sont de couleurs différentes pour plus de clarté
• Il montre l’achat du lecteur avec une image

Bite

Cet e-mail d’évaluation de Bite adopte une approche unique, puisqu’il propose de montrer au lecteur les évaluations d’autres clients. Nous aimons aussi cela :

• Bite a utilisé plusieurs nuances de vert pour créer une hiérarchie
• Bite renvoie à sa page «à propos de nous »
• Bite inclut son produit dans l’image

E-mails de stratégie de marque

Les e-mails de stratégie de marque présentent aux lecteurs l’« ABC » de votre entreprise, y compris l’identité de votre marque, votre mission et votre stratégie de vente. Naturellement, ils doivent susciter un intérêt profond pour votre marque.

Thinx

Cet email de branding de Thinx capte l’attention du lecteur en lui présentant un employé (Morgs). Nous aimons aussi cela :

• Thinx a utilisé une palette de couleurs mates appropriée
• Thinx a thématisé la rédaction de l’e-mail autour de son produit et de sa mission

Wisp

Cet email de branding de Wisp fonctionne car il aide les clients potentiels à naviguer dans leurs offres. Nous aimons aussi cela :

• Wisp utilise des questions pour attirer l’attention du lecteur
• Wisp renvoie à ses « favoris de la communauté »
• Wisp utilise une image qui se fond dans l’arrière-plan de l’e-mail

Comment créer votre propre design d’e-mail

Maintenant que vous avez vu vingt six exemples de bonne conception d’e-mail, vous êtes prêt à mettre votre œil nouvellement formé pour la conception au travail. Voici trois façons de créer le design de votre e-mail :

1. Utilisez un logiciel de marketing par e-mail

De nombreux outils logiciels de marketing par e-mail populaires ont des modèles intégrés que vous pouvez utiliser. Cela inclut Mailchimp, Constant Contact, SendinBlue, Drop et HubSpot.

Vous pouvez facilement utiliser leurs modèles et leurs constructeurs de glisser-déposer pour créer votre design unique.

Pour :

• Facile et rapide
• Vous pouvez modifier le texte, les images et les parties essentielles du modèle
• Vous savez que votre conception fonctionnera sur les ordinateurs de bureau et les mobiles
• Vous pouvez utiliser les mêmes modèles plusieurs fois
• Vous n’aurez généralement pas besoin de payer un supplément

Contre :

• Ces modèles sont conçus pour un large public cible (ils peuvent donc ne pas correspondre au reste de votre image de marque)

2. Utilisez un outil dédié à la conception d’e-mails

Les outils logiciels de conception d’e-mails offrent des modèles d’e-mails et des fonctionnalités uniques pour créer un design unique. Stripo, Chamaileon, BeeFree et Postcards sont tous d’excellentes options.

Pour :

• Très faciles à utiliser pour les personnes sans formation en design
• Ces outils disposent de centaines de modèles (il est donc facile d’en trouver un qui réponde à vos besoins)
• Personnalisation complète – modifiez la mise en page, les couleurs, les images, le style et le texte
• De nombreux modèles sont adaptés aux appareils mobiles

Contre :

• Vous devrez peut-être payer pour avoir accès à ces outils
• Vous devrez télécharger votre modèle et l’importer dans votre logiciel de marketing par e-mail (ou utiliser une intégration, le cas échéant)

3. Créez un design personnalisé

Enfin, vous pouvez créer un design d’e-mail personnalisé à partir de zéro avec un outil comme Adobe InDesign, VivaDesigner, Scribus, ou simplement le coder avec HTML et CSS en ligne.

Pour :

• Votre design sera unique
• Flexibilité totale
• Vous pouvez vous assurer que votre conception est adaptée aux appareils mobiles et que vos images sont de haute qualité

Contre :

• Les logiciels de conception sont chers
• Cela prend beaucoup de temps
• Vous devez avoir de solides connaissances en matière de design

Résumé

En 2020, il y avait plus de 4,03 milliards d’utilisateurs d’e-mails dans le monde, et les gens envoyaient et recevaient 319,6 milliards d’e-mails par jour. Naturellement, il est difficile de se démarquer dans les boîtes de réception de vos abonnés.

C’est pourquoi un bon design d’e-mail est crucial. Attirer l’attention de votre public est la première étape pour entretenir votre relation avec les prospects, augmenter vos revenus et vendre vos clients de manière efficace.

Pour maîtriser une bonne conception d’e-mail, assurez-vous de :

• Utiliser les espaces blancs pour mettre l’accent
• Développer des visuels de haute qualité pour attirer l’attention du lecteur
• Utiliser un texte clair, notamment dans votre en-tête et votre CTA
• Utiliser une approche descendante pour hiérarchiser le contenu
• Être créatif

Nous aimerions savoir tout ce que vous savez sur la conception d’un bon e-mail. Lequel de ces designs vous a le plus plu, et comment créez-vous des e-mails uniques pour votre marque ? Dites-le nous dans les commentaires ci-dessous.