Mise en page de newsletter : 13 idées et conseils

Découvrez nos 13 idées et astuces pour une mise en page de newsletter réussie.

Dossier rédigé par Mathieu Jaulin

Commençons ce guide dédié à la mise en page de newsletter par une simple question : est-ce que le fond est aussi important que la forme ? Beaucoup d’avis et de réponses à cette question existent. Au Blog du Digital, nous pensons que la forme, autrement dit le design, doit servir le fond, autrement dit le contenu. C’est pourquoi la mise en page est primordiale et doit être minutieusement préparée si vous voulez réussir à faire passer votre message.

Dans ce guide, nous vous avons préparé 13 conseils, idées et astuces afin de vous aider à concevoir une mise en page efficace et percutante pour vos newsletters.

Voici le sommaire :

1. Définir vos objectifs,
2. Intégrer des marges,
3. Insérer des boutons,
4. Sélectionner les polices de caractères,
5. Respecter votre charte graphique,
6. Insérer des images optimisées,
7. Adapter votre design pour les smartphones,
8. Tester votre conception,
9. Utiliser un template,
10. Rédiger du contenu percutant,
11. Choisir les bonnes couleurs,
12. Aérer votre contenu,
13. Évaluer vos performances.

Voici le résumé de notre guide en une infographie :

1. Définir vos objectifs et vos attentes

La toute première chose à faire pour votre newsletter est de définir vos objectifs ainsi que vos attentes, avant de vous lancer dans la mise en page. Ainsi, exprimez et écrivez simplement ce que vous attendez de votre mailing. Voici quelques exemples :

• Obtenir plus d’abonnés à votre newsletter,
• Attirer un grand nombre de personnes sur votre site internet,
• Renforcer votre image de marque,
• Obtenir plus d’abonnés sur vos réseaux sociaux,
• Communiquer sur vos nouveautés et vos actualités,
• Inciter vos lecteurs à compléter votre formulaire de contact, ou à prendre rendez-vous en ligne,
• Donner envie à vos internautes d’acheter vos produits ou vos services via votre site web,
• Etc.

Après avoir défini une ou plusieurs attentes, vous pouvez maintenant exprimer vos objectifs. Ici, faites simple et utilisez la méthode SMART, qui n’est sans doute pas révolutionnaire mais diablement efficace. Voici en quoi cette méthode, en anglais, consiste : 

1. S pour specific : vos objectifs doivent être adaptés à votre contexte actuel,
2. M pour mesurable : ils doivent pouvoir être mesurés quantitativement,
3. A pour achievable : ils ne doivent pas être trop élevés,
4. R pour relevant : ils doivent être vraiment pertinents,
5. T pour timed : ils doivent être datés dans le temps.

2. Paramétrer vos marges

Pour permettre une bonne lisibilité, vous devez mettre en page votre contenu de manière intelligente et agréable à l’œil. C’est ici que les marges prennent toute leur importance, et viennent apporter de la légèreté et de la souplesse à votre conception de newsletter. Sans marge, votre contenu semble étriqué et à l’étroit. Il n’incite franchement pas à la lecture, voire l’inverse. Tandis qu’avec de bonnes marges, de longueur égale sur tous les côtés, votre newsletter est bien plus aérée.

Voici un exemple de newsletter dont les marges jouent un rôle primordial pour sa mise en page.

3. Insérer des boutons call to action

Le troisième conseil que nous vous donnons pour correctement mettre en page votre newsletter est d’insérer des boutons, également appelés call to action en anglais ou plus simplement CTAs. Les boutons sont primordiaux pour votre message, car ils doivent inciter vos lecteurs à cliquer. Pour cela, vous devez à la fois soigner le design de vos boutons, mais également leur texte. Voici plusieurs idées pour réussir vos boutons de newsletter :

