SlideShare ist ein Scribd-Unternehmen logo
1 von 33
L’email responsive : comment optimiser
vos campagnes emailing sur smartphones
Guillaume Fleureau – Directeur Marketing
Octobre 2013
Sarbacane Software c’est :

12 ans d’expérience

35 collaborateurs
+ de 6000 clients
+ de 1 milliard d’emails envoyés/an

Le Leader sur les PME
Le contexte en résolutions d’écran
Les smartphones : un phénomène !

Ventes de smartphones en 2012 :

717 Millions

13,5 Millions

24 Millions de français possèdent un
Médiamétrie 2012
smartphone
Soit + 40% par rapport à 2011

En 2013, 20 millions de smartphones seront vendus en France !
Source : Médiamétrie / GFK
Ventes de smartphones vs. mobiles classiques :

Source : GFK
Part de marché OS en 2012 :

Source : Médiamétrie
Consultation des emails sur smartphones

38%

Sources : ReturnPath / SNCD

25%
Consultation des emails sur smartphones dans le monde

Source : Litmus
Webmails sur smartphones
Webmails sur smartphones

es webmails s’adaptent désormais aux smartphones…
Vous aussi, vous devez adapter vos campagnes !
Pourquoi vous devez vous mettre à l’email responsive ?

 63% des américains et 41% des européens ferment ou
suppriment un email qui ne s’affiche pas correctement sur
mobile
 Seulement 2,9% des utilisateurs ouvrent le même email à la
fois sur smartphone ET sur ordinateur
 56% des américains qui ont acheté au moins une fois sur leur
smartphone l’ont fait suite à la réception d’un emailing sur leur
mobile
 Les consultations d’emails sur smartphones ont augmenté de
123% ces 18 derniers mois
Source : Return Path / Exact Target / Litmus
Les avantages de se mettre à l’email responsive ?

 Un meilleur impact de vos campagnes donc plus de clics et de
ventes !
 Amélioration de l’expérience utilisateur sur smartphone, donc
la satisfaction de vos destinataires
 Amélioration de votre image de marque
>> Donnez un nouveau souffle à vos campagnes emailing !
Le principe de l’email responsive

Mobile

Desktop
Voilà votre emailing conçu
sur un ordinateur pour être lu
sur les ordinateurs
Comment ça marche ?

3 techniques
Technique #1 Optimiser la structure de vos emails desktop (mobile aware design)
Technique #2 Concevoir un email fluide

• Tailles relatives en %
• Compatibles avec la
plupart des messageries
Technique #3 Concevoir un email adaptatif (responsive)

• Une version dédiée qui
s’affiche à la détection de
la lecture sur smartphone
• Compatible uniquement
avec les applications
natives iOS et Android
Technique #3 Concevoir un email adaptatif (exemples)

Masquage de la colonne de droite

Version mobile
complètement différente
Bonne pratique #1 Optimiser le preheader

Info: vous avez
80 caractères
maxi pour attirer
l’attention !
Bonne pratique #2 Pensez à renseigner ALT
Bonne pratique #3 S’adapter à la navigation tactile
D’autres bonnes pratiques

 Utilisez les polices Arial ou Verdana, reconnues pour leur lisibilité sur écran
 Utilisez des contrastes forts mais pas des couleurs flashys (pensez à la
lecture au réveil…)
 Mettez du texte HTML en plus de vos images (au moins 60% de textes)
 Rendez les éléments cliquables identifiables et respectez une hauteur de
minimum 44px pour vos CTA
 Allégez les contenus, allez à l’essentiel pour faciliter la lecture
 Insérez votre numéro de téléphone, votre adresse ou des dates
 Pensez aussi à avoir un site web responsive
Exemple #1 Sarbacane
Exemple #2 Love2Recycle
Exemple #3 SnapNames
Exemple #4 Twitter
Exemple #5 Avassys (par le Studio Sarbacane)
Exemple #6 Action Conseils (par le Studio Sarbacane)
Templates Gratuits & Responsive

