Les Progressive Web Apps sont pour moi un tournant majeur de la conception des sites Internet. Un tournant un peu compliqué et qui nécessite pour beaucoup de se réinventer.

Je vous ai déjà fait un topo sur l’importance des PWA pour le eCommerce, je ne vais pas le refaire et je vous invite à le lire ou à le relire avant la lecture de cet article, beaucoup plus focalisé sur le « how to ».

Quand puis-je dire que mon site/mon application (cela veut dire exactement la même chose !) est PWA ?

Il convient de rappeler comment Google (créateur de cette appellation), caractérise la chose. Sont appelées des Progressive Web Apps des applications qui sont :

1. Progressives (pour chaque utilisateur, peu importe le navigateur)
2. Responsive (adaptées au support de l’utilisateur)
3. Indépendantes de la connectivité (doivent pouvoir marcher partiellement sans connexion)
4. « App-like » (claires, fluides et utilisables)
5. Fraîches (à jour)
6. Sécurisées (impossible de faire sans HTTPS de toute façon)
7. Découvrables (manifeste – = informations sur l’appli – défini de manière à permettre d’identifier des informations utiles pour les robots)
8. Ré-engageables (doivent utiliser les fonctionnalités comme le push pour faire revenir les utilisateurs)
9. Installables (icône sur l’écran d’accueil)
10. Partageables (faciles à partager via une URL)

Etapes d’implémentations que je vous suggère

J’ai identifié des étapes qui me semblent être de bons échelons, pour mettre en place progressivement l’ensemble des possibilités proposées par PWA.

Soyons clair, je manque comme la plupart d’entre nous d’expérience sur ce sujet, je vous propose donc cette feuille de route qui me semble logique, et que je vais aussi tenter de suivre de mon côté.

Si vous avez un avis pour enrichir le mien, n’hésitez pas, cet article n’est pas fait pour être figé, il devrait idéalement évoluer dans le temps grâce à vous ! (promis, je vous mentionnerai explicitement avec les modifs/ajouts qui me semblent intéressants !)

Dans cette feuille de route, chaque étape doit être un gain pour vous :

1. Installer le HTTPS (en profiter pour le HTTP/2)

Pour info ou rappel, Google a annoncé commencer à impacter l’absence de https sur votre positionnement, donc le plus tôt est le mieux.

Concernant le HTTP/2, une image valant mieux que de longs discours, je vous laisse admirer le schéma ci-contre, il est très explicite, vous voyez comme HTTP/2 permet de paralléliser les chargements plutôt que de les faire à la chaîne, il permet en fait de mieux exploiter les nouvelles capacités de bande passante permises par la plupart des connexions aujourd’hui.

2. Mettre en place les services workers pour pouvoir gérer les notifications push grâce au cloud messaging de Google

Là on entre dans la magie des nouveaux usages encore trop méconnus. Vous en rêvez mais vous n’osez pas, pensez que c’est trop compliqué ou trop cher.

C’est en réalité assez simple et gratuit.

En gros :

• vous mettez en place l’utilisation des « services workers », un nom barbare pour une fonctionnalité cachée dans votre navigateur, qui sert à pas mal de choses et ici en particulier à recevoir et transmettre à qui de droit des notifications push
• vous utilisez un service de push, par exemple Google Firebase Cloud Messaging (FCM), PushEngage, Axengage, qui demandent pour vous l’autorisation à l’utilisateur de communiquer directement avec son navigateur
• Vous sollicitez cet outil, qui transmet une instruction au navigateur ou au smartphone, qui transmet l’instruction à votre code
• Vous pouvez donc brancher un système de notification maison sur le navigateur ou sur le smartphone

3. Commencer à utiliser le cache persistant côté navigateur

Aïe, je décline toute responsabilité, c’est tout ce que j’ai envie de dire à ce sujet qui va piquer dans les chaumières.

En gros, tout ce qui ne change pas trop régulièrement peut être poussé dans le cache offline du navigateur. Les images, les JS, les CSS…. les contenus Web, eh oui ! tout, en gros, de manière à pouvoir créer un vrai mode offline (ou juste un cache partiel si c’est ce que vous voulez faire).

C’est très puissant mais lisez surtout les retours d’expérience et les moyens de se prémunir d’un gros problème inévitable : quand c’est caché côté navigateur, vous n’avez (presque) plus de moyen d’intervenir pour forcer la mise à jour du cache. Donc s’il y a un bug ou un mauvais contenu en cache… eh bien vous ne pouvez rien y faire jusqu’à ce que le cache expire !

Bon, il y a des moyens de prévenir, notamment grâce à un « fetch » initié côté navigateur et qui va vérifier s’il n’y a pas un forçage de mise à jour de cache à faire..

Imaginez un monde où quand vous faites un clic, il n’y a qu’un aller/retour serveur, un seul « hit » comme on appelle ça. ça serait toujours 200 hits en moyenne de moins que ce qui existe aujourd’hui…

4. Développer progressivement l’architecture orientée services et minimiser les flux de données

Et bien voilà, on y arrive. à 99% du temps, quand vous chargez une page, le langage de programmation compile un code pour le transformer en html et envoie tout le html à votre navigateur. Un HTML, dans le cas d’Amazon, ça peut peser 100 à 200 ko quand même.

Eh bien pourquoi ne pas charger le html qu’il vous faut avant, de manière à ce que lors des changements de page, il n’y ait que les nouvelles images et un flux de données de l’ordre de 0,1 à 2 ko qui soit échangé ?

5. Inciter à installer l’icône sur l’écran d’accueil

Bon, ça ce n’est pas très compliqué. Tout est ici : un manifest à pousser dans les entêtes html, une icône, un petit lien à pousser à vos utilisateurs, et vous obtenez la possibilité d’ajouter l’icône à votre écran d’accueil sur téléphone ! ça marche sur iOS comme sur Android, avec un petit bémol pour Android puisque l’icône « Chrome » apparaît en bas à droite de l’icône.

Quel meilleur moyen de faire revenir plus souvent vos utilisateurs fidèles (et de saouler ceux qui ne le sont pas encore) ?

6. Prioriser fortement les services chargés

