Aller au contenu

Études de cas · 12 min de lecture

DripMoto : un e-commerce de 120 000 références livré en 12 semaines

120 000 références livrées en 12 semaines : l'architecture découplée, la recherche, le configurateur de compatibilité et les trois résultats mesurés.

James DumaineFondateur · TikupMedia
LES REPÈRES TIKUPMEDIA

Comprendre.
Comparer.
Décider.

Explorer un dossier de démonstration
Sommaire· 13 sections
  1. 01À retenir
  2. 02Le point de départ : un catalogue qui ne se parcourt pas
  3. 03Le cadrage : ce qu on a décidé de ne pas faire
  4. 04L architecture, brique par brique
  5. 05Le déroulé des douze semaines
  6. 06Les résultats
  7. 07Ce qu on referait pareil, et ce qu on regarderait autrement
  8. 08Combien coûterait un projet équivalent aujourd hui ?
  9. 09Questions fréquentes
  10. 10Glossaire
  11. 11Sources
  12. 12À lire aussi sur le blog
  13. 13Aller plus loin avec nous

TL;DR : réponse rapide

DripMoto est un site e-commerce sur mesure de pièces et d’équipements moto, 120 000 références au catalogue, livré en 12 semaines par quatre personnes. Architecture découplée : WooCommerce en back-office catalogue, Next.js en façade. Résultats : chiffre d’affaires multiplié par 3,2 face à l’ancien site, +142 % de demandes entrantes par mois et +28 % de panier moyen.

Pour qui cet article

Vous vendez en ligne un catalogue large, technique, où une référence ne convient qu’à certains modèles. Vous savez que votre site rame et que vos clients n’y trouvent rien, et vous cherchez à comprendre ce qui se refait, ce qui se garde, et combien de temps ça prend.

À retenir

  • 12 semaines, 4 personnes, pour un catalogue de 120 000 références avec recherche performante, configurateur de compatibilité véhicule, deux univers visuels et prise de rendez-vous atelier.
  • Architecture découplée : WooCommerce reste le back-office où l’équipe travaille et où les fournisseurs déversent leurs fichiers, Next.js sert la façade. On garde l’outil que l’équipe connaît et on règle le problème qui comptait, la vitesse.
  • Sur un grand catalogue, le problème n’est jamais d’afficher, c’est de chercher. Un visiteur qui ne trouve pas sa pièce en trois clics ne l’achètera pas ailleurs sur le site, il partira.
  • Le configurateur de compatibilité est le cœur du projet, pas un filtre de plus. Marque, modèle et année forment une relation à trois entrées qui conditionne tout le modèle de données.
  • Deux univers visuels, un seul catalogue. Route et Off-Road se reconnaissent dès la page d’accueil sans que l’on gère deux sites, deux stocks et deux équipes.
  • Résultats mesurés : × 3,2 sur le chiffre d’affaires, +142 % de demandes entrantes par mois, +28 % de panier moyen.
  • Fourchette d’un projet équivalent aujourd’hui : 35 000 à 60 000 €. Voir combien coûte un site web professionnel.

Un catalogue de 120 000 références est un cas particulier de commerce en ligne. Les règles habituelles, belles photos et fiches produit soignées, n’y servent presque à rien : personne ne parcourt 120 000 fiches. Le visiteur arrive avec une pièce précise en tête et une moto précise sous les yeux, et la seule question qui compte est de savoir si l’une va sur l’autre.

Voici comment ce site a été construit : ce qui a été écarté dès l’appel découverte, l’architecture retenue, le déroulé des douze semaines, et ce que cela a produit.

Le point de départ : un catalogue qui ne se parcourt pas

L’appel découverte dure 45 minutes et se tient avec un fondateur. Sur ce projet, il a servi à identifier l’enjeu central, servir 120 000 références sans flancher, et à écarter une pile technique que le client envisageait mais qui n’aurait pas tenu la charge. C’est le genre de décision qui se prend en quarante-cinq minutes et qui économise trois mois.

