Le b.a.-ba du commerce headless à l'usage des commerçants proactifs - Magento
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
Le b.a.-ba du commerce headless à l’usage des commerçants proactifs
Sommaire
3 Introduction
5 Le nouveau visage du e-commerce
7 L’accélération du e-commerce
10 Approches modernes de la gestion
des expériences digitales
15 Les avantages du commerce headless
18 Les rumeurs… à l’épreuve des faits
20 Ne pas écarter systématiquement
les solutions en pile complète
23 Conclusion
2
Introduction
À la naissance d’Internet au début des années 1990, le public a découvert
une toute nouvelle manière d’acheter et d’échanger avec ses marques
préférées. L’achat n’en était qu’à ses balbutiements, avec des boutiques en ligne
rudimentaires conçues à l’aide de solutions logicielles tout-en-un autonomes.
Les interactions avec les clients se limitaient aux navigateurs des ordinateurs et
le e-commerce était considéré comme un complément innovant aux magasins
physiques traditionnels.
Aujourd’hui, le commerce digital est devenu un phénomène mondial et le nombre
de consommateurs effectuant leurs achats en ligne devrait passer de 1,8 milliard
en 2018 à 2,1 milliards en 20211. Les boutiques en ligne d’hier se sont muées en
3
environnements d’achat immersifs, riches en fonctionnalités, transformant les clients occasionnels en fidèles défenseurs des marques. Le public a transcendé les navigateurs web pour interagir directement avec ces dernières via des points de contact connectés à Internet, omniprésents au quotidien. Les technologies et la connectivité dont ils bénéficient désormais les amènent à exiger des expériences digitales personnalisées, adaptées à leurs besoins spécifiques. Cette évolution radicale des technologies et des comportements des consommateurs a créé une demande pour des solutions de gestion de l’expérience client plus agiles. S’il existe déjà de nombreuses options pour accompagner les commerçants dans le développement de leur boutique en ligne, les leaders des applications sont de plus en plus attirés par le concept de commerce headless. Basé sur un standard de communication électronique nommé API (interface de programmation d’applications), le commerce headless offre une approche unique de la gestion de l’expérience digitale, en séparant le front-end et le back-end sur la plateforme de e-commerce. À l’aide de ce modèle, les commerçants sont à même d’accélérer le développement de contenu et le rythme des innovations, de se livrer à un maximum d’expérimentations et de passer à la vitesse supérieure. Cette fiche d’information vous présente le fonctionnement d’une architecture de commerce headless, ses atouts pour l’entreprise et les mesures à prendre pour se lancer dans l’aventure. 1. « Number of digital buyers worldwide from 2014 to 2021 » (Statista.com, 2019) https://www.statista.com/statistics/251666/number-of-digital-buyers-worldwide/ 4
Le nouveau visage
du e-commerce
A ux tout débuts du e-commerce, le parcours client s’apparentait à une
expérience linéaire, du panier au règlement. En fait, un grand nombre des
boutiques en ligne fonctionnaient uniquement avec un catalogue digital, un panier
d’achat et un processus de règlement rudimentaire. Les plus entreprenantes, si elles
disposaient des ressources et des compétences nécessaires, réalisaient elles-mêmes
l’intégralité du codage de leur boutique en ligne. Mais la plupart optaient pour
l’achat d’une solution logicielle auprès d’un éditeur et étaient ainsi en mesure de
créer un site web commercial complet. Ces plateformes autonomes en pile complète
s’appuyaient sur une architecture descendante avec des couches front-end et
back-end intégrées, et faisaient perdre moins de temps que le codage intégral.
Les développeurs étaient tenus de concevoir une expérience e-commerce suivant
des processus et des workflows rigoureux. Il en résultait des dépendances, la partie
front-end devant être développée, déployée et gérée en même temps que la partie
back-end. Le résultat final était surtout liés aux besoins immédiats de la marque,
et il y avait peu de place pour la créativité.
Avec cette approche descendante et autonome du développement de site, il était
difficile de modifier une partie d’un système sans modifier l’autre en même temps.
La maintenance routinière du site en pâtissait, et les innovations indispensables
à l’évolution de l’expérience client étaient limitées, ce qui occasionnait un certain
nombre de problèmes :
5
• Personnalisation limitée des fonctionnalités de e-commerce, en front-end
et en back-end
• Délais d’implémentation plus longs, réduisant l’agilité organisationnelle
• Difficultés à adopter de nouvelles technologies pour le déploiement sur
les points de contact client disponibles
• Expérimentation de site restreinte par les règles des éditeurs ou les limites
des plateformes
Chaque boutique web comporte deux volets, respectivement
en charge de fonctions de commerce bien précises qui, réunies,
forment l’expérience client digitale.
Le front-end, sur le devant de la scène
Le front-end est la partie d’un site e-commerce qui est tournée vers le client.
Il se compose de la couche de présentation du contenu et des systèmes de gestion
des expériences. Les données sont converties en HTML, CSS et JavaScript, pour
que les utilisateurs puissent les consulter et interagir avec elles via une interface
graphique quelconque.
Le back-end, la force tranquille
Le back-end est la couche opérationnelle « invisible » sur laquelle repose votre
expérience de e-commerce. Cette couche côté serveur s’exécute en arrière-plan,
gérant la logique applicative, le traitement des données et les fonctions
de e-commerce, comme le processus de règlement, la gestion des comptes client,
la sécurité du site web et les stocks.
6
L’accélération du
L’accélération
e-commerce
A près le long règne des ordinateurs de bureau, le matériel IT a peu à peu
gagné en compacité et en intelligence, tout en étant plus abordable.
Les ordinateurs portables se sont généralisés, en donnant accès à la puissance
des ordinateurs de bureau dans un format plus léger. Les téléphones cellulaires
encombrants sont devenus de plus en plus compacts, certains offrant même
un accès primitif à Internet.
En lançant l’iPhone en 2007, Apple a révolutionné les interactions avec les mobiles
du jour au lendemain. Grâce au moteur de recherche Safari, n’importe qui a enfin
pu accéder à un portail Internet depuis son téléphone.
Les autres constructeurs ont à leur tour proposé des variantes perfectionnées,
et les téléphones cellulaires se sont transformés en smartphones, de puissants
appareils mobiles capables d’égaler ou de surpasser les capacités des ordinateurs
portables et de bureau. De nouvelles technologies, comme les tablettes, les montres
« Quantité de produits que nous achetons aujourd’hui, que ce soit une paire de
baskets ou un accessoire domotique, sont de plus en plus connectés à Internet.
Or, à travers cette connexion à Internet, les entreprises offrent en quelque sorte
une valeur ajoutée, qu’il s’agisse d’un abonnement payant ou de quelque chose
fourni gracieusement par la marque. »
– PETER SHELDON, DIRECTEUR SENIOR DE LA STRATÉGIE CHEZ MAGENTO
7connectées et les assistants vocaux, n’ont pas tardé à faire leur apparition, offrant aux commerçants de nouveaux moyens de s’adresser à leurs audiences. On résume souvent le e-commerce à l’interaction avec une vitrine ou une marketplace digitale via un navigateur web. Pourtant, avec la prolifération des technologies Internet, le grand public peut facilement interagir avec ses produits et services préférés via de nombreux points de contact. Ces points de contact sont le prolongement de la présence de votre marque. Ils facilitent les échanges et les transactions, sans même que les acheteurs se rendent dans votre boutique en ligne. De plus, comme ils sont accessibles sur de nombreux produits et appareils grand public, ils sont également très utiles pour l’engagement préemptif. Instagram, véritable Titan des points de contact Avec Instagram, les commerçants transforment leurs comptes en vitrines mobiles avec la fonction « Acheter » et taggent leurs produits dans des photos, des vidéos et des stories. Chaque publication est alors une occasion de s’adresser à de nouveaux acheteurs et de fidéliser les clients existants. Avec le déploiement de la première expérience de règlement entièrement native sur Instagram, les clients passent directement de la consultation des produits qu’ils aiment à l’achat, sans même se rendre dans une boutique en ligne via un navigateur. 8
Quelques exemples de points de contact :
• Plateformes de réseaux sociaux : • Accessoires connectés : montres
Facebook, Instagram, Snapchat connectées, traqueurs d’activité,
et Pinterest casques de réalité virtuelle
• Assistants vocaux : Apple Siri, • Marketplaces : Amazon,
Google Assistant, Amazon Alexa eBay, Etsy, Overstock
• Bornes digitales en libre-service, • Ordinateurs de bord
en magasin
Dans les années qui viennent, de nouveaux points de contact émergeront, comme
les appliances Internet, les lunettes intelligentes à réalité augmentée, les vêtements
connectés et les implants intelligents, et contribueront au développement de
l’Internet des objets.
9Approches modernes de
la gestion des expériences
digitales
À l’heure actuelle, les entreprises sont confrontées à des difficultés liées
à l’évolution rapide des technologies et des attentes des clients. Dans
ce contexte de mutation constante, des solutions comme le codage personnalisé
permettent d’adapter les systèmes e-commerce en pile complète qui ne sont
plus au niveau. Pour répondre à ce besoin de souplesse et d’adaptation accru
de l’architecture de e-commerce, des solutions pilotées par API garantissant
une gestion nuancée de l’expérience digitale ont été mises au point.
Interfaces de programmation d’applications (API)
L’interface de programmation d’applications (API) est une composante clé
de l’architecture de e-commerce moderne. En quelques clics, elle nous permet,
par exemple, d’effectuer des achats en ligne, et de réserver une chambre d’hôtel
ou une table dans un restaurant. Les API rendent nos interactions quotidiennes
possibles en permettant de transmettre des données de manière rapide et fiable.
Les API sont des messagers qui recueillent nos demandes, les transmettent à un
système et renvoient les réponses. Applications, bases de données et appareils :
ils sont tous liés par des API, créant la connectivité web mondiale qui caractérise
notre monde moderne. À l’aide d’une technologie applicative ou d’une plateforme
de gestion des expériences, les développeurs peuvent utiliser les API pour diffuser
10API
L’API peut être comparée à un serveur dans un restaurant qui prend
votre commande de boisson, se rend au bar, indique au barman (système)
ce que vous souhaitez, puis vous apporte votre boisson (réponse).
des informations et des expériences de marque rapidement et en toute sécurité
sur un grand nombre de points de contact. La plupart des entreprises utilisent
pour le moment l’une des trois approches orientées API de l’architecture
de e-commerce digital.
11Vitrine
Appareil
intégrée
Plateforme
de commerce
Gestion Traitement des
Produit
du contenu commandes
Paiement Personnalisation
1. Approche axée sur le e-commerce – Pile complète
De loin l’approche la plus courante, l’architecture axée sur le e-commerce
se compose d’une plateforme de commerce principale avec vitrine intégrée,
dont les fonctionnalités peuvent être étoffées par des extensions tierces, et la
maintenance et le développement supplémentaire assurés par des partenaires.
Des API permettant d’étendre l’expérience de e-commerce à d’autres points
de contact, comme les applications mobiles, sont généralement disponibles.
En dépit de leur souplesse, ces plateformes prêtes à l’emploi pâtissent parfois
d’un manque de fonctionnalités d’expérience client avancées, comme
la personnalisation poussée, le test de contenu et l’analytics.
12Plateforme
Appareil de gestion de
l’expérience digitale
Plateforme
de commerce
Gestion Traitement des
Produit
du contenu commandes
Paiement Personnalisation
2. Approche axée sur l’expérience – Hybride
L’approche axée sur l’expérience, celle du commerce « hybride », ventile le
déploiement des expériences entre CMS et e-commerce. Ces systèmes intègrent
un moteur de e-commerce, avec une plateforme distincte pour la gestion des
expériences digitales ou des contenus web faisant office de couche de présentation.
Les fonctionnalités de e-commerce en front-end sont assurées par une API dédiée
ou d’autres intégrations directes selon l’éditeur de la plateforme. Mais étant donné
qu’une API commerce ne peut, à elle seule, piloter les fonctionnalités frontales
et contrôler l’utilisation, l’ajout d’une couche de gestion ou de médiation
des API s’impose.
13Médiation
Appareil
des API
Paiement Personnalisation
Gestion Traitement des
Produit
du contenu commandes
Plateforme de commerce
3. Approche axée sur des API – Commerce headless
Le commerce headless fait clairement la distinction entre le front-end orienté
clients de votre boutique en ligne et le back-end gérant les fonctions commerciales
et logistiques. Ces deux volets du système de e-commerce fonctionnent donc
indépendamment l’un de l’autre, en utilisant des API pour proposer rapidement
des expériences et des services essentiels aux clients. Ce mode d’utilisation
des API améliore la capacité de prise en charge de nombreux scénarios omnicanal
afin d’adapter les systèmes, les applications et les appareils IoT aux transactions
de e-commerce, mais aussi d’intégrer n’importe quel système de gestion
de contenu.
14Le headless élimine également toute dépendance entre front-end et back-end
pour la création de nouvelles versions ou de personnalisations, les deux pouvant
désormais être développés, déployés et gérés séparément. Votre équipe
de développement front-end a ainsi la maîtrise complète de la création
de l’expérience client.
Les avantages du
commerce headless
A vec le commerce headless, les entreprises peuvent se focaliser sur
l’amélioration des composants peu efficaces ou l’allocation de ressources
aux assets les plus performants. Le headless offre, par ailleurs, davantage de
souplesse pour prendre en charge différents scénarios omnicanal, afin de rendre
chaque expérience « shoppable », d’intégrer facilement des systèmes de gestion
de contenu et d’adapter l’ensemble des points de contact ou applications aux
transactions de e-commerce.
Le headless permet aux équipes de création en charge des éléments frontaux,
comme les sites web et les applications, de travailler à un autre rythme. Même
chose pour les équipes côté serveur. Libérés des contraintes artificielles et autres
obligations ou interdictions, les responsables marketing peuvent rapidement cibler
de nouveaux canaux et points de contact.
15Quelques-uns des avantages du headless :
Options de développement souples
Le front-end et le back-end étant indépendants, les
commerçants peuvent actualiser la couche de contenu
front-end tout en poursuivant le développement de
fonctionnalités de site innovantes en back-end, sans
toucher à l’infrastructure globale de la plateforme.
Personnalisation ultra efficace
Les données clients, librement accessibles sur tous les
points de contact, permettent de créer des promotions
et offres pertinentes, afin que chaque client bénéficie
d’une expérience d’achat ultra personnalisée.
Sur mesure, sans complications
Le headless élimine les contraintes de création côté
front-end, ce qui vous permet de travailler en étroite
collaboration avec votre équipe de développement afin
de créer rapidement des expériences utilisateur attrayantes
ou tout simplement d’essayer d’implémenter de nouvelles
options et fonctionnalités.
16Des moyens pour l’équipe marketing
Le headless accélère les mises à jour front-end à l’appui
des promotions et campagnes marketing, ce qui donne
à votre équipe marketing les moyens de concevoir et
lancer de nouvelles expériences client sans avoir à subir
de contraintes informatiques.
Cohérence de l’expérience client
L’architecture headless est structurée de manière
à contrôler le réseau de points de contact depuis
une plateforme centralisée, ce qui permet de
proposer une expérience d’achat cohérente aux clients,
quel que soit leur mode d’interaction avec votre marque.
Fonctionnement plus intelligent
Libérés des contraintes de fonctionnement habituelles,
les développeurs front-end sont plus efficaces, ce qui
permet d’actualiser le site web et d’implémenter de
nouvelles fonctionnalités de gestion de l’expérience
utilisateur, plus rapidement et avec moins de ressources.
« Le headless est synonyme d’ouverture. Il donne la possibilité aux créateurs
d’expériences client front-end de sortir des sentiers battus et de concevoir
des expériences sans aucune contrainte. »
– PETER SHELDON, DIRECTEUR SENIOR DE LA STRATÉGIE CHEZ MAGENTO
17Les rumeurs…
à l’épreuve des faits
S i vous faites une recherche « commerce headless » dans Google, vous
trouverez de nombreux blogs et articles web vantant ses mérites. Cela ne
doit cependant pas vous empêcher de vous interroger pour savoir si vous avez
la maturité organisationnelle, le budget et les compétences IT requis pour adopter
cette approche, tous ces critères pouvant varier en fonction des scénarios et des
objectifs de votre entreprise.
Voilà ce qu’impliquera le choix du headless :
Mettre la main au portefeuille
La dissociation du front-end et du back-end crée deux environnements qui doivent
être hébergés et gérés séparément. Dans la mesure où vous avez besoin d’une
infrastructure plus importante pour gérer le même niveau de trafic pour chacun
d’eux, les coûts risquent d’augmenter. Aux coûts mensuels d’infrastructure s’ajoute
un investissement de départ indispensable pour revoir votre application de
e-commerce et le front-end.
Travailler davantage
Plus votre environnement e-commerce comporte de couches, plus il faut de temps
et de compétences pour identifier la cause des problèmes et les résoudre.
18Si le résultat ou les données obtenus sont incorrects, vous devez retracer la transaction
par rapport à un plus grand nombre de couches, d’outils et de technologies, sans
parler de l’analyse du fichier journal et de la résolution des bugs.
Un nouveau défi en matière de gestion
Qui dit nouvelles technologies dit nouveaux bugs et vulnérabilités, ce qui
nécessite une surveillance, des corrections et des mises à jour constantes.
Vous devez donc développer les compétences de vos équipes, ou trouver
un partenaire technologique, pour installer, configurer, dépanner et gérer
le front-end et le back-end.
Des ressources de développement à déployer
Le lancement simultané d’un plus grand nombre de projets de développement
crée une charge de travail supplémentaire nécessitant davantage de ressources.
Vous devez constituer et gérer des équipes de développement distinctes pour
le back-end et le front-end. Vous devez aussi répartir les projets de test
entre différents scénarios et, pour certains incidents, différentes équipes de
contrôle qualité.
19Ne pas écarter
systématiquement
les solutions en pile complète
I l serait injuste d’affirmer que les systèmes en pile complète sont incapables de
répondre aux exigences du paysage digital actuel. En fait, pour les PME et les
structures de taille intermédiaire, ainsi que pour les entreprises dont les équipes
techniques et les budgets sont limités, c’est même l’approche la plus logique pour
mettre en place un système de e-commerce compétitif.
• Grâce aux systèmes de création de site à partir de modèles, aux tableaux
de bord simplifiés et à l’excellente ergonomie globale, les solutions en
pile complète sont relativement faciles à utiliser pour ceux qui manquent
d’expérience ou de ressources IT.
20• Bien que quelque peu rigides, elles peuvent être personnalisées pour
prendre en charge les points de contact émergents et les processus métier
très spécifiques.
• Leur faible coût d’exploitation en fait une option intéressante pour les petites
structures qui n’ont pas encore atteint la maturité exigeant des solutions
avancées.
• Les technologies hybrides axées sur l’expérience, comme les applications PWA
(Progressive Web Applications), permettent de bénéficier de fonctionnalités
API sans s’engager pleinement dans une approche headless.
Adopter le headless avec Magento Commerce
Magento Commerce offre une infrastructure ultra souple permettant aux
entreprises de toutes tailles de déployer de nouvelles fonctionnalités en
production plusieurs fois par jour et de réagir à l’évolution des besoins des clients
rapidement et à grande échelle. Magento fournit tout ce dont un commerçant en
pleine expansion a besoin pour passer progressivement au headless, notamment
la personnalisation de tous les composants les plus pertinents de l’infrastructure.
Front-end personnalisable
Magento Commerce s’intègre avec Adobe Experience Manager pour mettre
en œuvre une approche headless ou hybride. Il peut également être couplé
à d’autres systèmes de gestion de contenu, notamment Drupal, Acquia, Wordpress
et Joomla!. Par ailleurs, Magento Commerce offre deux ensembles d’API prêtes
à l’emploi : REST et GraphQL. Les deux technologies permettent aux commerçants
d’adopter rapidement des API pour différents points de contact et scénarios
d’intégration.
21Progressive Web App Studio Les applications PWA (Progressive Web Apps) représentent la nouvelle évolution du commerce mobile puisqu’elles permettent de déployer des expériences immersives via des navigateurs mobiles. Magento Commerce offre PWA Studio, qui permet de créer et gérer des applications PWA complexes, ainsi qu’un magasin d’exemples d’applications PWA qui aide les commerçants à accélérer la mise sur le marché. Les développeurs peuvent ainsi se focaliser sur la création d’expériences client attrayantes sans avoir à se spécialiser dans les applications et les processus back-end. Les autres avantages offerts par Magento Commerce sont les suivants : • API éprouvées complétées par des microservices souples • Engagement continu en faveur des plateformes et standards ouverts • Accès à un réseau mondial de développeurs et de partenaires 22
Conclusion
L ’évolution du comportement des clients et des technologies oblige les
entreprises à s’adapter pour ne pas se laisser distancer. À mesure que de
nouveaux points de contact émergent, le parcours client se complique, faisant
naître le besoin d’approches plus intelligentes et plus rapides pour gérer les
expériences. Avec leur architecture souple basée sur des API, les solutions headless
répondent à ce besoin en pilotant les environnements e-commerce personnalisés
de nouvelle génération. Elles sont à privilégier par les entreprises qui cherchent
à unifier leur expérience de marque et à acquérir un avantage concurrentiel par
le biais de l’innovation.
23À propos de Magento Commerce
Magento Commerce, composant d’Adobe Experience Cloud, est la solution
de commerce de référence pour les commerçants et les marques B2C et B2B.
Gartner l’a récemment qualifié de « leader » dans l’édition 2019 de son étude
« Magic Quadrant for Digital Commerce ». Magento Commerce dispose
d’une offre solide de solutions omnicanal dans le cloud qui permettent aux
cybermarchands d’intégrer des expériences d’achat digitales et physiques
avec succès. Magento est le premier fournisseur des acteurs du classement
« Internet Retailer Top 1000 », « B2B 300 » et « Top 500 » pour l’Europe et
l’Amérique latine. Il s’appuie sur un vaste réseau international de partenaires
en solutions et technologies, une communauté de développeurs très active
à travers le monde, et la première place de marché e-commerce d’extensions
disponibles en téléchargement sur Magento Marketplace.
Pour de plus amples informations, rendez-vous sur www.magento.com
Copyright © 2020 Adobe Inc. All rights reserved.Vous pouvez aussi lire
