Accéder au menuAccéder au contenu principalAccéder au pied de page

E-commerce : l'émergence du headless

Rédigé le par

La mort des solutions e-commerce traditionnelles du marché ?

Ces solutions permettent de gérer une boutique e-commerce dans sa "quasi" intégralité : gestion du catalogue produit, des stocks, de la tarification. On peut y administrer les commandes, les livraisons, des retours, gérer des clients, des promotions, des avantages, gestion des contenus, de la navigation, de la recherche…

Mais également un CMS e-commerce propose des templates front office permettant de gérer l'affichage complet d'un site e-commerce : page d'accueil, pages catalogue produit, tunnel d'achat, espace compte client, etc… dans certains cas, en quelques clics, la boutique e-commerce est opérationnelle. Par ailleurs, ces solutions proposent pléthore de modules additionnels, où l'on pense qu'en quelques clics, une nouvelle fonctionnalité (un nouveau mode de livraison, un nouveau mode de paiement, …) sera disponible…

Oui mais voilà…

Les CMS e-commerce : simples complexes passe-plats

En grandissant, le site e-commerce augmente son niveau d'exigences. La maturité des acteurs augmentant, les besoins ne sont plus tous couverts par les seules solutions e-commerce. On s'équipe donc d'ERP, de CRM, de PIM, de CMS de contenus éditoriaux, de plateformes de recommandation de produits, d’outils logistiques, etc… il faut développer des interfaces, il faut développer des nouvelles fonctionnalités dans le CMS e-commerce… pour constater au bout de quelques années que le CMS e-commerce… ne sert plus à grand-chose. Au fil du temps on arrive à un système complexe avec un catalogue produit géré dans le PIM; le client, la tarification l'offre promotionnelle dans le CRM; les commandes, les factures, par l'ERP; les livraisons, les stocks, les retours par la logistique…

Le CMS e-commerce devient "un passe plat" de données et un site front…

Pourquoi ne pas faire plus simple… beaucoup plus simple ?

Alors, si le travail front e-commerce se résume à faire des développements spécifiques pour proposer une expérience utilisateur riche, performante, mais également évolutive, autant utiliser pour cela les bonnes technologies. Les moteurs de templating type TWIG ou autres intégrés dans les CMS e-commerce n'en sont pas : ils sont lourds, peu accessibles, peu performants, peu évolutifs. Les nouveaux frameworks javascript (VueJS, ReactJS, …) proposent des expériences utilisateur web, mobiles extrêmement évoluées, allant même jusqu'à proposer (au travers des PWA - Progressives WebApp) de la connexion off-line…

Par ailleurs, il est plus simple de réaliser un développement spécifique à partir de frameworks simples, évolutifs, plutôt que de templates front-office existant, où, l'on passe plus de temps à développer le "débranchement" des fonctionnalités CMS e-commerce qui ne servent pas plutôt que développer le vrai besoin du front.

Résultat : En partant sur un framework simple, javascript, hors CMS, le volume de code produit est inférieur, plus propre, plus maintenable, plus évolutif… plus performant…

Transformer cette menace en opportunité numérique responsable

Ce type d'approche modulaire et évolutive constitue une opportunité de développer un outil e-commerce plus responsable :

· un outil plus écologique (et donc plus économique) : en proposant la possibilité de générer statiquement les pages (ou parties de pages) qui sont toujours les mêmes, et en y ajoutant les blocs de personnalisation propres à chaque visite. Pour donner un exemple, nous avons évalué, pour un site e-commerce B2C avec environ 1 million de visites par an, que le coût carbone du site peut passer de 20 tonnes de CO2 / an à 3 tonnes de CO2 / an… soit l'équivalent de presque 100 000 kilomètres en voiture économisés par an!

· un outil plus économique: Si les pages ne sont générées qu'une seule fois pour toutes les visites du site, alors il convient de s'équiper de serveurs beaucoup moins puissants, beaucoup moins consommateurs en énergie…

· un outil plus inclusif : en utilisant des technologies plus adaptées à une approche responsive, la possibilité de rendre l'application front plus accessible (sur un volume de devices élargit, adapté à certains handicaps), plus performantes en temps de réponse et donc moins consommateurs en réseau et batteries)

Sérénité de l'iPaaS

Par ailleurs, les outils SAAS et plateforme Cloud explosent. L'iPaaS, notamment, une infrastructure cloud d'intermédiation, dont les offres proviennent principalement des éditeurs historiques de solutions d'intermédiation offrent une capacité très simple d'interaction avec le système d'information, de manière synchrone, ou asynchrone, sans pratiquement aucun développement.

Par ailleurs, et c'est là aussi l'intérêt, ces plateformes savent suivre de manière totalement transparente l'évolution business du e-commerçant : ainsi les gros volumes de trafic passent inaperçus, les 1er jours de soldes ne sont plus que de mauvais souvenirs pour les nuits des DSI…

Par ailleurs, la modularité, l'interopérabilité des outils permettant de facilement les "tester" simplement et rapidement, et de les changer s'ils ne conviennent pas, sans remettre en cause l'ensemble du SI e-commerce…

De nombreux acteurs

Il existe déjà de nombreux acteurs référents de l'e-commerce qui se sont lancés… :

  • https://www.sainsburys.co.uk/ : Un site e-commerce avec plusieurs millions de visites, l'ensemble du site est statique sur Gatsby (35,5 millions de visites / mois)
  • https://www.nike.com/fr/cart : Site e-commerce de Nike, proposant de l'offre merchandising personnalisée en fonction de la navigation du visiteur, permettant de faire des produits personnalisés, .... Tout le front est opéré sur Gatsby / React (200 millions de visites / mois)
  • https://us.louisvuitton.com/ : Avec beaucoup de statique et des contenus e-merchandising dynamiques
  • https://www.victoriabeckhambeauty.com/ : Site statique également (Vue.JS ici), avec un CMS headless en back (contenftull) et un moteur e-commerce headless en back (Netlify)
  • https://www.shopflamingo.com/ : Site e-commerce statique, avec mise à jour de données dynamiques, notamment sur les fiches produit
  • https://www.underarmour.co.uk/en-gb/ : Site e-commerce statique, avec mise à jour de données dynamiques, notamment sur les fiches produit (1 million de visites / mois)

Ces approches headless sont arrivées à maturité et permettent une solution modulaire, évolutive et pérenne. Elles offrent un meilleur impact de son ecommerce sous toutes les coutures.

Votre navigation sur le site a émis environ