Tant qu’à être dans l’état de l’art, autant charger les éléments les plus importants d’abord : le contenu principal, puis les services auxiliaires, publicités et autres ensuite, quand ça ne gêne plus personne (tant que ça ne crée pas de flicker effect, c’est à dire de choses qui se déplacent pendant que l’utilisateur commence à utiliser la page)

7. Commencer à gérer le mode hors ligne

On a commencé à en parler dans le point 3, allez au bout ! 🙂

Et si mon site est fait avec Magento / Prestashop / Autres CMS eCommerce ?

Vaste programme. Des initiatives existent ça ou là, rien qui n’ait encore cassé la baraque et qui soit suffisamment éprouvé pour être conseillé, mais nul doute que les solutions vont venir.

Le problème est en soi que ces solutions n’ont pas du tout été développées d’une manière à permettre d’implémenter facilement les micro-services qui envoient les mini-flux de données nécessaires aux PWA. C’est donc un vrai changement de paradigme.

D’autres solutions fleurissent et il est probable que des solutions plus adaptées pourraient émerger, et peut-être que Prestashop et Magento pourraient nous préparer des surprises, qui sait ; ce qui pourrait d’ailleurs être très perturbant pour pas mal de développeurs habitués des structures actuelles de ces solutions.

Conclusion

La loi de Pareto s’applique ici comme ailleurs, les 80/20 sont de rigueur et 20% des actions, les premières listées plus haut à mon avis, pourraient bien vous apporter 80% des bénéfices, donc n’hésitez pas à tester et à nous faire vos retours !

Je pense qu’il ne faut pas retarder + les expérimentations sur le sujet, il faut commencer à se faire les dents et prendre le virage dès que possible, et l’accélération qui va avec.

A un moment où les ordinateurs de bureau ne représentent plus que 35 à 45% des supports de visualisation d’un site eCommerce et où la fidélisation va plutôt du côté d’Amazon, il est temps plus que jamais de fournir tous les efforts possibles pour offrir la meilleure expérience possible et la plus grande proximité avec nos consommateurs !

Et si c’est un peu compliqué, des solutions pourraient bien vous y aider, à voir par exemple la solution Front Commerce, que je compte bien éprouver prochainement !

Si il y a bien deux secteurs qui sont aujourd’hui en pleine transformation ce sont bien le mobile et le retail.  C’est en partant de ce constat qu’est née la conférence RetMo (Retail & Mobile). En effet le mobile transforme la vie de nombreux secteurs d’activité :

• La rencontre, avec Tinder
• Le transport avec Uber
• La livraison de plats à domicile, avec Deliveroo
• Et bien sûr le e-commerce et le retail

Nous en parlons régulièrement ici même, le mobile est aujourd’hui la priorité en terme de développement commercial ( voir eCommerce mobile : les conseils des experts (conception, acquisition, conversion,…) ou encore  Quelques chiffres sur le mobile et le e-commerce ).

Si vous devez lancer un projet et que vous hésitez entre une version desktop ou une version desktop + mobile et bien mon conseil c’est de foncer vers la version mobile uniquement ! Il reste de nombreuses opportunités de recréer de la valeur en transposant des concepts web en version adaptée au mobile. Mais bref, ce sera l’occasion de parler de tout ça au RetMo !

RetMo ? C’est quoi exactement ?

RetMo est la première conférence réunissant le Retail et le Mobile. Organisée par les fondateurs de AppDays, la conférence Mobile qui réunit plus de 1200 personnes à Paris depuis 5 ans, RetMo a pour objectif premier de faire découvrir et de mettre en avant les bonnes pratiques liées au mobile chez les distributeurs.

Le 5 octobre prochain à Lille Grand Palais (berceau du retail français), plus de 250 retailers vont se réunir pour écouter une dizaine d’experts, tous spécialistes du mobile, et du retail ! Une application permettra aux décideurs de rentrer en contact avec les partenaires et de prolonger les échanges après la conférence.

Articulée autour du 10 keynotes, la journée s’annonce riche en contenus, partages d’expériences et networking.
Lancement de RetMo autour d’un petit-déjeuner pour enchainer sur les premières présentations. Des cas clients, pertinents et concrets, seront mis en avant. La journée se terminera autour d’un cocktail, favorisant les échanges entre retailers et partenaires de la conférence (Ikomobi, Accengage, App’s Miles, Tiendéo, Splio…).

Pour participer, rien de plus simple. Il faut être distributeur et demander une invitation sur www.retmo.fr

Du coté d’info-ecommerce nous serons évidement présent toute la journée pour couvrir des conférences et vous faire partager les analyses d’experts et les nouvelles tendances.

Pour en savoir plus sur RetMo vous pouvez consulter les réseaux sociaux habituels :

• Linkedin
• Twitter
• Facebook

S’il y a un domaine qui concentre les réflexions des responsables eCommerce en ce moment, c’est bien le mobile. Auparavant émergent, dorénavant incontournable, il grignote de plus en plus de parts d’audience (il se dit qu’il représenterait 50% du trafic sur les sites eCommerce mais seulement 8% des conversions) et fait baisser votre taux de conversion global. Le mobile, c’est aussi 71% des débuts de parcours d’achat en retail.

Pour Laurent Bourrelly, consultant référencement, Il est « faux de prétendre que le challenge a été surmonté pour les sites e­Commerce. La conversion est catastrophique, la performance est une plaie et c’est globalement encore une couche de complexité à rajouter au projet. »

L’achat est toujours problématique sur smartphone, pour des raisons structurelles

J’ai été recueillir les avis de différents experts de différents horizons et les ai concentrés pour vous (et pour moi) ici. Je n’ai pas pu m’empêcher de donner mon avis également.

Vos avis seront les bienvenus en commentaires pour compléter ces visions.

Acquisition

SEO

En terme de SEO, il est important de rappeler rapidement les bases :

1. Avoir une version mobile de son site permet d’être ainsi reconnu par Google avec une petite mention « mobile » à côté du résultat qui est plutôt une bonne chose pour le taux de clic (CTR)
2. La vitesse du site est un facteur qui est important et pris en compte par Google qui a même testé l’affichage d’un drapeau rouge « slow » à côté du résultat de sites lents. Fabien Raquidel, consultant SEO au sein de l’agence seo Vip-agence.com nous confirme : « La vitesse du site est hyper importante, il faut donc passer le « page speed test » de google et être dans le vert »
3. Vérifiez dans vos messages sur , pardon Search Console, si vous n’avez pas des alertes de Google sur vos compatibilités mobile. Ces problèmes de compatibilité vous vaudront un déclassement d’après Google.
4. Vérifiez sur l’outil de test de Google si votre site est bien « mobile friendly »