Téléchargez gratuitement
nos templates responsive sur
http://templates.sarbacane.com
Plus de 900 projets emailing déjà réalisés
Des experts réalisent vos emails responsive !
Que vous soyez un annonceur ou une agence,
Contactez-nous !
http://studio.sarbacane.com
MERCI !

Téléchargez gratuitement Sarbacane
Et découvrez notre livre blanc gratuit
sur l’email responsive
L’emailing efficace
Guillaume Fleureau

Cliquez ici !

Weitere ähnliche Inhalte

Andere mochten auch

E-File Opt-Out Request Form
E-File Opt-Out Request FormE-File Opt-Out Request Form
E-File Opt-Out Request Formtaxman taxman
 
Advergames: Análisis de America's Army
Advergames: Análisis de America's ArmyAdvergames: Análisis de America's Army
Advergames: Análisis de America's ArmyCristina Martorell
 
Numeros de telefono
Numeros de telefonoNumeros de telefono
Numeros de telefonoshigari12
 
Upc feria de tecnologia movil
Upc  feria de  tecnologia movil Upc  feria de  tecnologia movil
Upc feria de tecnologia movil PUCMM
 
Primeras planas periodisticas miércoles 25 de marzo mexico
Primeras planas periodisticas miércoles 25 de marzo mexicoPrimeras planas periodisticas miércoles 25 de marzo mexico
Primeras planas periodisticas miércoles 25 de marzo mexicoDiario de Un Politologo
 
txtr at TechCrunch Mobile 2010
txtr at TechCrunch Mobile 2010txtr at TechCrunch Mobile 2010
txtr at TechCrunch Mobile 2010txtr
 
WDSGlobal ServiceMine Email Webinar
WDSGlobal ServiceMine Email WebinarWDSGlobal ServiceMine Email Webinar
WDSGlobal ServiceMine Email WebinarWDS
 
Videoconferencia
VideoconferenciaVideoconferencia
VideoconferenciaZitzi Lopez
 
Debate en la revista corpus sobre los pueblos indígenas
Debate en la revista corpus sobre los pueblos indígenasDebate en la revista corpus sobre los pueblos indígenas
Debate en la revista corpus sobre los pueblos indígenasNorberto Mollo
 

Andere mochten auch (13)

E-File Opt-Out Request Form
E-File Opt-Out Request FormE-File Opt-Out Request Form
E-File Opt-Out Request Form
 
Advergames: Análisis de America's Army
Advergames: Análisis de America's ArmyAdvergames: Análisis de America's Army
Advergames: Análisis de America's Army
 
Unidad 2 planificacion y modelado
Unidad 2 planificacion y modeladoUnidad 2 planificacion y modelado
Unidad 2 planificacion y modelado
 
Giuseppe Penone
Giuseppe PenoneGiuseppe Penone
Giuseppe Penone
 
Numeros de telefono
Numeros de telefonoNumeros de telefono
Numeros de telefono
 
Upc feria de tecnologia movil
Upc  feria de  tecnologia movil Upc  feria de  tecnologia movil
Upc feria de tecnologia movil
 
Primeras planas periodisticas miércoles 25 de marzo mexico
Primeras planas periodisticas miércoles 25 de marzo mexicoPrimeras planas periodisticas miércoles 25 de marzo mexico
Primeras planas periodisticas miércoles 25 de marzo mexico
 
txtr at TechCrunch Mobile 2010
txtr at TechCrunch Mobile 2010txtr at TechCrunch Mobile 2010
txtr at TechCrunch Mobile 2010
 
WDSGlobal ServiceMine Email Webinar
WDSGlobal ServiceMine Email WebinarWDSGlobal ServiceMine Email Webinar
WDSGlobal ServiceMine Email Webinar
 
Rezo Por Ti (Cmp)
Rezo Por Ti (Cmp)Rezo Por Ti (Cmp)
Rezo Por Ti (Cmp)
 
