​Quelque temps après avoir procédé à la refonte complète du site internet de l'agence Ascelliance Retraite, il était naturel de compléter la communication du site avec un emailing. Ainsi pour chaque nouvel article ajouté sur le site Internet, une version résumée sous la forme d'un emailing est envoyée à chaque utilisateur inscrit dans la base de données.

Préalablement à la conception du modèle d'emailing, nous avons ajouté une page d'abonnement et de désabonnement à la newsletter sur le site internet. Il est ainsi plus facile, d'un point de vue utilisateur, de pouvoir s'inscrire ou se désabonner sans passer par une autre solution.

Nous avons donc procédé à la conception d'un modèle d'emailing, reprenant la charte graphique utilisée lors de la création du site Internet. Nous avons ensuite ajouté des contenus d'exemple d'articles présent sur le site afin d'avoir un rendu finalisé d'emailing.

Le modèle emailing est donc composé pour la partie haute :

• Du logo de l'agence
• D'une phrase d'identification de l'agence
• D'une information sur la newsletter avec la date d'envoi
• D'un bandeau de communication avec un numéro de téléphone
• Du contenu de l'emailing qui sera modifié à chaque nouvel envoi

Pour le bas de page :

• D'un espace de communication avec un bouton d'inscription en ligne
• Des avantages proposés par l'agence
• Du logo de l'agence en plus petit
• Des informations d'entreprise avec les logos des réseaux sociaux.

BRIEFING

Après la refonte du site Internet de l'agence, il était plus facile pour nous d'aborder la conception de cet emailing. Le briefing nous a permis de redéfinir les objectifs pour la communication par emailing, ceci dans le but de fidéliser les professionnels et partenaires de l'agence Ascelliance Retraite.

MAQUETTE

Avec tous les éléments graphiques réalisés pour la refonte du site, il n'était pas nécessaire de passer par la création de maquettes. Notre graphiste a donc lancé la conception graphique directement dans Photoshop.

CONCEPTION GRAPHIQUE

S'agissant d'un emailing classique au format de 600 pixels de large, il nous a été plus facile de procéder à la conception sans prévoir les versions responsive (tablettes et smartphones). Dans un premier temps, nous avons disposé les éléments essentiels de communication et procédé à une mise en couleurs afin d'avoir une première idée du résultat. Ensuite après approbation, le graphisme a été complètement réalisé en reprenant en partie les éléments graphiques du site internet, en adaptant à l'emailing.

Après la conception du haut et du bas de page, nous avons ajouté les éléments de mise à jour pour avoir le rendu final de la création. Ensuite après approbation du client, l'étape suivante a été lancé.

DÉCOUPAGE

Le découpage consiste à définir des zones qui seront intégrées directement dans l'emailing sous forme graphique. Depuis Photoshop nous avons utilisé l'outil tranche, pour découper toutes les parties de l'emailing ne pouvant pas être codées. Une fois les zones marquées, nous avons procédé à l'exportation des éléments graphiques aux formats .jpeg, gif.

PRODUCTION ET INTÉGRATION

Après l'étape de découpage et d'optimisation des visuels, nous avons développé l'emailing afin d'obtenir une version HTML identique à la version graphique. Ensuite, nous avons ajouté les visuels préalablement découpés et optimisés. Enfin, après avoir finalisé la partie codage et intégration, nous avons procédé à des tests de routage afin de garantir la bonne réception de l'emailing dans les applications de messagerie.

LE ROUTAGE

Une fois terminé, il restait à ajouter le modèle dans une solution de routage et aider le client à utiliser le modèle d'emailing.