SEA

Pour Florian Marlin, responsable eCommerce (UK) et expert SEA, »il est hélas devenu plus difficile de gérer des campagnes principalement sur mobile via le système de Google depuis les campagnes universelles. Ces dernières ne permettant que d’appliquer un % de hausse ou de baisse aux enchères Desktop pour définir celles du mobile. Il faut donc gérer ses enchères avec attention, et constamment garder un oeil sur le rapport des performances par appareils pour analyser les impacts sur Mobiles. »

Conception

La conception de sites mobiles est bien compliquée. Rendue simple par les frameworks de développement, cela nécessite quand même de se poser pas mal de question sur l’organisation des blocs, ce qui doit apparaître ou pas. Deux leitmotivs émergent des conseils qu’on peut entendre ça et là : Mobile first et Simplifier ! (avec le point d’exclamation !).

Mobile first

Mobile first, on en entend beaucoup parler en ce moment. C’est beaucoup plus rarement appliqué. Il faut une logique sensiblement différente de ce qu’on a connu jusqu’ici pour aller pleinement dans cette démarche qui vise avant tout à simplifier les interfaces, sur mobile mais aussi sur ordinateur de bureau, et penser à ce qui est essentiel est ce qui l’est moins.

René Cotton  » lors de la mise en place de sa boutique, il faut penser directement mobile (indispensable pour ne pas manquer des opportunités de chiffre d’affaires; notamment depuis la mise à jour récente de l’algorithme mobile de Google.). Et faire les tests aussi sur cette version. »

Pour Benoît Gaillat, il faut « Concevoir mobile et étendre au desktop plutôt que l’inverse ». « Ne pas uniquement penser à faire du responsive, c’est pas toujours adapté ». Benoît évoque également l’importance des ressources lourdes et conseille « des images les plus légères possibles et surtout pas celles par défaut du site classique »

Pour Julien Bonnel, il faut « considérer le mobile comme le canal prioritaire et privilégié autant sur l’acte d’achat que pour la relation client ! »

Simplifier !

Un consensus se fait de la part des experts sur le fait de simplifier l’expérience sur le mobile. Aller à l’essentiel, réduire les fonctionnalités pour mettre en avant ce qui est vraiment nécessaire. Gardez les 20% qui sont utilisés par les 80% de vos utilisateurs et planquez ou supprimez le reste !

Les témoignages de nos amis experts vont dans ce sens en tout cas !

Fabien Raquidel « Il faut pour moi simplifier le plus possible afin de mieux convertir
il faut donc que les boutons ajouter au panier soit bien mis en évidence et bien centrés, un menu allégé sans scroll, un truc tout bête le logo de la marque cliquable nous avons trop l’habitude de cette fonction. Je trouve globalement le site toysrus.fr réponds bien aux bonnes pratiques mobile ; leur bouton « ajouter au panier » toujours visible, je trouve que c’est très efficace »

Laurent Bourrelly : « L’erreur est de prendre le mobile comme une déclinaison de la version desktop. Avoir un site en Responsive Web Design n’est pas une garantie de réussir à performer sur mobile.

Et surtout ce n’est pas suffisant pour relever le challenge. Par exemple, le responsive ne va pas résoudre le problème d’obligation d’ouverture d’un compte pour réaliser un achat.

C’est déjà un frein sur desktop, alors que ça devient carrément bloquant sur mobile. D’ailleurs, sur mobile, il est parfois plus simple de privilégier la mise en relation téléphonique, plutôt que s’entêter à vouloir absolument pousser à la transaction en ligne.

Vos visiteurs sont les seuls juges. Plus vous arriverez à vous mettre à leur place et plus ça fonctionnera bien. Attention, c’est plus facile à dire qu’à faire, mais résonner en terme de demande plutôt que d’offre est la clef pour déterminer comment aborder votre stratégie mobile.

Imaginez le profil de vos clients types en fabriquant des user persona. Ensuite, rédigez l’aventure, à partir du moment où le visiteur rentre en contact avec votre marque pour la première fois, jusqu’à l’acte d’achat.

Cela vous oblige à faire des choix, plutôt que rester neutre à tenter de plaire à tout le monde et personne finalement.

Dans tous les cas, sur l’enjeu du mobile, la simplicité est la solution à 99% des problèmes. »

René Cotton « la mise en forme du marketing doit être adaptée entre la version desktop et la version mobile (moins de place du coup besoin d’aller plus rapidement à l’essentiel)
Je suis un fervent défenseur de l’adaptative face au responsive. Je comprends l’intérêt du responsive mais envoyer la totalité du site (html, css, js) pour après masquer des parties sur mobile n’est pas optimisé, surtout si la personne à une mauvaise connexion 3G, voire du Edge. En adaptive, on sert une version du site faite pour le mobile avec en tête de n’envoyer que le nécessaire (mais cela implique un double travail (desktop et mobile)). »

Focus mobile… jusqu’où ?

Pour Emmanuel Brunet, d’Eulerian Technologies, il est important de « faire attention au syndrome « nouveauté / focus excessif ». Beaucoup d’intervenants ont tendance à surpondérer le temps, l’argent et l’énergie attribués à des sujets nouveaux. C’est systématiquement le cas lors de l’émergence d’innovations, qu’elles soient techniques ou marketing.

Dans le cas actuel du mobile, les acteurs ont tendance à traiter ce nouveau terminal et les possibilités marketing qu’il offre comme un nouveau canal, isolé et doté de son écosystème propre, comme si il fonctionnait en silo. Il y a des prestataires spécialisés dans la création d’app, des technos de tracking mobile, des technos spécialisées dans l’achat publicitaire sur mobile, des agences qui revendiquent une expérience mobile… Or les terminaux mobiles, comme les apps auxquelles on les réduit parfois, ne sont que des modalités de connexion et de navigation d’un individu.

