Les choses à faire et à ne pas faire en matière de conception d'e-mails

A ne pas faire

• N'utilisez pas une seule image pour vos e-mails ; de nombreux clients de messagerie n'affichent pas automatiquement les images.
• Ne présentez pas de long bloc de texte n'importe où dans votre e-mail. Au lieu de cela, divisez le contenu en sections concises.
• Ne faites pas vos e-mails trop longs. Certains clients de messagerie coupent les longs messages (Gmail, par exemple, coupe tous les messages de plus de 102 Ko). Les messages tronqués sont non seulement mauvais pour le marketing et le transfert, mais ils peuvent enfreindre les règles CAN-SPAM car ils masquent les liens de désabonnement.
• N'insérez pas tout ce à quoi vous pouvez penser dans vos e-mails ; utilisez plutôt les e-mails comme outils pour motiver les clics pour plus d'informations et d'achats.
• N'utilisez pas d'arrière-plan sombre, à motifs ou d'image pour votre contenu (vous pouvez avoir un arrière-plan sombre derrière une zone de contenu principale plus claire, ce qui peut faire apparaître votre e-mail, bien qu'il ne s'affiche pas dans tous les clients de messagerie).
• Ne rendez pas votre mise en page trop chargée - gardez vos e-mails simples avec des résumés faciles à digérer et des appels à l'action clairs.

Conseils sur la couleur des e-mails

Votre choix de couleur d'e-mail peut aider votre marque et votre message à se démarquer. Bien qu'il soit amusant d'expérimenter avec les couleurs, vos choix doivent être stratégiques.

À faire

• Limitez le nombre de couleurs que vous utilisez (vous pouvez faire correspondre les couleurs de votre marque et de votre site Web, ou choisir des couleurs spécifiques à votre promotion actuelle).
• Contraste du texte sombre sur un fond clair.
• Remplissez les en-têtes et les pieds de page avec votre couleur primaire, si vous le souhaitez, ou utilisez des lignes colorées pour les séparer du contenu du corps principal.
• Utilisez des images pour ajouter des couleurs supplémentaires à la conception de votre e-mail.

Le rouge et le jaune dans l'e-mail de Dr. Martens ci-dessous ajoutent une belle touche de couleur et complètent les éléments en noir et blanc du design. La palette de couleurs limitée attire l'attention du lecteur sur la copie tandis qu'une conception plus chargée aurait pu attirer l'attention sur les informations les plus importantes.

A ne pas faire

• N'utilisez pas de corps de texte coloré – gardez-le en noir ou en gris foncé.
• N'utilisez pas d'arrière-plan de couleur sombre pour votre zone de contenu principale.
• N'utilisez pas plus de deux couleurs dans votre conception (les logos et les images multicolores conviennent).
• N'utilisez pas de couleurs qui s'opposent ou qui sont autrement peu attrayantes.

Polices d'e-mail et conseils typographiques

Gardez une typographie simple pour des e-mails lisibles qui engagent les lecteurs.

À faire

• N'utilisez qu'une ou deux polices dans votre e-mail.
• Utilisez des polices sans empattement pour le corps du texte ; des polices sans empattement ou avec empattement peuvent être utilisées pour les en-têtes et les sous-titres.
• Utilisez des polices simples, faciles à lire et sécurisées pour le Web. Les exemples incluent Open Sans, Helvetica, Courier, Raleway, Droid Serif, Arial, Tahoma, Times New Roman, Georgia et Trebuchet MS.
• Dimensionnez les polices du corps du texte à 14 à 16 points, les polices de titre à 22 à 24 points pour une meilleure lisibilité.
• Utilisez des polices qui correspondent à votre image de marque et à votre message.

Domino's s'amuse avec les polices qu'ils utilisent dans cet e-mail. Mais même leur texte plus stylisé est facile à lire.

A ne pas faire

• Utilisez des polices de caractères ou d'autres polices sophistiquées, qui peuvent être difficiles à lire.
• Utilisez des polices personnalisées qui peuvent ne pas s'afficher correctement sur tous les appareils.
• Utilisez des polices de couleur, sauf pour les en-têtes (le gris foncé ou le noir fonctionnent mieux pour le corps du texte).

Conseils sur les emojis par e-mail

L'utilisation des emoji par les marques a augmenté de 609 % d'une année sur l'autre dans les communications numériques. Voici comment les utiliser correctement.

À faire

• Incorporez des emojis pour économiser de l'espace tout en en disant plus dans les sujets des e-mails (gardez vos sujets sous le seuil «magique» de 49 caractères).
• Utilisez les emojis pour faire ressortir les sujets des e-mails dans les boîtes de réception des destinataires.
• N'utilisez que des emojis pertinents qui aident à transmettre votre message et à créer de l'enthousiasme.
• Ajoutez de la personnalité avec des emojis dans les salutations et les signatures.
• Utilisez les emojis pour mettre en évidence les offres et les offres spéciales dans le corps du texte.

La ligne d'objet ci-dessus de Tarte Cosmetics, avec deux emojis d'ananas, était l'introduction parfaite à un e-mail sur leur nouvelle palette de maquillage en forme d'ananas :

A ne pas faire

• N'abusez pas des emojis - ils doivent servir d'accents significatifs, pas l'essentiel de votre message.
• N'utilisez pas d'emojis déroutants. Tenez-vous en aux emojis universellement reconnus : smileys, tasses à café, etc.
• Ne comptez pas exclusivement sur les emojis pour faire ressortir les points clés. Ils peuvent ne pas s'afficher correctement dans tous les clients de messagerie, ils doivent donc être utilisés pour renforcer votre message.