• Choisissez une couleur de fond qui soit différente, afin de mettre en avant vos Call to action, mais qui s’intègre correctement dans votre charte graphique,
• Arrondissez les angles de vos boutons afin d’apporter un peu plus de douceur,
• Prenez le temps de rédiger les quelques mots qui vont constituer le texte de votre bouton, et surtout intégrez un verbe d’action,
• N’insérez absolument aucun effet au survol de votre bouton, car dans le cadre d’un emailing le CSS n’est pas associé. Cela signifie que vous ne pouvez pas ajouter d’effet personnalisé puisqu’ils ne seront pas visibles par vos lecteurs.

4. Choisir une police de caractères lisible

Pour obtenir de bonnes statistiques de newsletter, vous devez inciter vos internautes à réaliser des actions qui représentent un vrai intérêt pour vous. Pour y parvenir, votre contenu, texte principalement mais pas seulement, doit être parfaitement compréhensible et surtout rapidement lisible. En effet, rien de pire que de recevoir une lettre d’actualités pour laquelle il faut faire l’effort de déchiffrer son contenu. En faisant cela, vous risquez malheureusement de désintéresser vos lecteurs. Même si vous pouvez faire preuve d’originalité, nous vous conseillons de choisir une police de caractères simple et facilement compréhensible. Concrètement, orientez-vous vers des polices sans Serif, autrement dit sans empattement, qui sont plus épurées que celles avec Serif.

Voici la différence entre deux polices de caractères : une sans Serif et une avec Serif.

5. Respecter votre charte graphique et votre identité visuelle

Respecter votre charte graphique : très bonne idée ! Mais attention, il ne s’agit pas de respecter votre charte graphique uniquement pour faire plaisir à votre service marketing ou communication. Le respect d’une charte graphique ou d’une identité visuelle est primordial puisqu’il facilite la reconnaissance de vos campagnes de communication par vos lecteurs. Qu’il s’agisse de newsletter, d’emailing ou bien de n’importe quelle action dans le domaine du numérique, il est toujours pertinent de suivre votre identité visuelle afin de rassurer vos clients.

6. Alléger vos images pour un affichage rapide

En moyenne, sachez qu’un internaute consacre environ 15 secondes à lire un email qu’il reçoit. 15 secondes est un délai très court. Cela signifie que pour réussir la mise en page de votre newsletter, vous devez aller à l’essentiel et optimiser au maximum le contenu de votre message. Bien souvent, ce sont les images qui sont responsables de l’allongement des délais de chargement. La conséquence ? Des lecteurs qui se désintéressent de votre message, qui ne le lisent pas et qui en plus ne vont cliquer sur aucun lien. Concrètement, nous vous conseillons d’optimiser vos images afin de limiter leur poids à 300 Kilo octets, au maximum. Pour alléger vos visuels, vous avez le choix parmi plusieurs outils tels que :

• Imagify,
• Image Compressor,
• Compressor.io,
• CompressJPG,
• Etc.

7. Penser au responsive design

Pour correctement mettre en page votre newsletter, vous devez soigner son apparence pour une lecture autant sur ordinateur que sur smartphone. C’est ici que l’aspect responsive prend toute son importance puisqu’il permet à tout le contenu de votre newsletter de s’afficher correctement, peu importe le type d’écran de votre lecteur : ordinateur, smartphone ou tablette. Si vous utilisez un outil moderne comme Brevo, vous n’aurez aucune difficulté à pouvoir différencier votre conception pour smartphone de celle pour ordinateur. Une fois votre mise en page terminée, menez des tests pour pouvoir constater le rendu visuel de votre emailing. Par contre, si vous pouvez personnaliser quelques éléments visuels pour la version smartphone de votre newsletter, sachez que vous ne pouvez pas réaliser une mise en page complètement différente.

8. Tester avant de diffuser