L’objectif est donc d’offrir au consommateur une expérience de marque cohérente sur mobile et hors mobile. Il en va de même pour la mesure des performances marketing ou l’achat de l’espace publicitaire. Il faut considérer le travail réalisé par une marque sur mobile comme une modalité en synergie avec la présence de la même marque sur d’autres terminaux mais aussi… hors du monde digital.

Mon conseil est donc de traiter le mobile de la même façon que les autres terminaux et territoires d’exposition de la marque afin de focaliser sa stratégie marketing sur l’Homme et non sur ses moyens de communication. »

Fredéric Cavazza, – consultant indépendant et conférencier – transformation digitale, commerce électronique, mobilité, expérience client… à suivre absolument sur FredCavazza.net -, nous fait remarquer qu’il n’est pas forcément utile de se prendre la tête avec certaines variantes du système d’exploitation de l’iPhone, qui est souvent bien moins représenté dans le trafic (pas chez moi, donc cela dépend) que  les Android notamment : « Oubliez l’iPhone, qui ne représente même pas 20% de parts de marché. Avec en prime un parc vieillissant -> une bonne partie des iPhone sont de 4 ou 4S qui sont équipés d’un écran trop petit, en décalage par rapport à la tendance, du coup, certains boutons d’action en bas d’écran ne sont pas visibles (car les écrans sont conçus pour des iPhone 5 ou 6). »

Conversion

Bien analyser son trafic

L’analyse du trafic, vous le savez, c’est ma grande passion. Elle vous dit beaucoup de choses, même si elle ne vous dit pas tout (vos clients vous diront le reste). Il convient de s’assurer un bon tracking pour avoir les bonnes stats :

Florian Marlin nous conseille ainsi d' »avoir des URL identiques afin d’éviter d’avoir du trafic desktop sur des pages mobiles et inversement (ou au moins un système de super agent qui redirige en auto). » et donc de préférer les modes responsive/adaptative design.

Une fois les remontées de données optimales, il faut analyser ses données pour comprendre où cela pèche. Quel taux de rebond en fonction des pages et des sources ? Est-ce normal en fonction de ces entrées ? Quel temps passé en fonction des contenus ? L’objectif que vous avez pour chaque modèle de page est-il atteint ?

Olivier Marx, fondateur digiRocks & Altics suggère « d’analyser sur Google Analytics les taux de conversion et les parcours MOBILE de ses clients et d’en tirer 3 conclusions et 5 actions d’amélioration à court terme ».

Il est important de rappeler qu’en fonction des spécificités de chaque site Internet, la répartition du trafic ne sont pas les mêmes. Laurent Bourrelly, rappelle ainsi : « Même pour des sites similaires, les statistiques peuvent drastiquement changer. Romain me disait avoir 50% d’utilisateurs sous mobile, alors que je ne dépasse pas 10%. »

Se mettre à la place de ses utilisateurs

2 principes globalement et généralement applicables quand on veut optimiser sa conversion : 1. se mettre à la place des utilisateurs 2. Être à l’écoute des utilisateurs, l’un aidant généralement l’autre.

Certains sont au contraire des inconditionnels du mobile, comme Julien Bonnel qui conseille de « considérer le mobile comme le canal prioritaire et privilégié autant sur l’acte d’achat que pour la relation client car les parcours client étant de plus en plus omnicanal les commerçants se doivent de fournir une qualité d’interaction client irréprochable quelque soit le canal physique ou digital utilisé par le client ! »

Adaptez vos pages clés

Pour Benoît Gaillat, directeur chez Skeelbox, il faut penser « que la commande risque d’être finalisée depuis un PC classique, il faut donc pouvoir sauvegarder des whishlists et être sûr de bien synchroniser les informations »

Ce point est en effet clé, la plupart des utilisateurs utilisant le mobile comme outil de découverte, et préférant souvent finaliser leur transaction sur tablette ou ordinateur de bureau.

Laurent Penou, expert paiement chez Payzen nous glisse quelques conseils sur la conception de cette page clé : « Si sur une tablette la résolution est le plus souvent supérieure à celle d’un ordinateur, il est possible de conserver la même page paiement. Mais rien ne vous empêche d’avoir une CSS adaptée à l’OS préféré de votre acheteur.

Sur un téléphone ce n’est pas le cas, il vous faudra privilégier une page de paiement responsive ou une CSS adaptée à la place disponible sur le téléphone.

Mais si vous êtes très connu et que votre clientèle veut acheter chez vous, vous pouvez ne pas suivre ces conseils.
Certains sites acceptent des dizaines de milliers de paiement à l’heure avec une page standard…  »

App or not App ?

Les conseils ci-dessus valent surtout pour les sites adaptés aux mobiles. Les avis sont très partagés sur les App. Pour moi, elles conviennent davantage aux eCommerces qui possèdent un public captif et fidélisé. L’appli permet pour ces publics de leur proposer des services supplémentaires grâce aux possibilités des apps (notifications, géolocalisation, rapidité et confort de navigation, fonctionnalités spécifiques,…). L’App a un coût, de conception et de développement bien sûr, mais aussi de maintenance et ce n’est pas négligeable. A vous de bien réfléchir.

Fred Cavazza : « Oubliez les applications mobiles, elles coûtent trop cher à développer, référencer et maintenir. L’important est de rendre vos produits / offres accessibles en quelques secondes. En situation de mobilité, je doute qu’un prospect va prendre le temps de télécharger et de paramétrer l’appli d’un annonceur. Il faut donc donner la priorité au site mobile. »

René Cotton « sur la question de l’application, il faut déjà se dire que le site est indispensable et que l’application est un plus (non négligeable parfois) qui doit avoir un vrai public, on ne se lance pas dans le ecommerce avec de suite une app iPhone et Android. On construit déjà son identité et sa marque puis on vois ce que l’app va pouvoir apporté de plus a son public. »

Laurent Bourrelly : « pourquoi ne pas faire une application mobile si vous avez une valeur ajoutée ? Pourquoi faire une application mobile si vos visiteurs font des achats one shot ? A l’inverse, pourquoi ne pas faire une application mobile si vous avez une valeur ajoutée supplémentaire à la simple offre catalogue ? Est-ce que mes visiteurs sont sur smartphone ou sur tablette ? Sont-ils plutôt iOS ou Android ? »