Ce que vit l’acheteurCe que le site doit produireComment
Il a une pièce en tête et une moto préciseSavoir en un geste si la pièce va sur sa motoConfigurateur marque, modèle, année appliqué à tout le catalogue
Il ne connaît pas la référence constructeurUne recherche qui pardonne l’approximationIndex de recherche tolérant aux fautes, sur le nom comme sur la référence
Il hésite entre quinze produits comparablesDes filtres qui réduisent vraiment la listeFacettes calculées sur le catalogue filtré, pas sur le catalogue entier
Il roule sur route ou en tout-terrain, pas les deuxSe reconnaître dès la page d’accueilDeux entrées visuelles sur un catalogue unique
Il veut parfois un montage, pas seulement la piècePrendre rendez-vous sans téléphonerModule de rendez-vous atelier relié aux créneaux réels

Le cadrage : ce qu’on a décidé de ne pas faire

Le cadrage, la maquette cliquable et le devis ligne par ligne sont livrés sous 48 heures et offerts (notre méthode). Sur un projet de cette taille, ce document sert surtout à poser ce qui ne sera pas refait.

Écarté au cadragePourquoiQuand le reconsidérer
Remplacer WooCommerceL’équipe sait l’utiliser et les flux fournisseurs y arrivent déjà. Le problème était la vitesse, pas le back-officeSi le catalogue dépassait largement le million de références
Deux sites séparés Route et Off-RoadDeux fois le travail, deux fois la maintenance, un seul stock à synchroniser entre les deuxJamais, sur ce modèle
Refaire les fiches produit une par une120 000 fiches ne se réécrivent pas. On a amélioré le gabarit, pas le contenuAu cas par cas, sur les meilleures ventes
Un espace client completL’achat se fait en quelques clics, le suivi de commande suffitSi le modèle évolue vers l’abonnement ou le compte pro

L’architecture, brique par brique

Pourquoi découpler plutôt que remplacer

La tentation sur un site lent est de tout refaire. C’était la mauvaise réponse ici. WooCommerce faisait très bien son travail de back-office : l’équipe y travaille tous les jours, les fichiers fournisseurs y sont importés, les commandes y arrivent. Ce qu’il faisait mal, c’était servir des pages à des visiteurs.

L’architecture découplée répond exactement à cela. Le catalogue, les stocks et les commandes restent dans WooCommerce. La façade, celle que voit l’acheteur, est servie par Next.js, qui lit les données et les rend instantanément. Le client n’a rien à réapprendre, et le visiteur ne subit plus l’outil de gestion.

Le coût de cette décision est réel et doit être dit : il faut maintenir la synchronisation entre les deux, et un produit modifié dans le back-office doit se répercuter en façade sans délai perceptible. C’est un travail en soi, et il est largement moins cher que de reconstruire une gestion de catalogue.

La recherche sur 120 000 références

C’est le poste qui décide du projet. Un acheteur de pièces moto tape rarement une référence exacte : il tape un nom approximatif, parfois avec une faute, parfois en mélangeant la marque de la pièce et celle de la moto. Une recherche qui exige l’exactitude renvoie zéro résultat, et zéro résultat fait partir le visiteur.

Trois décisions. Un index de recherche dédié, parce qu’au-delà de quelques dizaines de milliers de produits la recherche d’une base relationnelle ordinaire ne suffit plus. Une tolérance aux fautes et aux variantes d’écriture. Et des facettes recalculées sur le résultat filtré et non sur le catalogue entier : afficher « 4 200 produits » dans un filtre qui n’en contient que douze après croisement est la façon la plus sûre de faire tourner un acheteur en rond.

Le configurateur de compatibilité

Marque, modèle, année. Trois listes en apparence, une relation à trois entrées en réalité : une référence est compatible avec un ensemble de véhicules, et un véhicule accepte un ensemble de références. Ce n’est pas un filtre, c’est le modèle de données.

