Sommaire· 13 sections
- 01À retenir
- 02Le point de départ : un catalogue qui ne se parcourt pas
- 03Le cadrage : ce qu on a décidé de ne pas faire
- 04L architecture, brique par brique
- 05Le déroulé des douze semaines
- 06Les résultats
- 07Ce qu on referait pareil, et ce qu on regarderait autrement
- 08Combien coûterait un projet équivalent aujourd hui ?
- 09Questions fréquentes
- 10Glossaire
- 11Sources
- 12À lire aussi sur le blog
- 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’acheteur | Ce que le site doit produire | Comment |
|---|---|---|
| Il a une pièce en tête et une moto précise | Savoir en un geste si la pièce va sur sa moto | Configurateur marque, modèle, année appliqué à tout le catalogue |
| Il ne connaît pas la référence constructeur | Une recherche qui pardonne l’approximation | Index de recherche tolérant aux fautes, sur le nom comme sur la référence |
| Il hésite entre quinze produits comparables | Des filtres qui réduisent vraiment la liste | Facettes calculées sur le catalogue filtré, pas sur le catalogue entier |
| Il roule sur route ou en tout-terrain, pas les deux | Se reconnaître dès la page d’accueil | Deux entrées visuelles sur un catalogue unique |
| Il veut parfois un montage, pas seulement la pièce | Prendre rendez-vous sans téléphoner | Module 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 cadrage | Pourquoi | Quand le reconsidérer |
|---|---|---|
| Remplacer WooCommerce | L’équipe sait l’utiliser et les flux fournisseurs y arrivent déjà. Le problème était la vitesse, pas le back-office | Si le catalogue dépassait largement le million de références |
| Deux sites séparés Route et Off-Road | Deux fois le travail, deux fois la maintenance, un seul stock à synchroniser entre les deux | Jamais, sur ce modèle |
| Refaire les fiches produit une par une | 120 000 fiches ne se réécrivent pas. On a amélioré le gabarit, pas le contenu | Au cas par cas, sur les meilleures ventes |
| Un espace client complet | L’achat se fait en quelques clics, le suivi de commande suffit | Si 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.
| Période | Ce qui est livré | Ce qui est validé |
|---|---|---|
| Semaines 1 à 3 | Socle découplé, reprise du catalogue, gabarit de fiche produit | Un produit s’affiche instantanément |
| Semaines 3 à 6 | Recherche, facettes, configurateur de compatibilité | Un acheteur trouve une pièce qui va sur sa moto |
| Semaines 5 à 8 | Direction artistique, deux univers, pages de marque et de catégorie | Le site ressemble à ce qu’il vend |
| Semaines 8 à 10 | Panier, paiement, suivi de commande, rendez-vous atelier | Une commande passe de bout en bout |
| Semaines 10 à 12 | Performance, référencement technique, recette, bascule | Le 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
| Indicateur | Résultat | Ce qu’il dit |
|---|---|---|
| Chiffre d’affaires | × 3,2 face à l’ancien site | Les visiteurs trouvent ce qu’ils cherchaient déjà |
| Demandes entrantes | + 142 % par mois | Le 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
- Fiche projet DripMoto · périmètre, durée, équipe, pile technique et résultats publiés · TikupMedia
- Notre méthode en quatre phases · le cadre de travail décrit ici · TikupMedia
- Combien payer pour un site web ou un site e-commerce ? · repères de prix publics · France Num
- Les TIC et le commerce électronique dans les entreprises en 2024 · INSEE
- Bpifrance Le Lab · études sur les PME et les ETI
À lire aussi sur le blog
- Combien coûte un site web professionnel · les fourchettes par type de projet
- Le cas MyBabySitt · une application de mise en relation, même méthode
- Changer de prestataire · ce qu’il faut récupérer avant une refonte
- L’acompte de cadrage · la phase qui a écarté une pile technique en 45 minutes
- Choisir une agence · les critères à vérifier avant de signer
Aller plus loin avec nous
- Sites et e-commerce sur mesure · livraison en 2 à 8 semaines, à partir de 2 450 €
- Tierce maintenance applicative · à partir de 145 € par mois
- Les neuf dossiers complets · chaque projet documenté avec ses chiffres
- Un premier échange sous 48 h · on regarde votre catalogue et on vous dit ce qui se garde