Si jamais vous voulez faire une App mobile, voici quelques bonnes pratiques soufflées par Olivier Mercuriot, directeur du développement international chez Pickup : « 1. Une vraie app mobile ne rebasculant pas sur site web responsive. 2. Une app qui integre le paiement, le tracing, le service clients et le retour. 3. Du push offres speciales tous les jours.  »

Et pour finir, le conseil app mobile du meilleur d’entre nous, Louis-Alexandre Tachon, Responsable web & fidélité chez Nicolas, « 85% des applications sont désinstallées dans les 30 jours. Il faut faire un gros focus sur l’usage et limiter au max les fonctionnalités pour aller à l’essentiel »

L’e-commerce est un secteur encore jeune, une quinzaine d’années d’activités, mais avec une rentabilité encore très faible, voir inexistante, pour un grand nombre de sites. L’actualité est donc souvent chargée en nouveaux produits, prestataires, tendances qui veulent améliorer/révolutionner le secteur.

Quels sont aujourd’hui les principales tendances en Europe du e-commerce ?

C’est exactement la question que s’est posé McKinsey  en début d’année. Après une phase de recherche et d’analyses ils en ont sorti une infographie qui récapitule les cinq tendances de fond de l’e-commerce en Europe.

La première tendance c’est le deuxième « big bang » de l’e-commerce qui arrive. La première phase a été la vente de produits Hi-Tech, jeux vidéo, livres et DVD. La deuxième sera celle des vêtements et des chaussures principalement, c’est vrai qu’il reste beaucoup à faire dans ce domaine, voir par exemple : Pourquoi toutes les marques devraient avoir un site e-commerce ? .

La deuxième tendance c’est la montée du mobile pour passer commande, y compris à la maison ! On n’y pense pas toujours mais le mobile et les tablettes sont souvent utilisés sur le canapé car plus pratique à utiliser que les ordinateurs « fixes ».

Le troisième tendance concerne le multicanal, sujet à la mode à la Fevad et chez tous les commerçants disposant d’un réseau de distribution « classique ». Beaucoup de promesses pour le moment mais les chiffres semblent prometteurs et le service rendu au clients indéniable. C’est à mon avis une tendance lourde sur les prochaines années.

La quatrième tendance est plus une surprise, c’est le « social commerce« , attention on ne parle plus de F-commerce (mort et enterré pour le moment) , mais plutôt de la conversation et de la recommandation en avant vente sur les réseaux sociaux. Il reste encore beaucoup de canaux à exploiter mais la mesure de l’influence étant difficile je suis moins convaincu que les budgets suivent…

La dernière grande tendance e-commerce en cette année 2013 pour McKinsey est bien évidement le Big Data, sujet à la mode dans les milieux du marketing. C’est une belle couche de peinture sur un sujet déjà ancien : Fidélisation et CRM, bon faut avouer que Big Data c’est plus sexy comme terme 😉 . Bref, autant le terme fait un peu bullshit marketing, autant l’exploitation des données (analytics, vente, CRM) en temps réel, ou presque, et sur des volumes monstrueux comme peut en générer l’e-commerce est une vrai problématique.

Infographie sur les 5 tendances de l’e-commerce en 2013 en Europe

En bonus une deuxième étude de McKinsey sur le comportement cross canal des consommateurs français.

Aujourd’hui je vous propose une petite nouveauté sur info-ecommerce, un avis d’expert ecommerce sur un sujet particulier, en l’occurrence le e-commerce en Chine. C’est un sujet en plein boom mais difficile à appréhender si l’on est pas sur place, c’est pourquoi afin de varier un peu les points de vue et les expertises je vous propose ce dossier écrits par Cyril Drouin et ses équipes de Bysoft China. Merci à eux d’avoir bien voulu participer à cette première et j’espère que cela motivera quelques e-commerçants français à se lancer en Chine et à exporter nos beaux produits !

Si vous aussi vous avez un sujet de prédilection (dans l’e-commerce) et que vous souhaitez le partager n’hésitez pas à nous envoyer un mail ou à utiliser le formulaire de contact.

Introduction

On entend chaque jour un peu plus parler de la Chine mais très peu en termes de révolution digitale. Le Boston Consulting Group caractérise également la Chine comme superpuissance mondiale du commerce électronique. La révolution e-commerce en Chine a pourtant pris son envol au cours des dix dernières années. Maintenant, avec «seulement» une pénétration d’Internet de 38%, la Chine compte plus de 564 millions d’internautes, dont 242 sont des acheteurs en ligne (chiffres fin 2012) contre 167 millions aux USA.

Au total, les Chinois représentent 1/5^e de la population mondiale en ligne, autant dire que les 45 millions d’internautes français font pâle figure. Qui plus est, fin 2012 la somme totale des ventes effectuées en ligne a dépassé les 1000 milliards de dollar (soit 760 milliards d’euros) soit près de trois fois le montant total des ventes e-commerce de l’Europe entière ![1] Pour comprendre à quelle vitesse l’e-commerce chinois s’accroît, il suffit de se dire qu’il y a à peine 10 ans, en 2004, les sales s’élevaient à 750 millions de dollars, soit une croissance de plus de 99% en termes de chiffre d’affaires !

Une des particularités du marché chinois est principalement qu’on ne retrouve aucun des géants occidentaux tels que Google, Facebook, Twitter, Youtube etc etc.. Tout ce que vous connaissez en termes de moteur de recherche, de réseaux sociaux, de moyens de paiement ou de logistique a son équivalent made in China.

Portrait rapide des e-consommateurs

Les internautes et mobinautes chinois sont très différents de par leur culture, leurs habitudes et leurs désirs. Près d’1/4 des produits achetés online en Chine sont des produits que les consommateurs de peuvent pas trouver dans les magasins brick & mortar, ce qui est purement propre au pays du fait de l’immensité du pays et de la limite de couverture des revendeurs. Les jeunes consommateurs en particulier ont, de fait, un premier contact avec une marque via Internet, ce qui explique cette propension à l’achat online.

