29.12.2025
E-commerce
Comment réunir un site de marque, des contenus pédagogiques et une boutique e-commerce internationale sans sacrifier la personnalisation ni les performances ?
ID Interactive, agence digitale installée près de Vannes (Morbihan) depuis 2006, a accompagné Equinov dans la refonte complète de son site WordPress/WooCommerce vers une architecture Shopify headless associant Next.js et Payload CMS.
Mise en ligne en octobre 2026, la nouvelle plateforme réunit la présentation des technologies de récupération équine, la vente en ligne et la gestion de contenus dans quatre langues.
Cette première réalisation Shopify headless d'ID Interactive obtient un score de performance de 99/100 sur le test Google PageSpeed Insights communiqué, avec un Largest Contentful Paint (LCP) mesuré à 0,7 seconde.
Le projet Equinov en bref
Caractéristique | Projet |
|---|---|
Client | Equinov, technologies de récupération et de bien-être du cheval |
Plateforme initiale | WordPress / WooCommerce |
Nouvelle architecture | Shopify headless, Next.js, React et Payload CMS |
Marchés | France et marchés européens |
Langues | Français, anglais, allemand, néerlandais |
Prestations | UX/UI, développement sur mesure, intégration Shopify, SEO, RGPD, hébergement et maintenance |
Mise en ligne | Octobre 2026 |
Performance mesurée | 99/100 sur Google PageSpeed Insights |
1. Le contexte : un site e-commerce devenu un outil stratégique pour Equinov
Equinov développe en France des équipements destinés à la récupération et au confort du cheval. Son catalogue comprend notamment la cryothérapie compressive CryoFlow Boost et la couverture à technologie minérale OcéaFlow 360. La marque présente également des innovations en photobiomodulation, en amortissement à air et en compression hydro-pulsée.
Ces produits nécessitent un travail pédagogique important. Contrairement à une boutique de produits courants, le site doit permettre aux visiteurs de comprendre le fonctionnement des technologies, leurs usages et les caractéristiques des équipements avant l'achat.
L'ancien site WordPress/WooCommerce devait être remplacé par une plateforme réunissant davantage de liberté éditoriale et des fonctionnalités commerciales adaptées à plusieurs marchés.
Trois objectifs ont guidé la refonte :
- Renforcer l'identité de marque avec un webdesign sur mesure et des pages de présentation détaillées.
- Structurer la vente en ligne grâce à une gestion centralisée des produits, des commandes, des paiements et des livraisons.
- Accompagner le développement européen avec quatre langues et une gestion commerciale adaptée aux différents pays.
L'enjeu consistait à créer un véritable site de marque intégrant le commerce électronique, plutôt qu'à reproduire une boutique classique.
2. Le choix technique : pourquoi Shopify headless plutôt qu'un thème Shopify ?
ID Interactive a retenu une architecture Shopify headless pour séparer la gestion commerciale de la conception des interfaces et des contenus.
Un thème Shopify traditionnel aurait permis d'exploiter les principales fonctions de vente en ligne. Le choix du headless répondait à un besoin différent : personnaliser les gabarits éditoriaux, maîtriser le front-end et intégrer un CMS dédié aux contenus de marque.
L'architecture repose sur trois composants complémentaires :
Composant | Fonction | Intérêt pour Equinov |
|---|---|---|
Shopify | Catalogue, variantes, stocks, commandes, paiements et marchés | Conserver un moteur e-commerce spécialisé |
Next.js | Interface utilisateur, navigation et affichage du catalogue | Concevoir un front-end entièrement personnalisé |
Payload CMS | Pages, technologies, FAQ et actualités | Administrer les contenus indépendamment de la boutique |
Le développement Next.js et React permet à l'agence de maîtriser l'interface visible par les visiteurs. Les données commerciales sont récupérées depuis Shopify par API, tandis que les contenus éditoriaux proviennent de Payload CMS.
Cette approche implique davantage d'intégrations à maintenir qu'une boutique Shopify classique. Elle offre en contrepartie une plus grande indépendance entre les fonctionnalités commerciales et l'évolution du site de marque.
3. La réalisation : une expérience de marque reliée à Shopify
Un parcours utilisateur associant pédagogie et vente
ID Interactive a conçu les principaux gabarits du site : accueil, pages de présentation, catalogue, fiches produits, espace client, actualités et contact.
L'interface met en avant les technologies Equinov et leurs applications. Les pages éditoriales permettent d'approfondir les informations techniques, tandis que les fiches produits regroupent les données nécessaires à la consultation du catalogue et à l'achat.
L'ensemble est conçu en responsive design pour s'adapter aux ordinateurs, tablettes et smartphones.
Shopify au cœur de la gestion commerciale
ID Interactive a configuré Shopify pour gérer le catalogue, les variantes produits, les stocks, les commandes et les comptes clients.
Le front-end Next.js est connecté aux données Shopify pour afficher les produits, leurs déclinaisons et leurs informations commerciales.
Le parcours d'achat intègre un panier connecté à Shopify et s'appuie sur son processus de paiement sécurisé. L'agence a également paramétré les modes de paiement, les règles fiscales et les conditions de livraison prévues pour les marchés concernés.
Payload CMS pour les contenus et les actualités
L'intégration de Payload CMS permet à l'équipe Equinov d'administrer ses pages de présentation, ses contenus pédagogiques et ses actualités.
Cette organisation dissocie les contenus de marque des données commerciales. L'équipe peut ainsi publier de nouvelles informations sur les technologies et les événements sans intervenir sur l'administration du catalogue Shopify.
Quatre versions linguistiques sur une plateforme unique
ID Interactive a développé les versions française, anglaise, allemande et néerlandaise du site.
Payload CMS prend en charge l'administration des contenus multilingues. Shopify Markets gère les paramètres commerciaux des différents marchés, notamment les prix, les devises, les taxes et les zones de livraison.
Cette architecture évite de créer quatre boutiques indépendantes et centralise les opérations e-commerce.
4. La performance : un score Google PageSpeed Insights de 99/100
L'un des résultats techniques mesurables de cette refonte est la performance obtenue sur la page d'accueil d'equinov.care.
Le rapport Google PageSpeed Insights communiqué pour le site développé par ID Interactive affiche un score de performance de 99/100.
Les indicateurs visibles sur ce relevé sont les suivants :
Indicateur | Résultat relevé |
|---|---|
Score Performance | 99/100 |
First Contentful Paint (FCP) | 0,3 seconde |
Largest Contentful Paint (LCP) | 0,7 seconde |
Total Blocking Time (TBT) | 100 millisecondes |
Cumulative Layout Shift (CLS) | 0 |
Speed Index | 0,7 seconde |
Source : capture Google PageSpeed Insights transmise à ID Interactive en octobre 2026. Date exacte, configuration complète et conditions du test non précisées.
Ces résultats mettent en évidence trois caractéristiques importantes :
- Un affichage initial rapide : le premier contenu apparaît à 0,3 seconde dans les conditions du test.
- Un contenu principal rapidement visible : le LCP de 0,7 seconde indique un affichage rapide de l'élément principal mesuré.
- Une interface visuellement stable : le CLS de 0 traduit l'absence de décalage de mise en page relevé pendant ce test.
Le Total Blocking Time de 100 millisecondes indique également une durée limitée de blocage du thread principal lors du chargement testé.
Ces performances sont observées sur une mesure de laboratoire ponctuelle. Elles ne permettent pas, à elles seules, de conclure à un gain par rapport à l'ancien site WooCommerce, ni de garantir les mêmes résultats sur l'ensemble des appareils et des connexions.
Elles constituent néanmoins une preuve technique concrète de la qualité du front-end Next.js livré par ID Interactive.
5. SEO international et protection des données : des fondations intégrées à la refonte
ID Interactive a également pris en charge les optimisations de référencement naturel dans les quatre langues du site.
Les travaux comprennent la structuration des titres et contenus, les métadonnées, les URL, les textes alternatifs des images, le maillage interne, les sitemaps XML et les données structurées Schema.org.
Google Analytics 4, Google Tag Manager et Google Search Console ont été intégrés pour permettre le suivi de l'audience et du référencement.
En parallèle, l'agence a déployé les dispositifs de gestion du consentement et de protection des données personnelles, notamment Axeptio pour les cookies et les informations RGPD sur les formulaires.
La partie applicative Next.js est hébergée en France avec des sauvegardes quotidiennes. ID Interactive assure sa maintenance applicative et corrective ainsi que le suivi technique de l'intégration Shopify.
Ces travaux constituent les fondations techniques du référencement et de la mesure. Les effets sur le trafic organique et les ventes devront être évalués sur une période d'exploitation suffisante.
6. Une architecture conçue pour évoluer avec les opérations commerciales
La séparation entre Shopify, Next.js et Payload CMS facilite également le développement de fonctionnalités spécifiques.
À l'occasion du salon Equita Lyon 2026, un jeu-concours accessible par QR code et reposant sur des tirages au sort sera lancé pour permettre aux visiteurs de participer depuis leur smartphone.
Cette opération illustre l'intérêt d'une plateforme capable d'intégrer des fonctionnalités événementielles en complément de l'activité e-commerce.
L'architecture retenue permet également d'envisager de nouvelles gammes, des contenus supplémentaires et l'ouverture d'autres marchés, sans reconstruire l'ensemble du site.
7. Les résultats de la refonte Equinov
La mise en ligne d'octobre 2026 marque l'aboutissement d'une refonte combinant site de marque, commerce électronique et développement sur mesure.
Les résultats constatables à la livraison sont les suivants :
- Une nouvelle plateforme e-commerce remplaçant WordPress/WooCommerce par Shopify headless.
- Un front-end Next.js personnalisé, associé aux contenus gérés dans Payload CMS.
- Quatre versions linguistiques réunies sur un même site.
- Une administration distincte des produits et des contenus, adaptée aux responsabilités des équipes Equinov.
- Un score de performance PageSpeed de 99/100 sur le relevé communiqué pour la page d'accueil.
- Une architecture évolutive, permettant l'ajout de nouvelles fonctionnalités spécifiques.
Le projet étant récemment mis en ligne, aucun résultat chiffré de progression du chiffre d'affaires, du taux de conversion ou du trafic SEO n'est encore présenté.
Le suivi de ces indicateurs permettra d'évaluer les résultats commerciaux de la nouvelle plateforme au-delà de sa livraison technique.
Conclusion : une première référence Shopify headless pour ID Interactive
Avec le projet Equinov, ID Interactive démontre sa capacité à concevoir une plateforme e-commerce réunissant un moteur commercial éprouvé, un CMS éditorial et un front-end développé sur mesure.
Cette réalisation confirme le positionnement technique de l'agence sur les architectures Shopify headless, Next.js et Payload CMS, avec une attention particulière portée à l'expérience utilisateur, à l'administration des contenus et aux performances web.
Le score PageSpeed de 99/100 apporte une première preuve mesurée de la qualité technique obtenue. Les performances commerciales feront l'objet d'un suivi distinct.
Un projet e-commerce nécessitant une architecture sur mesure ?
ID Interactive accompagne les entreprises dans la conception, le développement et la maintenance de plateformes Shopify headless intégrant Next.js, Payload CMS et des fonctionnalités métier spécifiques.
Cas d'usage liés : la refonte Shopify de La Marque Zone et les campagnes Google Ads et Meta Ads de La Marque Zone.