L email responsive Optimisez vos campagnes pour les smartphones Guillaume Fleureau»
Sarbacane Software Editeur de solutions e-marketing Implantée à Lille et à Barcelone Société créée en 2001 40 collaborateurs 6000 clients dans le monde 5,3 millions d euros de CA en 2012 (+17% par rapport à 2011)
Le logiciel Sarbacane Leader des logiciels emailing sur les TPE- PME 12 000 utilisateurs Service de routage professionnel associé : Plus de 100 millions d emails délivrés chaque mois 165 000 campagnes routées en 2012
Autres activités Studio Sarbacane Conception et création de vos campagnes emailings sur-mesure Getinbox Vérifiez le rendu de vos emailing sur les principales messageries Primotexto La solution d'envoi de SMS professionnelle personnalisés et enrichis
Le Responsive Design Technique de design ayant pour objectif d offrir une lisibilité optimale des emails et des sites web sur toutes les résolutions et tous les devices, principalement les ordinateurs, tablettes et smartphones. Cette technique vise à optimiser le confort de lecture et de navigation des utilisateurs et ainsi optimiser l efficacité du site web ou de l email.
Contexte
Le phénomène des smartphones Ventes de smartphones en 2012 : 717 Millions 13,5 Millions 24 Millions de français possèdent un smartphone Soit + 40% par rapport à 2011 En 2013, 20 millions de smartphones seront vendus en France! Source Médiamétrie 2012
Le phénomène des smartphones Source : GFK
Consultation des emails sur smartphones 47% 38,4% Source : Litmus / SNCD / Return Path
Consultation des emails sur smartphones Source : Litmus
Parts de marché OS Mobiles en 2012 Source : Médiamétrie
Répartition des messageries dans le monde Source : Litmus
Les messageries s adaptent à l usage mobile
Exemples
Raisons de se mettre au responsive 80% des utilisateurs suppriment un email qui s affiche mal dans leur mobile Seulement 3% des utilisateurs ouvrent le même email à la fois sur smartphone ET sur ordinateur Dans le monde, 25% des campagnes email sont optimisées pour le mobile Source : Litmus / Return Path / econsultancy
Avantages de se mettre au responsive Un meilleur impact de vos campagnes donc plus de clics et de ventes! Amélioration de l expérience utilisateur sur smartphone, donc de la satisfaction de vos destinataires Amélioration de votre image de marque
Sans optimisation
Avec Optimisation
Passons à la pratique! 3 techniques
Technique n 1 : Mobile Aware Design
Technique n 2 : Email fluide (scalable) Tailles des éléments en % Compatibles avec la plupart des messageries
Technique n 3 : Email adaptatif 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 n 3 : Email adaptatif Exemples Masquage de la colonne de droite Version mobile complètement différente
Technique n 3 : Email adaptatif La compatibilité de Media Query dépend de l application, pas du device! Non compatible avec :
Quelle est la meilleure technique? Créer un email hybride, c est possible! Fluide qui s affichera sur desktop, tablettes et smartphones dans les messageries ne supportant pas Media Query Adaptatif en Media Query pour les messageries compatibles
Bonne pratiques
Bonne pratique n 1 : le preheader Vous avez 80 caractères maxi pour attirer l attention!
Bonne pratique n 2 : attribut ALT
Bonne pratique n 3 : s adapter au mobile
Bonne pratiques en vrac 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/landing responsive
Exemple Love2Recycle
Exemple British Airways
Exemple SnapNames
Exemple Sarbacane
Exemple Orange
Exemple Twitter Desktop Mobile
Votre email responsive sur mesure Plus de 900 projets emailing déjà réalisés Des experts réalisent vos emails responsive! http://studio.sarbacane.com
Merci! L emailing efficace Aux éditions Eyrolles