Olloweb.fr, création et refonte de site internet professionnel - création d'emailing - création graphique

Retrouvez-nous

Exemple de conception

Toutes les étapes de la conception d'un emailing. Conception, graphisme, découpage et optimisation...

Exemple de conception

Exemple de conception d'emailing

Les étapes de la conception d'un emailing. De la conception en passant par la création graphique, l'optimisation...

Un ensemble d'information pour mieux comprendre le processus de la création d'emailing.

Sur le même sujet

Outils d'emailing

Les outils de conception d'emailing

Un emailing n'est en définitive qu'une simple page html, mais qui demande tout de même une très grande attention tout au long du processus de création.

Optimisation graphique

Optimisation graphique.

Après la création graphique, il s'agit de découper puis d'optimiser les visuels pour une intégration dans une page web.

Conseils emailing

Conseils pour réussir un emailing

L'emailing comporte un grand nombre d'avantages par rapport à d'autre solution de communication numérique : la possibilité de proposer une information régulière, la personnalisation du message, le faible coût, la mise en euuvre rapide.

Découpage graphique

Découpage graphique

Avant de réaliser une page web ou un modèle de page, il est préférable de passer par une étape de création graphique, surtout si vous souhaitez obtenir un résultat professionnel.

Méthode d'emailing

Methode de conception d'emailing

Notre méthode consiste à produire un emailing qui met en valeur votre message avec un code HTML de qualité pour un affichage correct des e-mails quels que soient les systèmes de messagerie utilisés par les différents destinataires.

Création d'un emailing d'école d'ingénieur.

Création d'un emailing pour école d'ingénieur

Réalisé en 2011 pour le compte de l'école d'ingénieur du Groupe Esaip, l'emailing devais faire la promotion de nouvelles filières de formation d'ingénieur au sein de l'école d'ingénierie.

L'emailing présente les deux filières sur une même page séparé par des filets au couleur de l'école. Conçu autour des deux univers, informatique et systèmes d'information ainsi que environnement et sécurité, l'emailing mêt bien en valeur les deux filières notamment avec la création d'une deux montage graphique et photo ainsi que des visuel qui renvoi vers des vidéos en ligne.

Un exemple complet de conception d'emailing

Toutes les étapes de la conception d'un emailing

La conception

Après le briefing d'emailing qui nous permet de comprendre les impératifs graphiques, Olloweb lance la conception graphique de l'emailing. La première étape consiste à définir un format de travail pour l'emailing. Généralement nous utilisons une largeur de 600 pixels qui correspond à une lecture sans utilisation de la barre d'ascenseur dans la plupart des logiciels de messagerie. Cette largeur correspond également à un format A4, très pratique si l'utilisateur souhaite imprimer l'emailing. La hauteur peut être définie suivant une taille d'écran de 1024 sans les barres de défilements ou suivant notre format A4.

La création graphique

Depuis Photoshop, Olloweb établi un cadre aux bonnes dimensions. Les éléments obligatoires sont ensuite mis en page. Il s'agit généralement du titre, texte, logo, visuel. L'objectif est de réaliser une mise en page qui met en valeur le message de l'emailing. Ensuite vient l'étape de la création graphique de l'emailing.

Le graphiste s'attache à concevoir une création graphique originale et personnalisée. Il créé ainsi un style graphique propre a l'emailing, il défini les couleurs, les polices de caractères, choisi et propose des photos libres de droits.

Pour la création des modèles graphique, le graphiste peux reprendre une charte graphique existante ou redessiner des éléments graphiques d'un site internet existant. L'objectif de la création d'un modèle d'emailing est de concevoir une identité graphique réutilisable. L'avantage d'un modèle est double, il facilite l'identification de votre société ou site internet par l'utilisateur et il réduit le coût de la mise à jour du message par la réutilisation d'éléments graphique déjà réalisés.

Découpage et optimisation

