Concevoir une newsletter, une infolettre

8 021 vues

Publié le

Ce slide reprend les recommandations essentielles à appliquer avant la conception d'une newsletter, une infolettre. Objectifs, article de loi, ergonomie, contraintes techniques.

Publié dans : Formation
0 commentaire
19 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
8 021
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 295
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
19
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Concevoir une newsletter, une infolettre

  1. 1. Type de flèches 6 ∞2 0 1 2Concevoir homeune Newsletter Cliquer sur le cercle Cliquer sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Laurent MottetTwitter : @nakatomi nakatomi-formation.be Disable the layer in the master page
  2. 2. Type de flèchesNakatomi homeTrainer webmarketing Cliquer Cliquer sur le cercle sur le cercleErgonomie Wireframe SEO Newsletter Fireworks ® Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Laurent MottetTwitter : @nakatomi info@nakatomi.be Disable the layer in the master page
  3. 3. Type de flèchesNewsletter, une spamletter?Mais qui accepte encore de recevoir une spamletter?Je reçois des dizaines de mails par jour, pensez-vous que je prenne le temps de lire la vôtre ? homePar contre, je suis sur Facebook et Twitter et je serai ravi de pouvoir lire des nouvelles devotre part sur ce type de média. Cliquer Cliquer sur le cercle sur le cercleC’est tellement difficile de se désinscrire d’une newsletter, que je décoche systématiquementle champ me demandant si j’accepte de la recevoir. Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. Disable the layer in the master page
  4. 4. Type de flèchesNewsletter et publipostageUne newsletter est un document d’information envoyé par courrier électronique à uneliste de diffusion regroupant l’ensemble des personnes qui y sont inscrites. homeLe publipostage ou mailing est la technique qui consiste à envoyer en nombre desinformations par voie électronique, pour assurer la promotion d’un produit ou d’unservice. Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. Disable the layer in the master page
  5. 5. Type de flèchesEnvoyer une newsletter un parcours… Tri Tri Tri home @ @ @ @ @ @ @ @ app mail FAI client mailMessage Cliquer Mailchimp @ @ @ Cliquer @ Traitement sur le cercle sur le cercle Rebond/inconnu réceptionConceptiond’une newsletter Cliquer On peut déplacer plusieurs Quarantaine cercle sur le SPAM Poubelle Poubelle objets en même temps. ou black-list ouverture avant 3 jours MailChimp’s Message Le point de non retour Site web Analytics integration Le but recherché Disable the layer in the master page
  6. 6. Type de flèchesAvantages d’une newsletter Le nombre de clients possédant une adresse home Cliquer Cliquer e-mail sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Source image : https://www.getfractal.com Disable the layer in the master page
  7. 7. Type de flèchesAvantages d’une newsletter Le prix de développement et les frais d’utilisation home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Source : http://www.mailchimp.com » Disable the layer in the master page
  8. 8. Type de flèchesAvantages d’une newsletter La liaison avec le site et Google analytics home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Source : http://directmailmac.com/ « Suivez en temps réel vos clients. » Disable the layer in the master page
  9. 9. Type de flèchesInconvénients La gestion du contenu La régularité de l’envoi ... home Le nombre de clients mail Cliquer Cliquer sur le cercle sur le cercle L’aspect spamletter La concurrence entre médias Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Source AWT : http://bit.ly/N9tHdc » Disable the layer in the master page
  10. 10. Type de flèchesUne newsletter, un outil de promotionAnnoncer un nouveau produit à son clientRelancer son client homeSonder l’opinion de vos clients Cliquer CliquerFidéliser ses clients cercle sur le cercle sur leProspecter de nouveaux clients (marketing direct) Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. Disable the layer in the master page
  11. 11. Type de flèchesAnnoncer un produit à son client Annoncer un nouveau produit à un groupe privilégié de clients home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « L’annonce d’un jeu en version beta.»Source : http://eu.battle.net/wow/fr/ Disable the layer in the master page
  12. 12. Type de flèchesSonder ses clients Utiliser votre listing de clients pour améliorer vos home Cliquer Cliquer services sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Source : http://www.kinepolis.com « Une enquête et un cadeau, pas facile de résister au charme d’un sondage. » Disable the layer in the master page
  13. 13. Type de flèchesRelancer un service home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. Disable the layer in the master page
  14. 14. Type de flèchesFideliser vos clients Envoyer votre newsletter selon une fréquence connue de vos home Cliquer Cliquer clients sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Le résumé de la semaineSource : http://www.webdesignerdepot.com du site webdesigner depot. » Disable the layer in the master page
  15. 15. Type de flèchesDeux types de newsletter home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Newsletter de Newsletter deprospection fidélisation Disable the layer in the master page
  16. 16. Type de flèchesNewsletter de prospection home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. Disable the layer in the master page
  17. 17. Type de flèchesOpt-in : newsletter de fidélisation Demande d’inscription home Cliquer Cliquer sur le cercle sur le cercle Ne pas cocher la case Cliquer On peut déplacer plusieurs sur le cercle par défaut objets en même temps. Disable the layer in the master page
  18. 18. Type de flèchesSpam et aspects juridiques www.robinson.be/ home www.spamsquad.be/ Cliquer Cliquer sur le cercle www.privacycommission.be sur le cercle tatbel.fgov.be On peut déplacer plusieurs Cliquer sur le cercle objets en même temps.« Loi du 8 décembre 1992 relative à la protection de la vie privée à l’égard des traitements de données à caractère personnel. »« http://www.privacycommission.be/fr/legislation/national/ » Disable the layer in the master page
  19. 19. Type de flèchesLe contenu d’une newsletter Identité de l’émetteur + lien Newsletter de fidélisation home Message principal Cliquer Cliquer Message Message Message sur le cercle sursecondaire secondaire le cercle associé Message Message Cliquer On peut déplacer plusieurs secondaire secondaire sur le cercle objets en même temps. Informations légales Disable the layer in the master page
  20. 20. Type de flèchesLe contenu d’une newsletter1. L’en-tête du mail2. L’en-tête de la newsletter home3. Le contenu principal et secondaire Cliquer Cliquer4. Le pied de page le cercle sur le cercle sur Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Le formulaire d’inscriptionLe formulaire désinscriptionLe clone de la newsletter mise en ligneLes conditions légales mises en ligne Disable the layer in the master page
  21. 21. Type de flèchesLe contenu d’une newsletterL’en-tête du mail home Cliquer Cliquer Objet de la newsletter sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle1 objets en même temps. Texte de la newsletter Mac OS Mail 5.2 Disable the layer in the master page Ipad Mail 5.2
  22. 22. Type de flèchesLe contenu d’une newsletterL’en-tête du mail home Objet de la newsletter Cliquer Cliquer sur le cercle sur le cercle Cliquer Objet de la newsletter On peut déplacer plusieurs sur le cercle votre fortune avec le CEPEGRA1 Augmentez objets en même temps. Yahoo mail Disable the layer in the master page
  23. 23. Type de flèchesLe contenu d’une newsletterL’en-tête du mail home Cliquer Cliquer Objet de la newsletter sur le cercle sur le cercle Texte de la newsletter Cliquer On peut déplacer plusieurs sur le cercle1 objets en même temps. Gmail Disable the layer in the master page
  24. 24. Type de flèchesLe contenu d’une newsletterL’en-tête du mail home Audi Belgique <newsletter@audi.be> Un objet de 40 lettres maximum Audi Belgique <vente-audi-Q3@audi.be> Cliquer Cliquer sur le cerclePhrase d’accroche repris par certains lecteurs de courrier sur le cercle Baseline utilisé par certain webmail Cliquer On peut déplacer plusieurs sur le cercle1 objets en même temps. Disable the layer in the master page
  25. 25. Type de flèchesLe contenu d’une newsletterL’en-tête de la newsletter home Audi Belgique <newsletter@audi.be> Améliorer la crédibilité du message Audi Belgique <vente-audi-Q3@audi.be> Cliquer Cliquer sur le cercleDécouvrer la nouvelle Audile cercle euros par mois sur Q3 à partir de 508 Désinscription Cliquer On peut déplacer plusieurs sur le cercle2 objets en même temps. Disable the layer in the master page
  26. 26. Type de flèchesLe contenu d’une newsletterL’en-tête de la newsletter home Zone de preview Découvrer la nouvelle Audi Q3 à partir de 508 euros par mois Désinscription Cliquer Cliquer sur le cercle sur le cercle Identification de l’expéditeur Cliquer On peut déplacer plusieurs sur le cercle2 objets en même temps. Identification du produit Disable the layer in the master page
  27. 27. Type de flèchesLe contenu d’une newsletterLe contenu principal et secondaire home Bonjour monsieur Mottet Cliquer Cliquer Personnalisation de la newsletter sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle3 objets en même temps. L e b o u t o n p o u r le c a ll t o a c t io n Lien direct vers la page de promotion Disable the layer in the master page
  28. 28. Type de flèchesLe contenu d’une newsletterLe contenu principal et secondaire home Identité de l’émetteur + lien Cliquer Cliquer Message principal sur le cercle sur le cercle Messag e Messag e Message seco ndaire seco ndaire associé Cliquer On peut déplacer plusieurs Messag e seco ndaire Messag e seco ndaire sur le cercle3 objets en même temps. Informa tions légales L e b o u t o n p o u r le c a ll t o a c t io n Lien direct vers la page de promotion Disable the layer in the master page
  29. 29. Type de flèchesLe contenu d’une newsletterLe pied de page home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle4 objets en même temps. Conditions commerciales Informations légales Disable the layer in the master page
  30. 30. Type de flèchesLes webmail et clients mailWebmail Webmail Mobile Clients mail home • AOL Web • IOS Mail • AOL 9• Gmail • Blackberry • Apple Mail Cliquer Cliquer• Mail le cercle sur .com • Windows Mobile 5 • Lotus Notes 6.5.4 sur le cercle• MSN Hotmail • Windows Mobile 6 • Outlook 2003• Windows Live Hotmail Cliquer On peut déplacer plusieurs• Yahoo! Classic temps. • Outlook 2007 sur le cercle objets en même• Yahoo! Mail • Outlook Express 6 • Outlook XP • Thunderbird • Windows Mail Disable the layer in the master page
  31. 31. Type de flèchesLes webmail et clients mail home Cliquer Cliquer sur le cercle sur le cercle mai 2012 Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Source : ttp://www.campaignmonitor.com/stats/email-clients/ Disable the layer in the master page
  32. 32. Type de flèchesVérifier sa newsletter litmus.com home www.dotmailer.co.uk Cliquer Cliquer sur le cercle sur le cercle mailchimp.com Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Source : ttp://www.campaignmonitor.com/stats/email-clients/ Disable the layer in the master page
  33. 33. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/ « 600 px de largeur » Disable the layer in the master page
  34. 34. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Zone de prévisualisation 247px sur 247px. » Disable the layer in the master page
  35. 35. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Ne remplacez pas le texte par des images. » Disable the layer in the master page
  36. 36. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Utiliser l’attribut ALT pour afficher un contenu alternatif à l’image. » Disable the layer in the master page
  37. 37. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « La compatibilité entre les différents clients mail impose une mise en page en tableau*. » * on reste calme, on ne panique pas Disable the layer in the master page
  38. 38. Type de flèchesRecommandations Imbriquer les tableaux Pas de position absolute home Cliquer Cliquer Pas de margin sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Évitez d’imbriquer plus de trois tableaux HTML. » Disable the layer in the master page
  39. 39. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Style CSS en ligne. »Source : http://www.emailology.org/ Disable the layer in the master page * Que du bonheur
  40. 40. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Source : http://www.campaignmonitor.com/css/ Disable the layer in the master page
  41. 41. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Évitez d’utiliser des images d’arrière-plan. » Sauf pour : AOL Webmail, Apple Mail, Microsoft Entourage, Mozilla Thunderbird, Windows Live Mail, Windows Mail, Yahoo! Mail Disable the layer in the master page
  42. 42. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Dimensions et display block obligatoires. » « Pas de .png avec de la transparence alpha. » Disable the layer in the master page
  43. 43. Type de flèchesRecommandations home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.« Pour afficher les images dans une newsletter, il faut utiliser le chemin absolu et non relatif. »« N’utilisez pas de flash, pas de vidéo, pas de formulaire et évitez un grand nombre de liens et d’images. » Disable the layer in the master page
  44. 44. Type de flèchesRecommandations home Règle pour IOS Obstacle Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. « Des règles particulières sont à suivre pour certains clients mail. » * Au secours, help, au fou Disable the layer in the master page
  45. 45. Type de flèchesBoilerplate www.emailology.org/ home htmlemailboilerplate.com/ Cliquer Cliquer sur le cercle sur le cercle mailchimp.com/features/ Cliquer On peut déplacer plusieurs sur le cercle objets en même temps. www.email-standards.org/ Disable the layer in the master page
  46. 46. Type de flèchesDeux possibilités pour réaliservotre newsletter home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle 1 2 objets en même temps. Disable the layer in the master page
  47. 47. Type de flèchesUtiliser le service de mailchimp.com home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle1 objets en même temps. tinyletter.com/ ymlp.com/ Disable the layer in the master page
  48. 48. Type de flèchesRéaliser son template en HTML home Cliquer Cliquer sur le cercle sur le cercle Cliquer On peut déplacer plusieurs sur le cercle2 objets en même temps. « Réaliser son template avec Fireworks et Dreamweaver. » Disable the layer in the master page
  49. 49. Type de flèches 6 ∞2 0 1 2Merci home Cliquer Cliquer sur le cercle sur le cercleErgonomie Wireframe SEO Newsletter Fireworks ® Cliquer On peut déplacer plusieurs sur le cercle objets en même temps.Laurent Mottet nakatomi-formation.beTwitter : @nakatomi info@nakatomi.be Disable the layer in the master page

×