Comment créer une newsletter design ? Tutos et modèles

Les moyens de créer une newsletter se sont largement simplifiés ces dernières années. Si vous aussi vous cherchez des astuces simples et rapides ainsi que de beaux templates pour réaliser votre propre newsletter, vous êtes sur la bonne page !

Comment créer une newsletter à la fois design, ergonomique et qui soit atout de conversion ? Lorsque vient le moment de créer une newsletter, tout le monde se pose cette question mais il n'est pas facile de trouver la réponse !
Car entre le graphisme de votre template et les performances attendues du message, il faut trouver le juste équilibre et déterminer le cadre précis de votre stratégie marketing⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre). Voici donc des clés qui vous aideront à définir les critères déterminants pour une newsletter alliant graphisme et efficacité. Prêt à suivre notre tuto ?

Avant de vouloir créer votre newsletter, à envoyer par message mail et/ou en pièce jointe au format PDF⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre), il est important de connaître les règles qui régissent l’emailing en matière de webdesign⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre). La mise en place d'une stratégie de communication⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) est une obligation car inutile de créer la newsletter la plus jolie au monde si personne ne la reçoit. Petit rappel des éléments clés qui vous permettront d’optimiser votre taux de délivrabilité en toute élégance.

Garder un ratio texte/image cohérent

Premier point important à garder en tête lorsque vous allez réaliser votre gabarit emailing, il s’agit du ratio entre le texte et les images. Pour limiter les risques de spam, ce ratio est préconisé à 60% de texte, 40% d’image. Il ne faut donc pas tout miser sur les images pour rendre votre newsletter design.

Diminuer le poids des images

Lorsque vous créez une campagne email et plus spécifiquement une newsletter, il faut garder à l’esprit que le rendu visuel est en réalité une traduction de code. Ce qui implique certaines contraintes techniques comme le fait de diminuer le poids de votre newsletter. Il importe de réduire leur poids pour ne pas donner des signaux négatifs aux fournisseurs d’accès et comptes de messagerie et ainsi éviter les spams. Pour vous aider dans vos démarches, vous pouvez utiliser des outils tels qu’Imagify⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) pour optimiser vos contenus visuels.

Intégrer la balise « alt » dans vos images

Dans la même logique, comme pour un site internet, les images de vos newsletters doivent remplir les conditions d’accessibilité. En l’occurrence, il vous faudra remplir les balises « alt » pour aider les personnes atteintes de handicap à pouvoir lire vos contenus.

Limiter "l’effet sapin de noël"

Une newsletter design ne signifie pas nécessairement abondance d'effets graphiques. Au contraire, il est important d’éviter de noyer sous l’aspect visuel le contenu du message. Car l’objectif est avant tout de fournir un message et de fidéliser vos contacts. Pour cela, il va falloir respecter certaines règles :

• Respecter la charte graphique de votre entreprise
• Eviter d’utiliser de trop nombreuses typographies différentes (une pour les titres et une pour le corps du texte suffisent, à condition qu'elles s'accordent entre elles⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre))
• Différencier les couleurs de vos CTA pour les rendre plus visibles
• Vérifier la bonne lisibilité de votre newsletter

Pour autant, il existe certains moments où ces règles peuvent être en partie transgressées. Il s’agit des newsletters réalisées durant les périodes spécifiques comme les vacances d’été, Halloween ou Noël par exemple. Vous pouvez à ce moment-là créer des campagnes graphiquement décalées pour offrir un message qui sort des sentiers traditionnels. Newsletter Creator propose d’ailleurs 15 modèles de newsletter spécial Noël⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) à télécharger gratuitement.

A présent que nous avons redéfini les règles de base, nous pouvons passer au tutoriel de la création d’une newsletter design. Vous retrouverez un résumé de tous les modèles de newsletter dans notre article dédié.⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre). Mais pour cet exemple, nous avons pris le parti de réaliser ce tutoriel via SendInBlue, ⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre)une des plateformes les plus utilisées en France, aux côtés de MailChimp⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre), Mailjet⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) ou encore Sarbacane.⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre)Le processus est assez simple et il vous suffira de suivre les étapes ci-dessous pour réaliser votre emailing en quelques minutes !

1. Créez votre compte SendInBlue

Pour ceux qui n’ont pas de compte, la première étape est de se rendre sur le site de SendInblue⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre). Vous pourrez alors créer un compte gratuit qui vous permettra de réaliser votre première campagne de newsletter.

2. Créez votre première newsletter design

Une fois votre compte créé, rendez-vous sur l’onglet « campagnes » puis sur « créer une nouvelle campagne ». Vous devrez alors paramétrer votre campagne en y intégrant les bonnes pratiques de l’emailing⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre).

Lorsque votre paramétrage est effectué, sélectionnez le moyen par lequel vous allez réaliser votre gabarit de newsletter. Pour cela, 3 possibilités s’offrent à vous :

• L’éditeur drag & drop : il s’agit - comme sur la plupart des logiciels email -, d’un éditeur vous permettant de travailler avec des zones de contenu à choisir. Vous intégrez vos contenus grâce à une logique de glisser-déposer, ce qui vous évite d’avoir à connaître les notions de codage. C’est la solution la plus simple et la plus pratique.