Après avoir terminé la conception graphique, viens l'étape de découpage. Le découpage consiste à définir des zones d'images plus petites qu'un seul grand visuel. Ceci afin de rendre l'emailing plus rapidement téléchargeable par l'internaute. Le découpage permet également de créer des zones d'actions (lien de texte ou image).

Après avoir défini les zones de découpe, chaque élément graphique est sélectionné pour être ensuite optimisé (voir l'optimisation graphique) et enregistré dans un dossier d'image.

Développement et intégration

Le développement d'un emailing consiste à créer un cadre à la bonne largeur puis des cadres en .div ou en table les un en dessous des autre afin de placer les visuels, Il s'agit d'un html très simple qui permet une lecture par la plupart des logiciels de messagerie. Si l'emailing comporte du texte, il peut être plus simple de l'inclure comme une image ceci afin d'éviter les problèmes de codage et table de correspondance de caractère et également la création de CSS.

La réalisation d'un emailing peut malgré tout être conçue avec un développement plus riche pour accueillir du vrai texte des liens et images. Il s'agit plus de modèle d'emailing, crée dans le but d'obtenir une même identité graphique lors de chaque envoi. Il est donc important d'attacher un soin particulier au codage et de tester méthodiquement le développement sur un grand nombre de poste avant de valider cette étape.

Les visuels

Les visuels peuvent être inclus dans l'emailing ceci afin que l'utilisateur évite de voir des cadres vides lors le l'ouverture du mail. Mais certains logiciels n'acceptant pas cette inclusion la bonne méthode consiste à placer les images sur un serveur web, généralement votre hébergement, de faire pointer les images vers le site web et de proposer à l'utilisateur un téléchargement lors de l'ouverture du message. Cette méthode comporte également l'avantage de pouvoir comptabiliser le nombre de téléchargement des images et ainsi d'avoir une idée précise du nombre de lecture, ouverture.

Les liens

Après l'intégration des visuels, il s'agit de créer des liens vers les offres proposées. Afin d'obtenir de statistiques sur les actions des utilisateurs, il peut être judicieux d'ajouter quelques valeurs dans les urls et de rediriger le lien vers une page web pour enregistrer les informations, puis de rediriger vers la bonne page.

La version en ligne

A cette étape, la production de l'emailing est terminée, mais il est parfois nécessaire de prévoir une copie distante de l'e-mail et d'en préciser l'URL en haut du message afin de palier un affichage déformé par certains clients mail. Pour se faire, il faudra simplement envoyer l'emailing sur un site web et de faire pointer le lien Si l'email ne s'affiche pas correctement, cliquer sur ce lien vers la version en ligne.

Le routage

Le routage consiste à envoyer la page html réalisée (l'emailing) vers une base d'adresses mail. La base doit être propre sans doublon et au bon format pour une intégration dans un logiciel professionnel, une mailing liste ou une base en ligne. Il peut également s'agir de la location d'une base, dans ce cas il faudra simplement choisir un ciblage précis des destinataires. Une fois la base de donnée disponible pour le routage, il suffit simplement de copier/coller le code HTML de l'emailing soit directement dans un champs prévu depuis une solution de routage professionnel, soit dans un logiciel de routage comme sarbacane ou dans un logiciel de messagerie type Windows Mail. Ensuite il reste à renseigner soigneusement l'objet du mail ainsi que l'adresse de l'expéditeur, le destinataire pour un liste de diffusion et si besoin quelques paramètres pour la personnalisation notamment.

Avant de lancer, il est important de trouver le jour et l'heure idéals pour l'envoi. Préférer le week-end pour les offres de e-commerce à destination des particuliers. Et la semaine en début d'après-midi pour les offres à destination de professionnels.

Création emailing

Emailing

La création d'emailing standard, ponctuel ou graphique au graphisme unique et original pour promouvoir un produit, un service...

Voir création emailing

Modèle d'emailing

Modèle

La création de modèle d'emailing et newsletter avec une même identité graphique pour une communication régulière avec une mise à jour.

Voir modèle d'emailing