Nous venons de vous en parler : réaliser des tests est essentiel pour vérifier le design de votre campagne emailing. Ainsi, lorsque vous pensez avoir clôturé votre mise en page pour ordinateur et pour smartphone, faites des tests ! En clair, envoyez votre campagne email à plusieurs adresses email, comme s’il s’agissait de véritables destinataires. Pour cela, renseignez une liste d’adresses de test au sein de votre solution email, et lancez votre campagne de test. Bien évidemment, faites varier les messageries pour des tests plus pertinents : Orange, Gmail, Yahoo, Outlook, etc. Si les tests s’avèrent concluants, vous pouvez envoyer de suite le message à tous vos contacts. Cependant, si ce n’est pas le cas, retournez à l’étape de mise en page et adaptez les éléments jusqu’à ce que tous vos voyants soient au vert.

9. Utiliser un template pour gagner du temps

Vous souhaitez obtenir une superbe mise en page pour votre newsletter mais vous manquez de temps pour la concevoir ? Alors le meilleur conseil que nous pouvons vous donner est d’utiliser un modèle d’email, également appelé template en anglais. Grâce aux templates, vous bénéficiez d’une mise toute prête, qui n’attend plus que votre contenu à personnaliser : 

• Texte,
• Images,
• Boutons,
• Couleur,
• Vidéos,
• Etc.

Ainsi, vous gagnez beaucoup de temps pour votre newsletter. Normalement, la grande majorité des templates sont aujourd’hui entièrement conçus en responsive design. Cela vous garantit une parfaite lecture de votre mailing, peu importe la taille d’écran de votre lecteur (smartphone, tablette ou ordinateur). Avec les modèles de Brevo, vous trouverez des templates pour tous les styles : high-tech, restauration, nature, sport, vous filtrez vos modèles selon vos goûts.

10. Rédiger du contenu de qualité

Voici un conseil que nous ne cesserons jamais de répéter : produisez du contenu de qualité ! C’est le meilleur moyen pour attirer des visiteurs qualifiés sur votre site internet via vos mails ou vos réseaux sociaux. Pour bien comprendre, du contenu pertinent sera toujours privilégié à la fois par vos internautes ainsi que par les algorithmes, qu’il s’agisse de moteurs de recherche ou de réseaux sociaux. C’est ainsi que vous pourrez augmenter le nombre d’abonnés à votre newsletter et gagner de nouveaux followers. En outre, adaptez le volume de contenu à la mise en page de vos messages. Vous constaterez aisément que vos résultats vont suivre. Clairement, produisez du contenu (le fond) qui s’intègre parfaitement au contenant (la forme).

11. Utiliser des couleurs agréables

Lorsque l’on parle de mise en page, le choix des couleurs est très important. Nous vous en avons parlé précédemment, nous vous conseillons de respecter les couleurs recommandées dans votre charte graphique. Ce faisant, vous respectez votre identité visuelle et contribuez à l’harmonie globale de vos actions de communication. Concrètement, nous vous conseillons d’utiliser des variantes de couleurs issues de votre charte graphique. Pour cela, optez pour des couleurs légèrement plus claires ou plus foncées que celles que vous avez l’habitude d’utiliser. Ainsi, vous respectez votre identité visuelle et améliorez la cohérence de votre mise en page visuellement.

12. Aérer votre contenu pour une bonne lisibilité

Au début de notre guide, nous avons mentionné l’importance des marges qui aèrent votre conception de newsletter sur les bords. Nous vous conseillons d’appliquer ce principe d’aération non seulement sur vos marges, mais également à l’ensemble de votre contenu. En clair, dès que vous insérez un élément (bouton, texte, image, etc), ayez le réflexe de lui appliquer quelques pixels de marge tout autour : en général une vingtaine de pixels suffit amplement. Bien évidemment, en fonction de votre design, adaptez les tailles de vos espaces qui peuvent être plus ou moins grands.

13. Mesurer vos performances

Enfin, le dernier conseil pour mettre en page efficacement votre newsletter est le suivi de vos performances. Pour mesurer vos résultats, nous vous conseillons de suivre principalement votre taux de clic. C’est cet indicateur statistique qui mesure l’efficacité de votre design puisqu’il détermine votre capacité à inciter les lecteurs à cliquer sur vos boutons d’appel à l’action. Voici la formule de calcul du taux de clic : nombre de clics réalisés / nombre d’emails envoyés x 100.