Videoconferencia
VideoconferenciaVideoconferencia
Videoconferencia
 
Curso formación de compuestos
Curso formación de compuestosCurso formación de compuestos
Curso formación de compuestos
 
Debate en la revista corpus sobre los pueblos indígenas
Debate en la revista corpus sobre los pueblos indígenasDebate en la revista corpus sobre los pueblos indígenas
Debate en la revista corpus sobre los pueblos indígenas
 

Ähnlich wie Email responsive : dopez vos performances emailing en adaptant vos campagnes pour la consultation sur smartphone !

SlideCare #1 : L'Emailing Responsive
SlideCare #1 : L'Emailing Responsive SlideCare #1 : L'Emailing Responsive
SlideCare #1 : L'Emailing Responsive Care
 
Le responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesLe responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesBig5media
 
Livre blanc Responsive Design en email marketing
Livre blanc Responsive Design en email marketing Livre blanc Responsive Design en email marketing
Livre blanc Responsive Design en email marketing NP6
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012MBA Multimedia
 
Best practices : comment optimiser ses Emailings en Responsive Design ?
Best practices : comment optimiser ses Emailings en Responsive Design ?Best practices : comment optimiser ses Emailings en Responsive Design ?
Best practices : comment optimiser ses Emailings en Responsive Design ?NP6
 
Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir Medialibs
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
 
Comment optimiser votre UX de paiement mobile en 5 étapes
Comment optimiser votre UX de paiement mobile en 5 étapesComment optimiser votre UX de paiement mobile en 5 étapes
Comment optimiser votre UX de paiement mobile en 5 étapesHiPay Group
 
Intégrer le mobile dans les stratégies interactives - Piranha
Intégrer le mobile dans les stratégies interactives - PiranhaIntégrer le mobile dans les stratégies interactives - Piranha
Intégrer le mobile dans les stratégies interactives - PiranhaSURLEWEB
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettesCOMPETITIC
 
AppsByStore - Passez au m-commerce natif !
AppsByStore - Passez au m-commerce natif !AppsByStore - Passez au m-commerce natif !
AppsByStore - Passez au m-commerce natif !Apps Panel
 
Atelier Email Marketing par Khadija Louati - Prodexo
Atelier Email Marketing par Khadija Louati - ProdexoAtelier Email Marketing par Khadija Louati - Prodexo
Atelier Email Marketing par Khadija Louati - ProdexoSocial media Club Tunisia
 
Conference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ KreactiveConference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ KreactiveALTICS
 
14 raisons qui font que le responsive design n'est pas la meilleure option
14 raisons qui font que le responsive design n'est pas la meilleure option14 raisons qui font que le responsive design n'est pas la meilleure option
14 raisons qui font que le responsive design n'est pas la meilleure optionRomain Danel
 
L'intégration d'e-mails responsive
L'intégration d'e-mails responsiveL'intégration d'e-mails responsive
L'intégration d'e-mails responsiveHTeuMeuLeu
 
La révolution mobile & tablette : êtes-vous prêt ?
La révolution mobile & tablette : êtes-vous prêt ?La révolution mobile & tablette : êtes-vous prêt ?
La révolution mobile & tablette : êtes-vous prêt ?Net Design
 
E-Commerce Paris 2011 - Les internautes européens et l'email marketing
E-Commerce Paris 2011  - Les internautes européens et l'email marketing E-Commerce Paris 2011  - Les internautes européens et l'email marketing
E-Commerce Paris 2011 - Les internautes européens et l'email marketing Contactlab
 

Ähnlich wie Email responsive : dopez vos performances emailing en adaptant vos campagnes pour la consultation sur smartphone ! (20)

SlideCare #1 : L'Emailing Responsive
SlideCare #1 : L'Emailing Responsive SlideCare #1 : L'Emailing Responsive
SlideCare #1 : L'Emailing Responsive
 