Les réseaux sociaux ont une importance capitale dans la décision d’achat, beaucoup plus qu’en Europe du fait notamment de la jeunesse déjà évoquée ci-dessus des e-consommateurs. Une autre particularité des acheteurs est le montant global du panier moyen certes moins élevé qu’aux Etats Unis en termes de chiffres, mais bien plus conséquent en comparaison avec les salaires moyens et le pouvoir d’achat local.

Les moteurs de Recherche

On retrouvera ici Baidu avec plus de 78%[2] de part de marché, puis 360安全浏览器 (Security Explorer)avec une croissance effrénée[3], Sogou et ensuite Google avec 5% de PDM. Chaque minute, il y a 3.47 millions de requêtes faites sur Baidu selon la dernière étude d’Intel.

Les navigateurs

Près de 23% des internautes surfent encore sur Internet Explorer 6 qui a maintenant 10ans, ce qui demande des développements supplémentaires, une adaptation de chaque plateforme spécifiquement pour ce navigateur….

Pour le reste, ce sont en grande majorité des navigateurs made in China : 360 Security Explorer, Sogou Explorer et Maxthon sont dans le top5 des navigateurs Internet.

Concernant les « browsers » mobiles, on retrouve encore et toujours les géants locaux : QQ Browser (40% de PDM), UCWeb Browser (33%), Oupeng (8%) Baidu (6%), 360 (4%) et Haitung (2.6%).[4] Par ailleurs, le g éant UCWeb, installé par défaut sur plus de la moitié des smartphones chinois entend bien étendre son leadership au sein des BRICS et a annoncé en mai dernier lancer son navigateur mobile «Rmb3bn » en Inde, Russie, Brésil, Indonésie ainsi qu’au Vietnam.[5]

Les Marketplaces

Les Places de Marché dominent le monde de l’e-commerce avec en tête Taobao (plate-forme C2C) et Tmall  (la partie B2C de Taobao) et JingDong (anciennement 360buy.com). Le top 10 des marketplaces concentre plus de 65% des ventes en ligne chinoises. S’intégrer à ces places de marchéou construire son site indépendant, quelle est la meilleure solution ? Tout dépend de votre stratégie dans l’Empire du Milieu…

Livraison

Le plus défis est d’être capable de livrer dans le plus grand nombre de ville possible avec une qualité de service irréprochable. L’industrie logistique n’est encore qu’à ses prémisses : les entreprises chinoises couvrent principalement les villes les plus peuplées.

Ici encore les acteurs locaux sont maîtres, les trois plus gros acteurs sont : Shunfeng (SF EXPRESS), EMS et STO Shentong Express.

On retrouve ici quelques acteurs occidentaux connus tels que FedEx et TNT mais qui  ont des réseaux plus restreints que les acteurs nationaux et se concentrent principalement sur les régions non urbaines.

Les Moyens de paiement

Pas de Paypal en Chine puisque le Renminbi ne sort pas du pays. Encore une fois des géants sont là pour vous ! Il n’existe pas de plate-forme e-commerce sans Alipay (47% de PDM) ou Tencent (21%). Alipay compte 700 millions d’utilisateurs et une étude récente d’Intel montre qu’en une minute, on enregistre 73 000 paiements via Alipay. Par ailleurs, un des grands avantages d’Alipay par rapport à Paypal est qu’il est nativement compatible mobile ce qui facilite le déploiement du m-commerce rouge.

Le mobile : un boom incroyable

En Chine, ils sont plus d’un milliard à posséder un téléphone, soit plus de 85% de la population et on comptait en 2012 plus de 999.7 millions de connections à internet via des Smartphones et la vente de tablette a progressé de 62%.  La Chine est en passe de devenir le premier m-commerce mondial en sachant que d’ores et déjà 40% des e-consommateurs sont des m-consommateurs. Au total, c’est 7.6% des transactions e-commerce qui sont effectué via un mobile soit près de 76 milliards de dollars, ce qui dépasse largement les chiffres 2012 de l’e-commerce français (45 milliards de dollar).[6][7] Et parmi ces achats, plus de75% concernent Taobao en ce premier trimestre de 2013.

On retrouve Apple, Samsung et Xiaomi (propriétaire de Nokia) en tête des marques de Smartphones et iOs/Android comme système. Bien qu’il existe de nombreuses variantes locales d’Android, aucune n’a pour l’instant fait de percée remarquante même Baidu avec sa plateforme Baidu Yi ou Lenovo avec son « LePhone » ni  China Mobile’ avec OPHONE.

Les réseaux sociaux

Les  consommateurs chinois ont peu confiance en la publicité ou les médias d’information, les recommandations des « Key Opinion leaders » ou de leurs amis sur les réseaux sociaux sont devenus une source d’information intarissable.

Les chinois sont plus « sociaux » que les occidentaux, ce n’est que le prolongement de ce qu’on appelle ici le « Guanxi » (réseau relationnel d’une personne, très ancré dans la culture).85%  des urbains utilisant régulièrement Internet sont inscrits sur au moins un réseau social[8]. Ils sont particulièrement actifs : 91% des sondés ont visité un réseau social au cours des six mois  et ils passent en moyenne 46 minutes par jour sur ces sites. Par ailleurs, plus de 40% des acheteurs en ligne en Chine poste des critiques de produits en ligne.

Une fois n’est pas coutume, aucun géant américain n’est présent en Chine, oubliez Facebook, Twitter, Pinterest… chaque réseau social occidental a son équivalent chinois.

En tête le number one du miccroblogging, Sina Weibo (équivalent de notre Twitter) , viennent ensuite QQ (messagerie instantanée), RenRen (= Facebook), Weixin (nom anglais Wechat) désormais 6^e réseau social mondial avec ses 50 millions d’utilisateurs hors de Chine… On peut également citer Kaixin, Huaban (= Pinterest), Youku (= Youtube) et bien d’autres encore !

Qui sommes-nous ?

BysoftChina est aujourd’hui devenu un acteur majeur de l’E-commerce en Chine avec 20 ans d’expérience dans le e-commerce dont 10 ans dans l’Empire du Milieu. Nous offrons une gamme complète de services destinés aux marchands, marques et détaillants allant du conseil en stratégie à la mise en place de la plate-forme (site en propre ou intégré aux principales places de marchés en Chine) en passant par le marketing digital (SEO, SEM, Réseaux Sociaux) et la gestion des opérationnelle du site.