• L’éditeur de texte enrichi : l’éditeur de texte enrichi permet de créer des emails uniquement textuels afin d’en limiter le poids. Vous y retrouverez quelques options complémentaires pour pouvoir travailler vos liens, couleurs de texte et autres typographies. Pratique en BtoB pour favoriser l’aspect email personnalisé, ce n’est en revanche pas adapté pour des newsletters design.

• Intégrez votre code HTML : la dernière possibilité est d’intégrer directement votre code html. Cette pratique est efficace pour les développeurs et pour ceux qui téléchargent des templates de newsletter⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre).

Nous vous conseillons de travailler avec l’éditeur drag and drop qui vous laissera plus de liberté quant à la création et la mise en page de votre newsletter.

3. Calibrez votre template de newsletter

Il est temps de définir un gabarit type pour vos newsletters. Sélectionnez vos types de contenu et déplacez-les pour trouver la combinaison qui vous correspond le mieux. Gardez en tête de toujours commencer par les informations les plus importantes avant de poursuivre avec les éléments plus secondaires. Les possibilités sont infinies mais voici un exemple de ce que cela peut donner :

Voilà, votre gabarit email est terminé. Vous devez maintenant le remplir avec les informations importantes.

4. Trouvez et travaillez vos images

Pour ceux d’entre vous qui auront besoin de mettre en place des images (dédiées à la newsletter ou non), vous devrez trouver vos contenus et les travailler de manière à ce que les visuels correspondent à votre besoin. Pour ce faire, connectez-vous à votre compte Canva ou créez-vous un compte gratuitement en suivant ce lien⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre).

Une fois connecté, vous arriverez sur votre tableau de bord. A partir de là, utilisez le moteur de recherche interne pour sélectionner la conception d’email.

Vous arriverez ensuite sur votre bloc de création. Sélectionnez le modèle qui vous intéresse le plus parmi les milliers de propositions de templates rangés par catégorie. Vous pouvez aussi créer votre propre modèle si vous préférez. Pour notre tuto, partons d’un modèle spécifique :

Vous pouvez ensuite changer tous les éléments en quelques clics. Images, couleurs de fond et typographies, tout est personnalisable à l’aide du menu sur la gauche de l’outil.

5. Soignez vos typographies

Lorsque l’on aborde la création d’une newsletter design, les typographies sont souvent mises de côté au profit de celle(s) par défaut de votre outil ou de vos templates. Il est important de toujours garder à l’esprit que la typographie de votre entreprise fait partie de votre charte graphique et constitue un élément majeur de différenciation graphique. Il est donc primordial de l’intégrer à vos campagnes.

6. Ajoutez les CTA

Comme toute campagne email, votre newsletter doit avoir un ou plusieurs objectifs précis. Cela se traduit par la présence de call-to-action. Ceux-ci doivent attirer l’attention et devront donc être bien visibles et mis en avant dans votre campagne. L’exemple de Showroom Privé en est une belle illustration :

Pour vous aider à trouver l'inspiration et créer un template de newsletter attractif, nous vous avons préparé quelques exemples des meilleurs modèles graphiques actuels.

Canva, l'outil clé en main et 100% personnalisable

Sur Canva vous pouvez créer votre newsletter de A à Z mais si vous préférez opter pour un template prédéfini, sachez que tous les exemples sont personnalisables selon vos goûts, votre charte graphique et vos intentions.

Ce premier exemple convient tout à fait pour un média ou un blog.

Ce modèle est idéal pour une enseigne, un restaurant ou toute autre activité commerciale. Il est simple, avec peu de contenu mais suffisamment catchy et graphique pour donner envie d'être lu.

L'exemple qui suit irait parfaitement à un site de commerce en ligne. Il permet d'intégrer un grand nombre d'informations grâce à un système de blocs et une bonne hiérarchisation typographique.

Message, le template emailing multifonction de Sarbacane

L'un des templates de newsletter les plus pratiques est Message⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre). Ce modèle proposé par Sarbacane a l'avantage d'être très visuel, simple à lire mais surtout il s'adapte facilement à tous les secteurs d'activité. Cette newsletter fonctionne par un système de blocs multicolores que vous pourrez changer en fonction de vos besoins.

Ticketo, une newsletter de billetterie par Mailjet

Ticketo est un modèle de newsletter conçu pour promouvoir des évènements. Particulièrement apprécié des associations⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre), ce template proposé par Mailjet⁠(s’ouvre dans un nouvel onglet ou une nouvelle fenêtre) vous aidera à mettre en avant votre billetterie. Mais vous pouvez aussi facilement l'adapter pour un site e-commerce et même pour des articles media.

Créer une newsletter design est avant tout un travail de préparation. Cela demande de choisir les bons outils et de travailler son processus pour éviter de perdre du temps sur des tâches sans plus-value. Pour autant, si vous souhaitez avoir un modèle graphique, vous serez obligé d'adapter vos créations. Il faut aussi garder en tête que la notion de design est subjective donc n'hésitez pas à demander l'avis des personnes qui vous entourent pour prendre la température de vos créations !