La conséquence pratique est que la compatibilité doit être disponible partout, pas seulement sur une page dédiée : dans la recherche, dans les listes, sur la fiche produit, dans le panier. Un acheteur qui a déclaré sa moto une fois ne doit plus jamais voir une pièce qui ne lui va pas. C’est ce qui fait la différence entre un site de pièces et un catalogue en ligne.

Deux univers, un seul catalogue

Route et Off-Road sont deux publics qui ne se mélangent pas, avec deux imaginaires visuels distincts. Les traiter par deux sites aurait doublé la maintenance et séparé un stock qui est commun. La réponse retenue est une seule base, deux entrées : la page d’accueil oriente, la direction artistique suit, le catalogue reste unique. Un visiteur se reconnaît en trois secondes, et l’équipe continue de gérer un seul inventaire.

Le rendez-vous atelier

Une partie des acheteurs veut la pièce montée, pas la pièce livrée. Le module de rendez-vous relie les créneaux réels de l’atelier au site, ce qui transforme une vente de pièce en vente de prestation. C’est aussi ce qui alimente la hausse des demandes entrantes : un rendez-vous est un contact qualifié, pas une commande anonyme.

Le déroulé des douze semaines

Sprints de deux semaines, démo le vendredi, URL de préview mise à jour à chaque poussée. Le découpage suit les parcours d’achat, pas les couches techniques.

Découpage du projet DripMoto en douze semaines : socle découplé semaines 1 à 3, recherche et configurateur 3 à 6, direction artistique 5 à 8, panier et rendez-vous atelier 8 à 10, performance et bascule 10 à 12.
La dernière étape n’est pas du confort : une refonte d’e-commerce sans plan de redirection perd son référencement acquis, et le chiffre d’affaires avec.
PériodeCe qui est livréCe qui est validé
Semaines 1 à 3Socle découplé, reprise du catalogue, gabarit de fiche produitUn produit s’affiche instantanément
Semaines 3 à 6Recherche, facettes, configurateur de compatibilitéUn acheteur trouve une pièce qui va sur sa moto
Semaines 5 à 8Direction artistique, deux univers, pages de marque et de catégorieLe site ressemble à ce qu’il vend
Semaines 8 à 10Panier, paiement, suivi de commande, rendez-vous atelierUne commande passe de bout en bout
Semaines 10 à 12Performance, référencement technique, recette, basculeLe site passe en production sans perdre son référencement

La dernière ligne compte autant que les autres sur une refonte d’e-commerce. Un site qui change d’adresse ou de structure sans plan de redirection perd son référencement acquis, et le chiffre d’affaires avec. La bascule se prépare pendant tout le projet, pas le dernier vendredi.

Les résultats

Évolution après la refonte, base 100 avant : chiffre d'affaires de 100 à 320, demandes entrantes de 100 à 242, panier moyen de 100 à 128.
Le panier moyen monte sur un catalogue inchangé : ce n’est pas le prix qui a bougé, c’est la certitude que la pièce va sur la moto.
IndicateurRésultatCe qu’il dit
Chiffre d’affaires× 3,2 face à l’ancien siteLes visiteurs trouvent ce qu’ils cherchaient déjà
Demandes entrantes+ 142 % par moisLe rendez-vous atelier et les contenus de marque produisent des contacts
Panier moyen+ 28 %La compatibilité rassure assez pour acheter plusieurs pièces à la fois

Le troisième chiffre est le plus instructif. Un panier moyen qui monte de 28 % sur un catalogue inchangé ne vient pas du prix, il vient de la confiance : un acheteur certain que ses pièces vont sur sa moto en commande plusieurs. La compatibilité n’est pas un confort d’usage, c’est un levier de chiffre d’affaires.

« Avec 120 000 références au catalogue, je cherchais une équipe qui ne flancherait pas sur les perfs. Ils ont tenu, et nos clients route et off-road se reconnaissent enfin dès la home », résume Angus, le fondateur.

Ce qu’on referait pareil, et ce qu’on regarderait autrement

