EMAILING RESPONSIVEAugmentez les performances de vos emailings en les adaptant à la consultation sur mobile !

SlideCare #1

If you don’t have a mobile strategy, you don’t have a future

strategy.

2

Eric Schmidt, Google, Executive Chairman

Pourquoi optimiser vos emailings sur mobile ?

Comme 50% de la population,

vous lisez vos emails depuis votre mobile. Vous avez donc dû vous rendre compte à quel point cette tâche peut s’avérer

désagréable

90%des mobinautes lisent leurs emails sur leurs devices mobiles

En 2013, 42% des emails sont ouverts et lus sur un mobile

90% des emailings ne sont pas adaptés à la taille de l’écran et seulement

14% des annonceurs adaptent leurs emailings à tous les écrans.

Sources : Litmus –”Email Analytics” (March 2013), eConsultancy “Conversion Rate Optimization Report”, Adobe “2013 Digital Publishing Report: Retail Apps & Buying Habits”

S’adapter aux supports de lecture des cibles

permet donc d’optimiser le ROI et

de favoriser une action lors de la lecture de l’emailing

- 7,6% + 98% + 49%

La famille s’agrandit …

Source : comscore 2013

Stratégie multi-screen

Evolution des ventes en France en 2012

Offrir (enfin) une expérience adaptée au support de votre cible

Augmenter le ROI de vos campagnes d’emailings

Proposer une nouvelle expérience à vos utilisateurs

Objectifs

Quelles sont les bonnes pratiques pour optimiser son emailing ?

Comment améliorer l’ergonomie de son email ?

74% des utilisateurs mobiles quitteraient un site si celui-ci n’est pas totalement chargé en 5 secondes.Même avec une connexion en Edge, votre email doit se charger vite. Pensez donc à mettre des liens de textes cliquables, en remplacement d’images non-chargées.

Rapidité

Soignez l’ergonomie de votre email afin de rendre la navigation accessible et l’expérience utilisateur optimale.Placez un visuel attractif et engageant. Utilisez du texte de 14 px minimum placé dans une seule colonne comprise entre 500 à 600 px.

Simplicité

Comment améliorer l’ergonomie de son email ?

Intégrez des call-to-action visibles et cohérents pour optimiser le ROI de vos emails.Les éléments cliquables doivent être visuellement identifiables. Un bouton doit faire minimum 50 x 50 px pour être cliquable.

Conversion

Twitter : un cas d’école

Quel email préférez-vous lire ?À gauche, une version non adaptée mobile. A droite, le même emailing en responsive.

Un peu de technique maintenant !

Un emailing existe en deux formats

Texte brut : Ce format est parfaitement lu par

tous les clients mail, mais aucune mise en page possible (pas

d’images, pas de CSS, pas de design)

HTML : Permet de réaliser des emails

graphiques mais c’est la source du problème car chaque client mail

interprète le code HTML à sa façon

Par conséquent, maitriser la technique des Media Queries en

CSS rendre compatible votre email sur mobile

93%des mobiles vendus gèrent les media queries via les clients mail natifs

Les Media-Queries, permettent d'adapter la restitution de sa page html à différentes caractéristiques des terminaux. Il gèrent :

Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation

La media queries « only screen » est une condition CSS qui est utilisée pour spécifier une visualisation écran. En d’autres termes, cette condition ne concerne pas une imprimante, mais uniquement un écran. A cela s’ajoute une propriété de « taille » maximum qui implique qu’elle ne concerne que les écrans qui ont une taille inférieure à celle spécifiée.

@media only screen and (max-width: 480px) /*condition @media : concerne un écran qui ne doit pas dépasser 480px de large*/{ table[class=1], td[class=1], img[class=1] { /*on applique aux table, td et images de la class 1 une largeur de 135px*/width:135px !important; } img{ /*on applique à toutes les images une hauteur automatique en fonction de la largeur*/height:auto;} } /*on ferme la media queries*/

Code CSS3

Gardez à l’esprit que l’emailing responsive est une façon de faire évoluer le code HTML et peut s’intégrer facilement dans votre outil de CRM.

Disposer d’une stratégie d’emailing responsive, c’est activer un levier de croissance pour votre marque.

Pour être optimale, cette innovation doit s’inscrire dans la stratégie mobile de votre marque.

Le mot de la fin

N’hésitez pas à nous solliciter !

Nous réfléchirons ensemble à la mise en place de vos besoins mobiles.

19

Care8 rue Saint Augustin 75002 Paris

Tél. : 01 40 40 60 60www.agencecare.com

Vos contacts :Raphaël Journé, rjourne@agencecare.com

Nicolas Petremann, npetremann@agencecare.com