Le responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesLe responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobiles
 
Livre blanc Responsive Design en email marketing
Livre blanc Responsive Design en email marketing Livre blanc Responsive Design en email marketing
Livre blanc Responsive Design en email marketing
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
 
Best practices : comment optimiser ses Emailings en Responsive Design ?
Best practices : comment optimiser ses Emailings en Responsive Design ?Best practices : comment optimiser ses Emailings en Responsive Design ?
Best practices : comment optimiser ses Emailings en Responsive Design ?
 
Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
paris 2.0 = Mobinautes qui sont ils, que font ils ?
paris 2.0 = Mobinautes qui sont ils, que font ils ?paris 2.0 = Mobinautes qui sont ils, que font ils ?
paris 2.0 = Mobinautes qui sont ils, que font ils ?
 
paris 2.0 = Mobinautes qui sont ils, que font ils ? Par raphael berger, direc...
paris 2.0 = Mobinautes qui sont ils, que font ils ? Par raphael berger, direc...paris 2.0 = Mobinautes qui sont ils, que font ils ? Par raphael berger, direc...
paris 2.0 = Mobinautes qui sont ils, que font ils ? Par raphael berger, direc...
 
Comment optimiser votre UX de paiement mobile en 5 étapes
Comment optimiser votre UX de paiement mobile en 5 étapesComment optimiser votre UX de paiement mobile en 5 étapes
Comment optimiser votre UX de paiement mobile en 5 étapes
 
Intégrer le mobile dans les stratégies interactives - Piranha
Intégrer le mobile dans les stratégies interactives - PiranhaIntégrer le mobile dans les stratégies interactives - Piranha
Intégrer le mobile dans les stratégies interactives - Piranha
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
 
AppsByStore - Passez au m-commerce natif !
AppsByStore - Passez au m-commerce natif !AppsByStore - Passez au m-commerce natif !
AppsByStore - Passez au m-commerce natif !
 
Atelier Email Marketing par Khadija Louati - Prodexo
Atelier Email Marketing par Khadija Louati - ProdexoAtelier Email Marketing par Khadija Louati - Prodexo
Atelier Email Marketing par Khadija Louati - Prodexo
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
 
Conference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ KreactiveConference e-commerce, Altics _ Kreactive
Conference e-commerce, Altics _ Kreactive
 
14 raisons qui font que le responsive design n'est pas la meilleure option
14 raisons qui font que le responsive design n'est pas la meilleure option14 raisons qui font que le responsive design n'est pas la meilleure option
14 raisons qui font que le responsive design n'est pas la meilleure option
 
L'intégration d'e-mails responsive
L'intégration d'e-mails responsiveL'intégration d'e-mails responsive
L'intégration d'e-mails responsive
 
La révolution mobile & tablette : êtes-vous prêt ?
La révolution mobile & tablette : êtes-vous prêt ?La révolution mobile & tablette : êtes-vous prêt ?
La révolution mobile & tablette : êtes-vous prêt ?
 
E-Commerce Paris 2011 - Les internautes européens et l'email marketing
E-Commerce Paris 2011  - Les internautes européens et l'email marketing E-Commerce Paris 2011  - Les internautes européens et l'email marketing
E-Commerce Paris 2011 - Les internautes européens et l'email marketing
 