Au fil des années et des nombreux succès de nos clients, notre agence et notre équipe ont développé une approche globale afin d’accompagner les e-commerçants dans l’obtention de résultats, tant pour les start-up en devenir que pour les marques ou distributeurs existants en quête d’une meilleure rentabilité.

www.bysoftchina.com

Le e-commerce est toujours en forte progression un peu partout dans le monde, y compris en Chine et aux Etats-Unis, mais le M-commerce (ou mobile commerce ) commence à s’imposer petit à petit depuis l’arrivée de l’Iphone.

Dans certains pays, les lignes de téléphone fixe  sont mêmes moins développées que les abonnements mobiles, c’est le cas notamment en chine et le m-commerce à donc tendance à s’imposer grâce aux connections 3G /4G . C’est exactement ce qu’illustre l’infographie ci dessous en comparant les secteurs du M-commerce des Etats-Unis et de la Chine depuis 2010 . Il y a par exemple plus d’un milliard d’utilisateurs de téléphone mobile en chine !

Si vous êtes amateurs de chiffres et de « data visualisation » voici donc l’infographie sur le M-commerce Chine VS USA 

Attention ,l’infographie à été publiée à l’origine par Taobao, le plus gros site e-commerce chinois, et sous estime peut certains points du M-commerce américain.

Infographie Mobile Commerce : Chine VS Etats-Unis 

 Quelques chiffres US sur l’évolution du mobile récupérés via une infographie KissMetrics diffusée par GetElastic.

Ce sont des chiffres sur l’année 2012. Ces chiffres ne sont pas ceux de l’U.E

• Environ 80% du trafic Web US se fait encore via les ordinateurs, 15% sur les smartphones, près de 6% sur les tablettes [Tweeter cette phrase]
• Concernant les smartphones qui se connectent au Web aux US, 72% sont sur iOS, et 26% sur Android [Tweeter cette phrase]
• Le nombre de smartphones connectés à Internet aux US dépassera en 2013 le nombre d’ordinateurs connectés [Tweeter cette phrase]
• Le nombre de commandes E-commerce via les mobiles a augmenté de 40% pour le Black Friday [Tweeter cette phrase]
• Une page se charge en moyenne en 5 secondes sur un mobile contre 3 secondes sur un ordinateur [Tweeter cette phrase]

L’infographie complète :

Hop, une nouvelle semaine qui commence, l’occasion de voir les conférences de la semaine proposées par Ecommerce-Live. Les conférences sont gratuites mais l’inscription est très fortement conseillée pour pouvoir réserver la salle (virtuelle) de la bonne taille. De mon coté je suis en train de vous concocter une nouvelle conférence pour la fin de l’année mais il reste encore un peu de travail pour vous faire un truc bien 😉

Médias sociaux : quels outils pour quels messages ?

Lundi 15 octobre 14h

Voici une visioconférence qui devrait bien commencer la semaine, animée par Yann Gourvennec, Directeur Web Digital Media et Social Media chez Orange

Vous y découvriez comment Orange sélectionne un réseau social en fonction de sa stratégie marketing, et pourquoi il ne se repose pas que sur Facebook et Twitter.

Le mobile, j’y vais ou pas ? Comment investir ?

Mardi 16 octobre 15h

Si vous vous posez encore la question d’investir dans le mobile, cette visioconférence vous donnera les clés pour prendre votre décision.

Par exemple vous apprendrez à évaluer votre manque à gagner si vous ne vendez pas sur le mobile, intéressant non ?

Démo de la solution Trackfeeder

Jeudi 18 octobre 14h

Trackfeeder est une nouvelle solution qui permet aux e-commerçants de gérer de façon globale leurs canaux d’acquisition, par exemple votre analytics, votre adwords, vos paniers abandonnés, vos emails, votre seo … Une solution hybride qui a le vent en poupe et qui répond à pas mal de besoins !

E-commerce et VAD : les techniques promotionnelles gagnantes !

jeudi 18 octobre 16h

E-commerçants : ne manquez pas cette visioconférence pour apprendre ou perfectionner vos techniques de vente en ligne. Aujourd’hui l’animation et la promotion sont devenus incontournables, mais quels sont les différents leviers à votre disposition et peut-on éviter le piège de la réduction « bête et méchante » ?

Découvrez l’écosystème web et cross canal d’un site brick and mortar

vendredi 19 octobre à 14h

Cette semaine s’achève avec une conférence très attendue animée par Fleur Touchard, Directrice E-commerce de COPY TOP.

Venez découvrir comment la célèbre marque COPY TOP s’est développée en ligne et a monté un écosystème performant : emailing, seo, cross canal, réseaux sociaux, partenariat, accessibilité …

C’est décidément la série des articles sur les solutions de paiement pour l’ecommerce sur le blog, après Stripe voici Buyster, une solution de paiement sur mobile développée par Atos, Orange, Bouygues et SFR, de quoi enfin booster le paiement sur mobile ? C’est ce que nous allons avoir avec l’interview de Laurent Bailly, directeur marketing de Buyster.

Bonjour Laurent, peux-tu nous présenter le concept de Buyster ?

Bonjour, Buyster est une solution de paiement en ligne simple et sécurisée grâce au téléphone mobile. Concrètement, l’utilisateur associe sa carte bancaire à son numéro de mobile au cours d’un processus d’inscription en ligne sécurisé durant lequel il choisit également son code confidentiel Buyster (6 chiffres). Dès lors, pour payer un achat en ligne, les coordonnées bancaires ne circulent plus sur internet, seul le mobile et le code confidentiel Buyster suffisent. Pour vérifier que l’utilisateur a son mobile en main, un mot de passe à usage unique est envoyé par SMS, qu’il doit ressaisir pour confirmer le paiement.

Et en mobilité, payer un achat depuis un smartphone (site ou app mobile) est incroyablement simple: grâce à l’authentification par le réseau de l’opérateur, inutile de ressaisir un SMS pour vérifier que vous avez le téléphone en main ! Il suffit de toucher « payer avec Buyster » sur l’écran de confirmation de commande, saisir les 6 chiffres de votre code confidentiel Buyster, et c’est payé !

