// Vous lisez...

E-commerce

M-commerce: de l’intérêt d’utiliser le Responsive Design en Email

On parle de plus en plus de l’intérêt d’utiliser le responsive design dans les campagnes d’email marketing afin d’améliorer l’affichage en fonction des différents terminaux (ordinateur, smartphone et tablettes principalement). L’objectif étant de maximiser la lecture et la compréhension des messages publicitaires par l’internaute, peu importe le support numérique, et d’améliorer ainsi les performances des campagnes emails. Mais il faut avouer que, d’après ma liste de veille personnelle, il est encore rare de voir des emails optimisés ainsi.

C’est d’autant plus dommage quand on voit que certains annonceurs ont investi dans la création de site mobile sans adapter leur stratégie email.

Prenons l’exemple de la dernière campagne Vertbaudet.

 

Campagne Email Vertbaudet (février)

Campagne Email Vertbaudet (février)

 

 

La marque a compris que de plus en plus d’internautes lisaient les emails et achetaient sur mobile et a donc personnalisé son footer d’un dessin de smartphone et d’une petite icône « site mobile ».

Campagne Email Vertbaudet (février) - Footer

Campagne Email Vertbaudet (février) – Footer

En mettant en avant sa version mobile, Vertbaudet espère capter l’attention des mobinautes et les inciter à continuer leur navigation sur le site mobile en vue d’un potentiel achat. A noter que, suite au clic sur mobile, l’enseigne propose immédiatement de s’enregistrer pour sauvegarder le panier, permettant à l’internaute de revenir plus tard, et depuis un autre terminal (ordinateur?), pour terminer et payer sa commande.

Le problème est, qu’avant de se retrouver sur le site, l’internaute ouvre l’email sur son mobile et c’est là que ça se gâte, car ce dernier n’est pas du tout optimisé  :

Campagne Email Vertbaudet - Version Mobile

Campagne Email Vertbaudet – Version Mobile

Et voici maintenant la landing page et le site optimisé :

Landing Page avec pop-up de connexion pour sauvegarder le panier

Landing Page avec pop-up de connexion pour sauvegarder le panier

Landing page & site web mobile Vertbaudet (après fermeture du pop up)

Landing page & site web mobile Vertbaudet (après fermeture du pop up)

Alors que les landing pages sont agréables à lire sur l’écran mobile, l’email reste « standard », avec des caractère minuscules, quasiment illisibles sans faire de zoom sur l’écran. Par ailleurs, aucun appel à l’action ni aucune mention du site mobile ne sont visibles sans scroller.

=> Malheureusement, quand l’internaute est sur son mobile, il ne sait pas que la marque a « tout » fait pour optimiser sa navigation sur mobile.

Quand on sait que cette campagne est créé pour générer du traffic et surtout des ventes sur le site Vertbaudet, que la marque possède un site mobile (top pour l’avoir testé), et qu’environ 20% des ouvertures se font désormais sur mobile. Pourquoi ne pas optimiser aussi « la porte d’entrée » de la campagne, à savoir l’email ?

Grâce au responsive design, la marque pourrait revoir l’affichage de la version mobile de cet email en allégeant le texte et les images (oust la barre de navigation du haut) et mettant surtout en valeur la disponibilité de son site mobile. Je pense par exemple à l’affichage conditionnel en header (= qui s’afficherait uniquement si l’ouverture a lieu sur un mobile) d’une petite icône mobile et d’un texte du type « profitez de l’offre sur notre site mobile ».

Pour finir, voici quelques exemples d’interfaces de site mobiles :

Cdiscount

Cdiscount

J’aime bien les petits carrés colorés. Ils ont repris les standard mobiles connus des mobinautes, ressemblant légèrement à l’interface des derniers téléphones sous windows.

Rue du commerce

Rue du commerce

Celle de RUe du Commerce me plaît moins (comme le site d’ailleurs), c’est un peu fouilli, on ne sait pas si ce sont des catégories ou des offres flashs qui sont mises en avant.

La Redoute

La Redoute

J’aime le minimalisme du site la Redoute avec une unique offre et ensuite de gros boutons pour les catégories, invitant l’internaute à scroller pour découvrir les autres.

 

Discussion

2 Responses to “M-commerce: de l’intérêt d’utiliser le Responsive Design en Email”

  1. Bonjour
    Je vous recommande de regarder les newsletters envoyés para verychic.com qui sont responsive et très bien optimisés pour le mobile (sauf depuis les app Gmail qui malheureusement ne lisent pas les media queries)

    Et je vous invite aussi à consulter cette infographie sur le sujet (pour rentre dans les détails techniques).
    http://www.splio.fr/responsive/

    Très bon article en tout cas, merci de cette analyse.

    Posted by Jean-Baptiste Boubault | 04. mar, 2013, 23 h 01 min
    • Merci! C’est vrai que j’avais vu que VeryChic le faisait très bien. Le secteur du voyage et surtout de la vente privée a d’ailleurs un
      fort potentiel de vente sur mobile (de mémoire Bazarchic et vente-privée annonçaient entre 10% et 20% des ventes via smartphone et tablettes).
      Sinon excellente infographie de Splio que je vais de suite partager !!

      Posted by Audrey | 05. mar, 2013, 6 h 02 min

Post a comment