Email responsive : dopez vos performances emailing en adaptant vos campagnes pour la consultation sur smartphone !

  • 1. L’email responsive : comment optimiser vos campagnes emailing sur smartphones Guillaume Fleureau – Directeur Marketing Octobre 2013
  • 2. Sarbacane Software c’est : 12 ans d’expérience 35 collaborateurs + de 6000 clients + de 1 milliard d’emails envoyés/an Le Leader sur les PME
  • 3. Le contexte en résolutions d’écran
  • 4. Les smartphones : un phénomène ! Ventes de smartphones en 2012 : 717 Millions 13,5 Millions 24 Millions de français possèdent un Médiamétrie 2012 smartphone Soit + 40% par rapport à 2011 En 2013, 20 millions de smartphones seront vendus en France ! Source : Médiamétrie / GFK
  • 5. Ventes de smartphones vs. mobiles classiques : Source : GFK
  • 6. Part de marché OS en 2012 : Source : Médiamétrie
  • 7. Consultation des emails sur smartphones 38% Sources : ReturnPath / SNCD 25%
  • 8. Consultation des emails sur smartphones dans le monde Source : Litmus
  • 10. Webmails sur smartphones es webmails s’adaptent désormais aux smartphones… Vous aussi, vous devez adapter vos campagnes !
  • 11. Pourquoi vous devez vous mettre à l’email responsive ?  63% des américains et 41% des européens ferment ou suppriment un email qui ne s’affiche pas correctement sur mobile  Seulement 2,9% des utilisateurs ouvrent le même email à la fois sur smartphone ET sur ordinateur  56% des américains qui ont acheté au moins une fois sur leur smartphone l’ont fait suite à la réception d’un emailing sur leur mobile  Les consultations d’emails sur smartphones ont augmenté de 123% ces 18 derniers mois Source : Return Path / Exact Target / Litmus
  • 12. Les avantages de se mettre à l’email responsive ?  Un meilleur impact de vos campagnes donc plus de clics et de ventes !  Amélioration de l’expérience utilisateur sur smartphone, donc la satisfaction de vos destinataires  Amélioration de votre image de marque >> Donnez un nouveau souffle à vos campagnes emailing !
  • 13. Le principe de l’email responsive Mobile Desktop
  • 14. Voilà votre emailing conçu sur un ordinateur pour être lu sur les ordinateurs
  • 15.
  • 16. Comment ça marche ? 3 techniques
  • 17. Technique #1 Optimiser la structure de vos emails desktop (mobile aware design)
  • 18. Technique #2 Concevoir un email fluide • Tailles relatives en % • Compatibles avec la plupart des messageries
  • 19. Technique #3 Concevoir un email adaptatif (responsive) • Une version dédiée qui s’affiche à la détection de la lecture sur smartphone • Compatible uniquement avec les applications natives iOS et Android
  • 20. Technique #3 Concevoir un email adaptatif (exemples) Masquage de la colonne de droite Version mobile complètement différente
  • 21. Bonne pratique #1 Optimiser le preheader Info: vous avez 80 caractères maxi pour attirer l’attention !
  • 22. Bonne pratique #2 Pensez à renseigner ALT
  • 23. Bonne pratique #3 S’adapter à la navigation tactile
  • 24. D’autres bonnes pratiques  Utilisez les polices Arial ou Verdana, reconnues pour leur lisibilité sur écran  Utilisez des contrastes forts mais pas des couleurs flashys (pensez à la lecture au réveil…)  Mettez du texte HTML en plus de vos images (au moins 60% de textes)  Rendez les éléments cliquables identifiables et respectez une hauteur de minimum 44px pour vos CTA  Allégez les contenus, allez à l’essentiel pour faciliter la lecture  Insérez votre numéro de téléphone, votre adresse ou des dates  Pensez aussi à avoir un site web responsive
  • 29. Exemple #5 Avassys (par le Studio Sarbacane)
  • 30. Exemple #6 Action Conseils (par le Studio Sarbacane)
  • 31. Templates Gratuits & Responsive Téléchargez gratuitement nos templates responsive sur http://templates.sarbacane.com
  • 32. Plus de 900 projets emailing déjà réalisés Des experts réalisent vos emails responsive ! Que vous soyez un annonceur ou une agence, Contactez-nous ! http://studio.sarbacane.com
  • 33. MERCI ! Téléchargez gratuitement Sarbacane Et découvrez notre livre blanc gratuit sur l’email responsive L’emailing efficace Guillaume Fleureau Cliquez ici !