Pareil : garder WooCommerce en back-office, traiter la recherche comme le cœur du projet plutôt que comme une fonctionnalité, et refuser les deux sites séparés. Ces trois décisions ont rendu les douze semaines possibles.

Autrement : sur un catalogue de cette taille, nous mesurons désormais dès la première semaine le taux de recherches sans résultat. C’est l’indicateur qui révèle le plus vite les trous du catalogue et les mots que les acheteurs emploient sans que vous les ayez prévus, et il ne coûte presque rien à poser.

Combien coûterait un projet équivalent aujourd’hui ?

Entre 35 000 et 60 000 € pour une refonte de ce périmètre, c’est-à-dire un catalogue large déjà existant, une façade découplée, une recherche sérieuse et un configurateur. En dessous, on parle d’un habillage sans refonte de la recherche, ce qui ne produira aucun des trois résultats ci-dessus. Les fourchettes complètes sont dans combien coûte un site web professionnel.

Questions fréquentes

Faut-il quitter WooCommerce quand le site est lent ?

Presque jamais. La lenteur d’un site sous WooCommerce vient de la façade, pas de la gestion. Découpler, c’est-à-dire garder le back-office et servir les pages autrement, règle le problème sans jeter l’outil que l’équipe maîtrise ni les flux fournisseurs déjà en place. Changer de plateforme de vente est un projet distinct, qui se décide pour d’autres raisons.

À partir de combien de références faut-il un moteur de recherche dédié ?

L’ordre de grandeur se situe vers quelques dizaines de milliers de produits, et surtout dès que les filtres se croisent. Le signal n’est pas le nombre de références mais le temps de réponse quand un visiteur combine trois filtres et une recherche texte. S’il dépasse une seconde, la recherche est devenue le sujet.

Comment ne pas perdre son référencement lors d’une refonte ?

En établissant le plan de redirection avant de commencer, pas après la mise en ligne. Chaque adresse existante qui reçoit du trafic doit pointer vers son équivalent, et les structures d’adresses doivent être arbitrées en connaissance de cause. Une refonte bien menée ne fait pas perdre de référencement, une bascule improvisée en fait perdre des mois.

Le configurateur de compatibilité se construit-il à partir de rien ?

Non, et c’est heureux : les données de compatibilité existent chez les fournisseurs, dans des formats inégaux. Le travail consiste à les normaliser et à les rattacher aux références du catalogue. C’est un poste de reprise de données, avec tout ce que cela implique de nettoyage, et il se chiffre à part.

Combien de temps pour une refonte de cette taille ?

Douze semaines ici, à quatre personnes, sur un périmètre tenu. Ce qui allonge n’est presque jamais le développement : c’est la qualité des données de départ. Un catalogue propre avec des compatibilités normalisées se reprend vite, un catalogue accumulé sur dix ans demande plusieurs semaines de remise en ordre.

Et le référencement des 120 000 fiches ?

Elles ne se travaillent pas une par une, c’est hors de portée. On travaille le gabarit, pour que chaque fiche soit correctement structurée par construction, et on traite à la main les quelques centaines de pages de catégorie et de marque qui portent l’essentiel du trafic. Le reste suit mécaniquement.

Glossaire

  • Architecture découplée : la gestion du catalogue et l’affichage sont deux systèmes distincts. Le back-office reste le même, la façade est reconstruite.
  • Facette : filtre affiché avec le nombre de produits qu’il contient. Il doit être calculé sur le résultat déjà filtré, sinon il ment.
  • Compatibilité véhicule : relation entre une référence et les véhicules qui l’acceptent. Sur un catalogue de pièces, c’est le modèle de données central.
  • Recherche tolérante : recherche qui pardonne les fautes, les accents et les variantes. Sans elle, un grand catalogue renvoie des pages vides.
  • Plan de redirection : correspondance entre les anciennes et les nouvelles adresses, établie avant la bascule. C’est ce qui préserve le référencement acquis.

Sources

À lire aussi sur le blog

Aller plus loin avec nous