Une fois le type de courriel à envoyer choisi, (voir Les différents visages du marketing par courriel partie 1 et partie 2), le moment est venu de passer à la conception. Voici donc une série de 4 articles qui vous guideront dans vos choix et dans l’élaboration d’une campagne de courriels. Tout d’abord, il sera important de préparer une maquette avant de passer à la programmation Web. La plupart des logiciels de courriel autorisent aujourd’hui le html pour l’affichage des messages. Le html nous donne accès à des images, différentes polices de caractères et à une impressionnante gamme de couleurs. La création du gabarit pour le courriel se fera à peu près sur les mêmes bases qu’une page Web. Toutefois, quelques contraintes supplémentaires sont à respecter.
Dimension du courriel
Avant toute chose, il faut déterminer les dimensions du courriel. Le courriel peut être « fluide », c’est-à -dire que la largeur s’ajustera selon l’espace disponible dans la fenêtre de courriel, ou il peut être à largeur fixe. Dans le cas de dimensions fixes, il ne faut pas dépasser 550 pixels en largeur. La hauteur du courriel sera à la discrétion du designer. Il ne faut toutefois pas exagérer.
Les éléments constituants le courriel
Il est important d’identifier à l’avance les zones de texte html, le texte en image, les images et de bien choisir leur utilisation. Envoyer un courriel composé seulement d’une image n’est pas recommandé. Certains logiciels de courriel considèrent qu’un courriel sans texte est un pourriel (spam). Il est donc préférable de choisir des zones où l’on pourra glisser un paragraphe ou deux en texte html.
Texte HTML
Il faut prévoir que les zones html utilisent une ou des typographies Web, c’est-à -dire des polices comme Times New Roman, Times, Arial, Verdana, Helvetica. Choisir les bonnes familles de polices à cette étape évitera au programmeur Web de chercher une typographie de remplacement. Les nouvelles polices choisies pourraient ne plus correspondre avec la maquette originale. Je suggère de lire le petit article suivant pour un bref aperçu des typographies utilisées dans le Web. Dans le cas où l’on veut utiliser une police spéciale, comme pour un titre, cette partie pourra être enregistrée en image puis intégrée au message.
Les images et leur disposition
Il faut s’assurer que le nombre et les dimensions des images soient raisonnables. Trop d’images ou de trop grandes images augmentent le poids du courriel à télécharger. Également, l’image de l’en-tête, s’il y en a une, ne doit pas être trop haute. Certains logiciels de courriels utilisent une fenêtre de prévisualisation donc il faut leur permettre de voir une partie de votre contenu, partie qui est plus importante que l’image d’en-tête. Il faut aussi disposer les images dans le gabarit de manière à faciliter la programmation. S’il y a des doutes, consulter un programmeur Web. Il sera beaucoup plus facile d’apporter des modifications à ce stade qu’ultérieurement.
- En résumé, il y a 4 points à retenir :
- la largeur du courriel (550 pixels maximum)
- le choix des textes (en html ou en image)
- le choix et/ou le nombre d’images
- la disposition graphique
Il ne faut pas non plus oublier de vérifier la faisabilité au niveau de la programmation si vous avez des doutes à propos de l’alignement des éléments graphiques. Une fois ces points vérifiés, vous êtes prêt à passer à l’étape suivante.
Prochainement à paraître : Guide du marketing par courriel – partie 2 – Règles de base pour la programmation html
