Un petit texte gris sur un fond chargé. Vos yeux fatiguent avant la fin de la première phrase. C'est précisément pour cela que la conception d'e-mails compte pour votre marque. Quand la mise en page et les couleurs combattent le message, les gens partent sans vous dire pourquoi.
Parmi les bonnes pratiques de conception d'e-mails : une mise en page sur une seule colonne, de grandes zones à toucher et un texte alternatif pour les images. Ce chapitre explique, en langage simple, ce que cela signifie, pourquoi cela compte pour votre site et votre marketing, et comment l'appliquer sans vous perdre dans le jargon. Vous verrez aussi comment la conception de newsletters s'inscrit dans le même ensemble. Avançons pas à pas.
Ce que la conception d'e-mails signifie concrètement
Parmi les bonnes pratiques de conception d'e-mails : une mise en page sur une seule colonne, de grandes zones à toucher et un texte alternatif pour les images.
Beaucoup d'abonnés lisent sur leur téléphone en mode sombre.
Le design d'une newsletter doit refléter l'identité de votre site, sans code compliqué.
Par où commencer avec la conception d'e-mails
Gardez le texte essentiel hors des images, au cas où elles seraient bloquées.
Commencez par une seule page, comme votre page d'accueil ou votre principale page de destination. Réglez d'abord le plus gros problème, puis appliquez la même méthode aux autres modèles.
Lisez ce chapitre avec la conception de newsletters pour les bases, puis avec la conception de brochures pour l'étape suivante de ce module.
Une liste de contrôle à appliquer dès aujourd'hui
Gardez le texte essentiel hors des images, au cas où elles seraient bloquées.
Sur chaque page que vous relisez, regardez si la conception d'e-mails se voit dès le premier écran sur mobile. Si ce n'est pas le cas, changez l'ordre des sections avant de peaufiner les détails.
Gardez des captures d'écran avant et après chaque modification pour comprendre ce qui a fait la différence sur votre site en matière de conception d'e-mails.
Partagez cette liste avec toute personne qui met votre site à jour, pour garder les mêmes choix en matière de conception de newsletters sur les nouvelles pages.
Choisissez un indicateur à suivre ce mois-ci, comme le temps passé sur la page ou le nombre de formulaires commencés, pour relier les changements de design à des résultats concrets plutôt qu'à une question de goût.
Le lien avec l'ensemble de votre marque
Les choix visuels ne s'arrêtent presque jamais à une seule page. Le design d'une newsletter doit refléter l'identité de votre site, sans code compliqué.
Vos publications sur les réseaux sociaux, vos e-mails et vos supports imprimés doivent reprendre la même hiérarchie, les mêmes couleurs et les mêmes règles typographiques que sur le web.
Quand les visuels de la marque s'éloignent les uns des autres, les clients ressentent un décalage, même s'ils ne savent pas l'expliquer.
Pour croiser les points de vue, lisez la conception de brochures, un chapitre voisin de ce module.
Beaucoup d'abonnés lisent sur leur téléphone en mode sombre.
Les questions qu'on oublie souvent
Des termes voisins, comme la conception de newsletters ou le design marketing, vous aideront à chercher des exemples plus poussés et à comparer votre travail aux standards courants.
Le design d'une newsletter doit refléter l'identité de votre site, sans code compliqué.
Choisissez un changement à tester cette semaine sur une page en ligne, et notez l'état avant et après. De petites modifications mesurées valent mieux que des plans vagues.
Donner à votre équipe un vocabulaire commun autour de la conception d'e-mails réduit les allers-retours avec les designers et les agences.
Des outils pour faciliter vos mises à jour visuelles
Pas besoin de code sur mesure pour corriger beaucoup de problèmes de mise en page et de style. Un éditeur visuel permet d'ajuster les espacements, les couleurs et la typographie tout en prévisualisant les versions mobile et ordinateur.
WEMASY inclut un créateur de site web avec édition visuelle, pour publier vos changements sans attendre un développeur à chaque retouche. Ouvrez le créateur de site web quand vous voulez appliquer ce que vous avez appris.
Après chaque mise en ligne, relisez la conception de newsletters et la conception de bannières web : le module restera cohérent dans votre tête.
Vous avez maintenant une grille de lecture pour la conception d'e-mails. Servez-vous-en quand vous relisez votre site, validez des visuels marketing ou briefez un designer. Poursuivez avec la conception de bannières web et la conception de brochures pour garder l'élan dans ce module.
Progresser sur la conception d'e-mails se fait petit à petit. Revenez à ce chapitre après avoir mis en ligne une amélioration, pour que les idées passent de la lecture à l'habitude. De petites relectures régulières valent mieux que d'apprendre toutes les règles d'un coup. Notez ce qui a fonctionné auprès de votre public pour accélérer la prochaine mise à jour.
Questions fréquentes
Combien de temps faut-il pour améliorer la conception d'e-mails ?
La plupart des petites entreprises obtiennent des pages plus claires en quelques séances ciblées, une fois les bases de ce chapitre appliquées. Commencez par votre page d'accueil, puis étendez les mêmes règles aux pages de services et de contact.
Faut-il un designer pour travailler sur la conception d'e-mails ?
Un designer est utile pour une refonte complexe, mais beaucoup d'ajustements autour de la conception d'e-mails se font sans aide dès que vous savez quoi chercher. Consultez la conception de newsletters en complément de ce chapitre.
WEMASY peut-il vous aider à appliquer la conception d'e-mails sur votre site web ?
Le créateur de site web de WEMASY inclut un éditeur visuel pour ajuster la mise en page, les couleurs et la typographie sans code. Ouvrez le créateur de site web pour mettre à jour les modèles et prévisualiser les changements sur mobile.
Quelle est l'erreur la plus courante avec la conception d'e-mails ?
On veut souvent tout corriger d'un coup au lieu de traiter une page à la fois. Choisissez une seule priorité, comme la lisibilité ou le contraste, puis consultez la conception de bannières web pour l'amélioration suivante.
Quel lien y a-t-il entre la conception d'e-mails et le SEO ?
Une hiérarchie visuelle claire et un texte lisible gardent les visiteurs plus longtemps sur la page, ce qui joue sur les signaux d'engagement que surveillent les moteurs de recherche. Associez les corrections de design à une bonne structure de contenu pour de meilleurs résultats.
Par où continuer après la conception d'e-mails ?
Poursuivez avec la conception de newsletters et la conception de bannières web dans ce guide pour bâtir un système visuel complet pour votre marque en ligne.