Création d’une newsletter sur mesure pour un site d’information

Dans la continuité du site d’information Voisins Nachbarn et afin d’ajouter une valeur ajoutée à l’abonnement digital, nous avons développé une newsletter personnalisée. Cette newsletter permettra aux journalistes d’informer les abonnés des derniers articles privés du site, en français et en allemand. La newsletter sera diffusée à chaque édition du site, soit le lundi, le mercredi et le vendredi. Cette newsletter est intégrée à la gestion dynamique des articles, facilitant ainsi sa création et sa publication.

En 2024, ce modèle de newsletter sera également utilisé pour les articles de VN+, destinés à un public plus large avec des articles en accès libre. La diffusion aura lieu les mardis et jeudis. 

Avant d’entamer la conception graphique de la lettre d’information, nous avons travaillé à sa mise en page. À cette fin, nous avons positionné les différents éléments de la lettre d’information dans Photoshop, en commençant par l’en-tête. Ce dernier comprend le logo, la date de publication et un bouton d’abonnement. Pour le pied de page, nous avons repris les différents éléments du site web : le logo, les rubriques, les offres d’abonnement, ainsi que des zones dédiées à la contribution et à la publicité. Enfin, en bas de page, se trouvent les informations de contact et légales.

Concernant la mise en page des articles, nous avons proposé une organisation adaptée aux trois articles de chaque édition. Chaque article comprend le titre, une image en pleine largeur et un résumé sous l’image. Les espaces publicitaires peuvent être positionnés librement, avec une préférence pour le bas des articles.

Avec cette organisation des articles, la mise en page s’adapte en fonction de la taille des écrans et des applications de gestion de messagerie électronique, sur ordinateur, tablette et téléphone.

Sur la base du prototype finalisé et validé, notre graphiste c’est attaché à produire un environnement graphique personnalité, reprenant l’identité visuelle du site internet avec les mêmes couleurs, les pictogrammes réalisé pour le site internet mais avec une police de caractère spécifique à la communication par emailing. L’objectif principal était de garder une cohérence graphique entre le site internet et la newsletter et aussi de retrouvez les couleurs spécifique de chaque édition. Pour VN+ déstiné à un autre public il était naturel d’utiliser la couleur orange du logotype.

Suite à la finalisation de la phase graphique, nous avons entamé la première phase de développement. Cette phase consistait à produire une version HTML du design élaboré sous Photoshop. Nous avons ensuite procédé au test du modèle de newsletter afin de vérifier la compatibilité du routage et de la réception avec les différentes applications de messagerie, que ce soit sur Mac, PC, en ligne, etc. Enfin, nous avons intégré le code PHP permettant aux journalistes de générer les newsletters directement via la solution de gestion, et ce, de manière simplifiée.