Les champions du mobile 2020

Loïc de Saint Andrieu / Janvier 2020

[Contexte Covid19] L'équipe Customer Experience Google a réalisé un travail de benchmark et une synthèse de recommandations mobile UX pour communiquer en temps de crise sur vos bannières et landing pages de FAQ.

  • Bannière d'information : Être visible avec des couleurs distinctes (mais non anxiogènes) et des polices d'écriture différentes. ▪️ Avoir un bouton pour fermer facilement la bannière. ▪️ Avoir un bouton d'action qui renvoie vers votre FAQ. ▪️ Présenter les conditions de livraisons et de retours produit. ▪️ Rendre la bannière présente sur toutes les pages du site
  • Page FAQ : Être bien structurée et lisible, en utilisant notamment des "accordéons". ▪️ Insister sur le statut ou la continuité des services. ▪️ Ajouter la date et mettre à jour régulièrement. ▪️ Ménager les attentes des consommateur. ▪️ Indiquer les bonnes ressources. ▪️ Utiliser les données structurées FAQ pour favoriser son référencement
  • Enfin : N'oubliez pas de mettre à jour les options de livraison & Click & Collect sur les fiches produit. ▪️ Si vous le pouvez, faites de la curation pour mettre en avant des produits ou des services utiles en temps de crise. ▪️ Attention au temps de chargement de vos pages car les réseaux sont surchargés.

Ce n'est un secret pour personne : pour engager les consommateurs et leur donner envie d’acheter sur votre site mobile, vous devez garantir une expérience de grande qualité. Encore récemment, les marques concentraient leurs efforts sur l’optimisation de l'expérience client sur ordinateur. Mais comme le mobile représente 62% du temps d’écran digital1, elles doivent comprendre comment générer un maximum de conversions sur le petit écran des smartphones. Web stories, Progressive Web Apps, etc. : vous souhaitez vous inspirer des champions du mobile ?

  • La Roche-Posay
  • Weekendesk
  • Verychic
  • Etam

À travers les retours d'expériences de ces grandes marques, découvrez comment créer des expériences mobiles fluides, rapides et générant des taux d'engagement élevés.


La Roche-Posay utilise le format AMP Story et obtient +17% de taux d'engagement

La Roche-Posay.png

La Roche-Posay, leader des produits dermo-cosmétiques, met à profit le format AMP Story pour apporter du trafic qualifié vers les pages produits stars de son site web. Grâce à une expérience rapide, mobile-first et intuitive, le taux d’engagement des utilisateurs atteint 28.2% contre 10.7% pour une page traditionnelle et les utilisateurs visitent en moyenne 3.6 pages contre 2 dans le cadre d'une navigation classique.

#AMPStory #Engagement #Beauty


Weekendesk transforme son site mobile en PWA et obtient 2,5 fois plus de conversions

weekendesk Mobile.png

Weekendesk, n°1 des week-ends et des courts séjours thématiques (bien-être, gastronomie, détente…), crée une expérience ultra-fluide en réconciliant site web et app native. Ses équipes ont transformé leur site mobile en Progressive Web App (PWA), avec à la clé un site 30% plus rapide et une multiplication par 2,5 des conversions pour les utilisateurs l’ayant installée.

#PWA #TWA #Travel


Verychic augmente ses revenus mobiles de 9% grâce à l'accélération de sa vitesse de chargement

VERYCHIC.jpg

Verychic, le spécialiste des ventes privées de séjours du groupe Accor Hotel, a collaboré avec Google pour améliorer leur webperformance (gestion des images, des redirections, du cache, priorisation des assets et bien plus). Grâce à ses optimisations, Verychic a doublé son taux d’inscription et amélioré son chiffre d’affaires mobile de 9% ! Les équipes envisagent maintenant d’ajouter des fonctionnalités des Progressive Web App pour fluidifier les parcours et améliorer l’engagement.

#Speed #Webperformance #Travel


Etam tire profit des PWA : +18% sur le panier moyen

Etam.jpg

Etam, spécialiste de la lingerie féminine, tire profit des Progressive Web App pour améliorer l’expérience utilisateur sur le mobile. En implémentant une architecture qui garde en mémoire les contenus statiques de la page, la revisite sur etam.com est quasi-instantanée. Cette dernière fluidifie aussi l’expérience en magasin en offrant la possibilité de voir son compte et de scanner sa carte de fidélité même si l’utilisateur n’est pas connecté. Etam a aussi mis en place une fonctionnalité permettant d’ajouter un raccourci à l’écran d’accueil de son smartphone offrant une expérience immersive du site. L’ensemble des ces optimisations ont contribué à une hausse du panier moyen de 18% et du taux de conversion de 30%.

#UX #PWA #Retail #Fashion


Code, Design, Culture. Découvrez les clés d'une Customer eXperience mobile first par l’équipe Digital Customer Experience de Google

Code Design Culture.png
Inspirez-vous des champions du mobile pour générer des conversions