Dans tous les cas, pour payer avec Buyster, il faut 1) être en possession de son mobile et 2) connaître le code confidentiel. Cette authentification forte confère un niveau de sécurité parmi les plus élevés du marché.

En résumé le mobile protège la carte bancaire sur internet, et la rend plus simple à utiliser sur le mobile.

Quel est le principal avantage pour un e-commerçant à utiliser Buyster ?

Il y a 2 avantages principaux en réalité : la garantie de paiement (contre la répudiation, valable sur internet fixe et mobile) et l’accès facilité au mCommerce grâce à une cinématique de paiement unique sur le marché.

Notre proposition de valeur combine ainsi sans compromis l’ergonomie et la sécurité, à la fois pour les eCommerçants (garantie de paiement sans dégrader le taux de transformation) et les utilisateurs (simplicité et rapidité, sans dégrader la sécurité grâce à une authentification forte). Sur le mCommerce, nous sommes les seuls à proposer une ergonomie mobile aussi adaptée (seule la saisie du Code Confidentiel Buyster à 6 chiffres suffit, le mobile étant authentifié automatiquement par le réseau), permettant ainsi aux eCommerçants d’accéder au marché en forte croissance du mCommerce.

Enfin, la confiance est un facteur clé de succès pour une nouvelle société qui se créé en particulier dans le paiement: avec un agrément d’Etablissement de Paiement délivré par la Banque de France, un actionnariat solide (Atos, Bouygues Telecom, Orange et SFR), des grandes enseignes de l’eCommerce qui acceptent Buyster dès le début, une localisation en France de notre activité et notamment de nos datacenters, nous pensons largement la mériter !

Buyster est-il compatible avec tous les téléphones et les opérateurs ?

Buyster fonctionne avec tous les opérateurs mobiles et MVNO français.

Le paiement mobile, ainsi que l’application mobile selfcare Buyster sont disponibles sur iOS et Androïd. D’autres plateformes mobiles sont à l’étude.

Y’a t’il des fonctions spéciales sur mobiles ou sur tablettes tactiles ?

Il y a bien sûr notre cinématique de paiement mobile, unique sur le marché: une fois son panier validé sur le site ou l’application mobile du marchand, l’acheteur choisit Buyster parmi les solutions de paiement proposées. Buyster identifie alors l’utilisateur automatiquement grâce au réseau mobile de son opérateur. Cela lui évite la saisie fastidieuse de son numéro de téléphone mobile, permet d’être certain que l’utilisateur est en possession de son mobile, et il ne reste plus pour confirmer le paiement qu’à saisir son code confidentiel Buyster à 6 chiffres !

Je citerai également une fonctionnalité clé sur le mobile : l’ouverture facilitée de compte client chez le eCommerçant grâce à l’export sous le contrôle de l’utilisateur de ses informations Buyster (Nom, prénom, adresse mail et postale, …). La création de compte client est une étape critique dans le tunnel de commande sur le web , mais sur le mobile elle est quasiment rédhibitoire …

Combien coûte l’installation et l’utilisation de Buyster ?

Côté internaute,l’inscription à Buyster est gratuite et sans engagement.

Côté eCommerçant, Buyster propose un modèle classique pour l’acception d’un système de paiement : la commission est constituée d’une partie fixe et d’un pourcentage liés aux volumes d’affaire du eCommerçant.

Combien de sites utilisent la solution à présent ?

Après à peine 6 mois d’activité, près de 150 sites marchands ont accordé leur confiance à Buyster.Parmi eux, de grands noms du eCommerce comme Rueducommerce, Spartoo, Kiabi, Boulanger, PMU, Aquarelle, Brandalley. Aujourd’hui, une trentaine de sites sont techniquement raccordés, et chaque semaine, de nouveaux marchands sont mis en production.

Buyster est-il compatible avec toutes les solutions e-commerce ?

Afin que l’intégration de Buyster sur les sites des eCommerçants soit simple et rapide, nous développons des partenariats avec tous les intermédiaires de la chaîne de valeur du paiement sur Internet comprenant les prestataires de services de paiement, les éditeurs et plateformes eCommerce,les agences web et mobile. Buyster compte ainsi déjà parmi ses partenaires les principaux PSP du marché (SIPS, PayBox, PayLine, Mercanet, Sogenactif, Ogone,Lyra) et les solutions eCommerce Prestashop, Magento, Oxatis et PowerBoutique.

Merci Laurent

Vous avez peut être déjà entendu parler du SoLoMo, ou Social Local Mobile, la nouvelle tendance du commerce cross canal. Le SoLoMo mélange en effet le surf sur mobile , la géolocalisation et les interactions avec son réseau d’amis et de contacts.

Certes ce n’est pas 100 % du E-commerce puisque le SoLoMo est fortement associé aux magasins physiques mais le mélange entre e-commerce et commerce « de rue » est clairement une tendance de fond en cette année 2012.

Le SoLoMo est bien sûr rendu possible avec l’arrivée massive des smartphones, des tablettes tactiles et d’un nombre incroyables d’applications sur le marché mobile. Rien qu’aux états unis c’est pas moins de 17 milliards d’applications qui auront été téléchargées en 2011.

Si le matériel est important c’est bien le logiciel et ses services associés qui rendent possibles les interactions du Social, Local et Mobile :

• Check-ins
• Recherche locale de boutiques
• Comparaison de prix en magasin
• Offres commerciales géolocalisées
• Partage de bons plans
• Avis de sa communautés en temps réels
• Et bien sûr tout ce qu’il reste à inventer

Le SoLoMo demande donc une très forte intégration des entreprises pour être présentes sur un maximum de canaux : l’expérience online doit pouvoir être « emportée »  partout sans que l’utilisateur est à subir les contraintes techniques du système d’information de votre entreprise.

Le SoLoMo peut doit être accompagné par une expérience d’achat globale avec par exemple du wifi dans votre boutique physique pour faciliter les check-ins et le partage d’informations, des équipes commerciales formées aux techniques marketing mobiles et à la stratégie de l’entreprise mais également des points d’informations numériques (bornes, contenu etc..) pour les personnes n’étant pas équipées de smartphones.

Bref le SoLoMo c’est tout simplement la numérisation progressive de la boutique physique pour la connecter au E-commerce.

Infographie sur la tendance du SoLoMo aux états-unis