Amélie Dauvin Responsable Projets Clients ad@np6.com 1
UNE SOLUTION DU GROUPE NP6 + 2
3
ILS NOUS FONT CONFIANCE 4 4
5 5
Un e-mailing impactant 1- Arrive en boîte de réception 2- Est ouvert 3- Transforme (clic, téléchargement, achat) 6
Seulement 80% des e-mails légitimes atteignent la boîte de réception des internautes. Baromètre de la délivrabilité 2014 - Return Path 7
Les éléments clés EXPEDITEUR / OBJET CONTENU CODE HTML BASE DE DONNEES ESP DELIVRABILITE 8
ELÉMENTS VISIBLES CONSTITUTIFS D UN E-MAIL COUPLE EXPEDITEUR/OBJET SUCCITER L INTERET Rassurer / Teaser CONTENU PRINCIPAL DELIVRER UN MESSAGE Informer / Séduire / Convaincre CALL TO ACTION GENERER UNE REACTION Etre explicite / Percutant 9
Couple Expéditeur / Objet Les Call to Action Le contenu Le design La mobilité 10
OBJECTIFS CIBLE 3 GRANDES TYPOLOGIES D'E-MAIL PUBLICITE NEWSLETTER DIALOGUE SPECIFIQUE Population étrangère (Fichiers loués) Population partisane (Ayant souscrit) Population partisane (en démarche active) Générer du business additionnel sur l instant Acquisition de prospects pour un programme de communication (jeux concours) Informer sur son actualité Alimenter un lien régulier Générer du business additionnel selon le cycle de vie client Ou de la marque Assurer le suivi des actions menées par le consommateur envers la marque ONESHOT REGULIER PONCTUEL 11
OBJET EXP DU TEASING À LA PERSONNALISATION PUBLICITE NEWSLETTER DIALOGUE SPECIFIQUE Nom de la marque sous sa forme la plus connue Nom de la Newsletter Une personne physique (responsable clientèle, CRM, etc) Proposer une offre séduisante (jeux, promos, privilèges) Installer des codes (une nomenclature): Date, Numéro, sujet principal Personnaliser 12
OBJET EXP DU TEASING À LA PERSONNALISATION PUBLICITE NEWSLETTER DIALOGUE SPECIFIQUE Galeries Lafayette NEWSLETTER CANALSAT.FR Laurent votre distributeur Opel Gagnez une VESPA S! Newsletter CanalSat Mois Année Mr François Dupont, une offre privilégiée vous attend 13
Personnalisez le libellé de l expéditeur EXPÉDITEUR : LE FORMAT À RESPECTER + l adresse d envoi avec le nom de votre marque pour rassurer le lecteur 14
BONNES PRATIQUES : OBJET 3 secondes pour convaincre! Environ 50 signes Jouez avec les mots pour créer l attente 15
BONNES PRATIQUES : OBJET Utilisez raisonnablement la ponctuation, attention en BtoB 16
BONNES PRATIQUES : OBJET Attention aux effets «Automates» 17
BONNES PRATIQUES : OBJET Attention aux spam words Gratuit, argent, sex, sexy, 18
BONNES PRATIQUES : OBJET Etonnez vos lecteurs en utilisant des alt codes! Retrouvez la liste des codes http://www.alt-codes.net/, http://www.alt-codes.net/how_to_use_alt_codes/ 19
Couple Expéditeur / Objet Les Call to Action Le contenu Le design La mobilité 20
DÉFINITION ET OBJECTIFS DU CTA Bouton dont le but est d inciter à l action, au clic Pourquoi? Acheter Contacter Télécharger S inscrire Découvrir 21
DIFFÉRENTS DEGRÉS D ENGAGEMENT PUBLICITE 1 action demandant souscription pour un bénéfice non impliquant Je participe NEWSLETTER 1 action amenant à voir le contenu en détail Lire la suite DIALOGUE SPECIFIQUE 1 action engageante vis-àvis de la marque Prendre rendez-vous 22
3 ÉLÉMENTS ESSENTIELS D UN CTA 1. Visuel 1 J attire l attention 2. Texte 2 Je motive le clic 1 2 3 3 3. Position J optimise la visibilité 23
VISUEL Optimisation CTA 24
VISUEL D UN CTA Texte ou image? Texte >> Moins attractif pour le lecteur mais toujours visible Plus sexy, mais blocage des images par les messageries 25
VISUEL D UN CTA Des gros boutons qui se distinguent bien! Caractères gras Grande taille de police Contrastes Effets (3D, ombré ) Harmonie avec les landing pages Eléments graphiques pour guider le regard vers le CTA (des flèches par exemple). 26
27 QUELQUES EXEMPLES
28 VISUEL D UN CTA
TEXTE Optimisation CTA 29
TEXTE D UN CTA Etre clair et précis Tenir ses promesses Utiliser des verbes d action Créer l'urgence Motiver l'action 30
TEXTE D UN CTA? 31
POSITION Optimisation CTA 32
3 MODES DE VISUALISATION DES E-MAILS A droite de l écran En bas de l écran Inactif (seul l objet et l expéditeur sont alors lisibles). 33
34 3 ZONES VISIBLES
POSITION D UN CTA No scroll! Laisser respirer le bouton Multiplier les possibilités : CTA principal et CTA secondaires Rester centré sur son objectif Profiter du dialogue créé 35
36 POSITION D UN CTA
37 QUELQUES EXEMPLES
Best practices + Test sur votre base 38 = résultats cohérent avec votre activité
Couple Expéditeur / Objet Les Call to Action Le contenu Le design La mobilité 39
BONNES PRATIQUES : CODE HTML Code simplifié et propre (W3C) 600px de large Tableaux Couleurs de fond (body + tableaux) Styles inline Pas de javascripts ni de commentaires Typo pour le web Balises mal interprétées : «float», «margin», ou «padding» style="display:block;" sur les images Pas de nom de domaine «en dur» 40
ANTICIPEZ LE BLOCAGE DES IMAGES Balises ALT sur chacune de vos images Couleur du texte sous vos images = mise en avant des zones de clics Page miroir N utilisez pas que des images 41
PERSONNALISEZ POUR PLUS D IMPACT! Dans un e-mail que puis-je personnaliser? Objet Nom expéditeur Adresse de reply-to Contenu Images Textes Liens 42
MAÎTRISEZ LA PERSONNALISATION DE VOS E-MAILS Maîtrisez le contenu de votre base et testez 43
44 UNE PERSONNALISATION RÉUSSIE NE SE VOIT PAS
Retrouvez les bonnes pratiques dans notre livre blanc www.np6.fr/livre-blanc 45
Couple Expéditeur / Objet Les Call to Action Le contenu Le design La mobilité 46
47
LES PRINCIPES DU WEB DESIGN Charte graphique de l entreprise Interactions des éléments graphiques sur l humain (Gestalt) Equilibre Continuité Proximité et alignement Similarité Fermeture Charge informationnelle Impacts visuels dynamiques (contraste) 48
CHOIX DES IMAGES Une image douée de sens n est jamais seule Texte / Contexte 3 fonctions Ancrage : descriptif produit Relai : sens supplémentaire Contradiction : décalée Un objectif pour chaque image Nombre et fonction selon type de message 49
EXEMPLES Relai Ancrage 50
TENDANCES 51
Retrouvez d autres exemples commentés dans nos livres blancs & infographie http://www.np6.fr/actualites/ infographie 52
Couple Expéditeur / Objet Les Call to Action Le contenu Le design La mobilité 53
Responsive Design Capacité d un e-mail à s adapter aux différents supports de lecture 54
3 TECHNIQUES L e-mail optimisé Un contenu unique 55
3 TECHNIQUES L e-mail fluide Le contenu prend la dimension de l écran 56
3 TECHNIQUES L e-mail adaptatif Le contenu est différent sur ordinateur et sur mobile 57
LES PRINCIPES DU RESPONSIVE DESIGN Blocs qui passent les uns sous les autres 58
LES PRINCIPES DU RESPONSIVE DESIGN Afficher / Masquer des éléments 59
LES PRINCIPES DU RESPONSIVE DESIGN Redimensionner des images 60
LES PRINCIPES DU RESPONSIVE DESIGN Remplacer des éléments 61
OPTIMISER LES E-MAILS SUR MOBILE Privilégiez la lisibilité! Peu d espace sur les écrans des mobiles > L exploiter au maximum Plusieurs types de mobiles > s attarder sur les dimensions les plus fréquentes Moins d implication client > limiter le scroll, être efficace 62
ENTÊTE Profitez du pre-header pour mettre en avant une information importante et attirer l attention Objet : environ 30 caractères 63
PRÉSENTATION GÉNÉRALE 1 seule colonne largeur de 320px informations principales dans les 600 premiers px Eviter les images trop grandes (<20ko) ou trop lourdes Simplifier le contenu 64
CALL TO ACTION Liens reconnaissables visuellement Taille minimum de 44px*44px Espace vide de15px environ autour du bouton Chacun tient son mobile à sa manière 65
66 EXEMPLE D ADAPTATION RESPONSIVE DESIGN
Retrouvez tous les conseils Responsive Design dans notre livre blanc www.np6.fr/livre-blanc 67
68 RECETTE POUR UN E-MAILING IMPACTANT
VOS QUESTIONS www.np6.fr/livre-blanc 69
70 Merci de votre attention!
Paris, Londres, Bordeaux, www.np6.fr contact@np6.fr 71