Conseils sur les images par e-mail

Les images valent mille mots, mais dans les e-mails, elles doivent être utilisées avec modération.

À faire

• Enregistrez des images à 72ppi/dpi et optimisez-les pour le Web pour des e-mails à chargement rapide.
• Utilisez des images JPG et PNG dans les e-mails. Utilisez les GIF avec parcimonie et seulement s'ils ne sont pas trop volumineux.
• Décalez les images et le texte pour une mise en page claire et facile à suivre.
• Utilisez des images convaincantes qui créent le désir et racontent votre histoire : vos produits en cours d'utilisation, par exemple, ou des clients satisfaits.
• Utilisez le texte alternatif de l'image pour que les lecteurs puissent lire de quoi parlent vos images si leurs clients de messagerie ne les affichent pas. Un bon texte alternatif motivera toujours les clics.
• Taille des images pour les écrans Retina (deux fois la taille des écrans normaux).

L'e-mail ci-dessous de Whosits & Whatsits utilise des images de haute qualité pour promouvoir sa nouvelle gamme de chapeaux. Les modèles sont montrés en action, ce qui donne vie aux photos.

Cet e-mail de Whosits & Whatsits utilise des images de haute qualité pour promouvoir sa nouvelle gamme de chapeaux. Les modèles sont montrés en action, ce qui donne vie aux photos.

A ne pas faire

• N'utilisez pas d'images dans l'intégralité de votre e-mail, car elles peuvent ne pas s'afficher automatiquement dans de nombreux clients de messagerie.
• N'utilisez pas d'images pour les boutons d'appel à l'action, car elles risquent de ne pas s'afficher.
• Ne vous fiez pas aux images pour raconter votre histoire ; il sera perdu par les clients de messagerie qui n'affichent pas automatiquement les images.
• N'utilisez pas d'images complexes ou déroutantes qui risquent d'aliéner les clients.
• N'augmentez pas la taille de l'image pour les e-mails. Réduisez toujours la taille pour obtenir des images d'e-mails nettes et captivantes.

Conseils d'appel à l'action (CTA) par e-mail

Votre CTA alimente le succès des e-mails. Assurez-vous qu'il est efficace avec ces conseils.

À faire

• Faites de votre appel à l'action un bouton de couleur qui se démarque du reste du contenu de votre e-mail.
• Gardez votre texte CTA court et significatif : achetez maintenant, apprenez-en plus, lisez plus, etc. Consultez cette liste de 50 appels à l'action qui vendent pour plus d'idées.
• Placez votre premier CTA au-dessus du pli et répétez-le ci-dessous si nécessaire (deux ou trois CTA par e-mail est une bonne règle de base).
• Rendez vos boutons suffisamment grands pour que les lecteurs ne les manquent pas.

Les boutons d'appel à l'action gris foncé d'Uniqlo sont au-dessus du pli et se détachent sur le fond clair de l'e-mail :

A ne pas faire

• Ne surchargez pas votre e-mail avec différents appels à l'action. Au lieu de cela, concentrez-vous sur la conduite des lecteurs vers une seule action. Si vous en avez plusieurs, envoyez plus d'un e-mail.
• N'enterrez pas votre appel à l'action. Vous voulez que votre CTA se démarque, se fasse remarquer et fasse l'objet de clics.
• Ne vous écartez pas de votre sujet. Votre CTA doit s'aligner sur votre sujet afin que les lecteurs sachent à quoi s'attendre lorsqu'ils ouvrent votre e-mail et pour se conformer aux réglementations CAN-SPAM (pas de tromperie !).

Conseils pour l'en-tête et le pied de page des e-mails

Obtenez un look professionnel avec ces conseils pour concevoir des en-têtes et des pieds de page d'e-mails.

À faire

• Incorporez votre logo ou le nom de votre entreprise dans votre en-tête pour identifier votre marque.
• Ajoutez un texte d'accroche avant votre en-tête, qui apparaîtra sur la ligne d'objet dans de nombreux clients de messagerie et vous donnera une autre opportunité d'influencer les ouvertures.
• Appliquez le même en-tête et pied de page à toutes les campagnes pour une image de marque cohérente.
• Incluez des informations de contact, des ressources supplémentaires telles que des liens de médias sociaux et des liens à valeur ajoutée, des liens de désabonnement et tout petit texte légal dans le pied de page.

Dans l'e-mail promotionnel ci-dessous, le logo Lucky Brand est la première chose que vous voyez lorsque vous l'ouvrez. Le détaillant de vêtements inclut également toujours des liens de médias sociaux dans les pieds de page de ses e-mails.

A ne pas faire

• Ne créez pas un design complexe pour votre en-tête ou votre pied de page - restez simple afin que les lecteurs puissent accéder au contenu de votre e-mail.
• N'ajoutez pas beaucoup de navigation à votre en-tête ou pied de page. Simplifiez autant que possible, afin de pouvoir personnaliser efficacement vos e-mails sans gêner votre message.
• N'incluez pas trop de texte dans votre en-tête ou votre pied de page - encore une fois, la simplicité est la clé.

Chaque fois que vous modifiez la conception des e-mails, n'oubliez pas qu'il est préférable de s'assurer que les nouveaux éléments de conception s'affichent correctement sur toutes les plates-formes et tous les navigateurs ; heureusement, le kit de test de VerticalResponse facilite cette partie. Et, armé de ces conseils, vous pouvez concevoir des e-mails convaincants qui s'ouvrent, motivent les clics et alimentent les ventes.