La Mini Moke restaurée,
configurée puis livrée
Projet E-commerce et atelier pour Mokoncept. Site WooCommerce double-entrée : boutique pièces détachées et univers atelier avec configurateur visuel pour la restauration et la customisation de Mini Moke.
- E-commerce + atelier
- WooCommerce
- Automobile
En un coup d'œil
- ClientMokoncept
- LieuLa Valette-du-Var (83)
- TypeE-commerce + atelier
- Année2024
- SecteurAutomobile · Restauration véhicules
- Durée5 mois
- TechnologieWooCommerce
- Équipe4 personnes
- URLmokoncept.fr
- E-commerce + atelier
- WooCommerce
- Automobile
- E-commerce
Le brief et la problématique
Depuis 2010, Jean-Georges Ghigo a redonné vie à la Mini Moke en perpétuant l'esprit nostalgique du véhicule iconique anglais né dans les années soixante. Mokoncept exerce trois activités complémentaires depuis La Valette-du-Var, avenue Pierre et Marie Curie : restauration complète, customisation sur-mesure couvrant sellerie, peinture et mécanique, et vente de pièces détachées via une boutique en ligne de plus de deux mille références.
Le catalogue couvre cinq familles : sellerie, carrosserie, mécanique, électricité et accessoires. Trois bases véhicules sont supportées : la Mini Moke originale anglaise des années soixante, l'italienne Cagiva et la portugaise. Chaque pièce doit être rattachée à la bonne combinaison modèle, année et finition pour éviter les retours.
Avant la refonte, la partie e-commerce et la partie atelier vivaient sur deux sites distincts. Le client pièce détachée n'avait pas conscience de la dimension atelier, et inversement. Conséquence directe : sous-monétisation des deux activités et un taux de satisfaction client de 98 % qui ne se traduisait pas en bouche-à-oreille digital.
La problématique
Comment articuler une vraie boutique de pièces détachées qui doit performer côté SEO et conversion avec une activité d'atelier sur-mesure qui demande une mise en scène patrimoniale et un parcours devis, sans qu'aucune des deux n'écrase l'autre ? Comment, dans le même mouvement, donner à voir le résultat d'une customisation avant que la Moke n'existe, pour donner envie d'engager le devis ?
Objectifs du projet
- Construire un e-commerce qui porte l'image et le catalogue de Mokoncept
- Optimiser la conversion et la valeur panier via une UX travaillée
- Intégrer les flux métiers stock, ERP et logistique pour éviter la double saisie
- Donner au client un back-office autonome pour piloter catalogue et contenu
Cinq défis propres à ce projet
Ce qui rendait ce projet intéressant : faire tenir ensemble une boutique de pièces et un atelier de restauration sur le même site, autour d'un véhicule de niche très chargé affectivement.
Défi 01
Réconcilier deux mondes : pièces et atelier
L'ancien client pièce détachée ignorait la dimension atelier, et inversement. Le défi UX consistait à faire vivre les deux activités dans la même interface sans en sacrifier une au profit de l'autre, avec deux parcours distincts qui se croisent intelligemment au moment où le visiteur bascule d'une intention d'achat de pièce vers une envie de restauration complète.
Défi 02
Référencer un véhicule de niche
La Mini Moke est un véhicule rare, recherché par une communauté très qualifiée mais réduite. Le travail SEO s'inscrit dans le temps long avec des contenus pédagogiques sur les modèles, les époques de production, les particularités mécaniques, et une présence active sur les forums de passionnés. La longue traîne autour de chaque pièce génère un trafic patient mais transformant.
Défi 03
Configurateur visuel sans 3D lourde
Le risque évident était de tomber dans la 3D web qui rame sur mobile et qui éclipse le geste artisanal. Le choix s'est porté sur un compositing 2D propre, performant, qui suffit largement à donner l'idée du rendu final : carrosserie, teinte, sellerie, jantes, accessoires se superposent en quelques millisecondes pour produire une image fidèle à l'esprit de la Moke.
Défi 04
Logistique pièces : 2 000+ références à suivre
Stocks par référence, compatibilités véhicules, délais de réassort, fournisseurs multiples : un back-office a été structuré pour ne pas couler l'équipe sous les exceptions. Chaque pièce est rattachée à un ou plusieurs modèles éligibles avec ses contraintes propres, et les commandes sortent sur des bons de préparation pensés pour l'atelier.
Défi 05
Préserver l'esprit Moke
Mokoncept n'est pas un revendeur de pièces autos lambda. Le ton éditorial, l'iconographie, l'histoire racontée : tout devait préserver la dimension affective d'un véhicule mythique. Le design a été pensé pour donner à voir le patrimoine, le geste de restauration, et la signature visuelle propre au véhicule plutôt que de le réduire à un produit de catalogue.
La solution mise en place
Site WooCommerce double-entrée : une boutique pleinement fonctionnelle pour les pièces avec panier, paiement Stripe, fiches techniques et compatibilité par modèle, et un univers atelier dédié à la restauration et à la customisation. Le configurateur visuel est la pièce centrale de la partie atelier avec ses cinq étapes guidées, son rendu image dynamique et son devis détaillé envoyé sous vingt-quatre heures à l'atelier de Jean-Georges.
Axe 01 · Boutique pièces
Catalogue de 2 000+ références performant
Cinq catégories couvrent l'intégralité des besoins : sellerie, carrosserie, mécanique, électricité, accessoires. La taxonomie a été pensée mécanicien avec filtres par modèle, par année et par finition. La compatibilité véhicule est affichée sur chaque fiche pour éviter les retours, et le moteur de recherche accepte les références fabricant comme les libellés courants utilisés par la communauté.
Axe 02 · Configurateur
Configurateur Mini Moke cinq étapes
Pour la customisation, un configurateur visuel montre la Moke au fur et à mesure des choix : modèle de base, teinte de carrosserie, sellerie, jantes et accessoires. Le rendu image se met à jour en temps réel et un devis personnalisé est envoyé directement à l'atelier sous vingt-quatre heures. Cette mécanique transforme une intention floue en projet chiffré en quelques minutes.
Axe 03 · Univers atelier
Mise en scène patrimoniale
Une partie éditoriale dédiée raconte l'histoire de la Mini Moke, présente les différents modèles supportés et met en avant l'atelier de Jean-Georges. L'achat d'une pièce devient un acte de patrimoine plutôt qu'une simple transaction. Cette dimension affective alimente la fidélisation et le bouche-à-oreille au sein de la communauté des passionnés.
Axe 04 · Service après-vente
98 % de satisfaction tenue jusqu'à la livraison
L'espace client centralise l'historique des commandes, le suivi de livraison et les demandes de SAV en un clic. La promesse de service Mokoncept est tenue de la commande jusqu'à la remise du colis, avec une équipe disponible pour confirmer une compatibilité ou orienter vers la bonne pièce en cas de doute.
Le configurateur Mini Moke cinq étapes pour un devis
Le client construit sa Mini Moke en choisissant base, teinte, sellerie, jantes et accessoires. Le rendu image se met à jour en temps réel et le devis détaillé part automatiquement vers l'atelier de Jean-Georges qui répond sous vingt-quatre heures.
Comment ça marche
Choix du modèle de base
Le client sélectionne sa base véhicule parmi les trois supportées : Mini Moke originale anglaise des années soixante, italienne Cagiva ou portugaise. Chaque base impose ses propres contraintes mécaniques, ses dimensions et ses pièces compatibles, avec une fiche pédagogique courte qui explique les particularités du modèle pour orienter le choix.
Teinte de carrosserie
La nuance de peinture est choisie dans une palette qui respecte les codes historiques de la Moke tout en laissant la place à des teintes contemporaines pour les commandes plus libres. Le rendu image de la voiture bascule instantanément vers la nouvelle couleur sans recharger la page, ce qui invite à comparer plusieurs options avant de valider.
Sellerie et matières
Le client compose la sellerie : type de matière, couleur, finitions et options de surpiqûre. Les associations cohérentes avec la teinte précédente sont mises en avant pour guider le choix sans imposer de combinaison. Le rendu image affiche un aperçu de l'habitacle accordé à la carrosserie pour valider visuellement la cohérence d'ensemble.
Jantes et accessoires
Jantes au choix dans plusieurs styles, hardtop ou capote, pare-buffles, porte-bagages, projecteurs additionnels : les accessoires viennent compléter la silhouette. Chaque option ajoutée se superpose au rendu image et fait évoluer le sous-total affiché en pied de configurateur, sans surprise au moment du devis final.
Génération du devis
Une fois la configuration finalisée, le client renseigne ses coordonnées et déclenche la génération du devis. La demande arrive dans le back-office de l'atelier avec la composition complète, le rendu image associé et le total estimatif. Jean-Georges revient vers le client sous vingt-quatre heures avec le devis chiffré et les délais réels de livraison.
- 5étapes guidéesdu modèle au devis envoyé
- 24hréponse atelierdevis chiffré retour client
- 03D lourdecompositing 2D performant mobile
Sous le capot
Compositing 2D dynamique
Le rendu image repose sur des calques PNG transparents superposés à la volée selon les choix utilisateur, plutôt que sur un moteur 3D coûteux en performance. Chaque combinaison teinte plus sellerie plus jantes plus accessoires assemble une image finale en moins de cent millisecondes, ce qui maintient une fluidité parfaite y compris sur mobile en réseau dégradé.
Compatibilité par modèle
Chaque référence du catalogue déclare ses bases véhicule compatibles parmi Moke originale, Cagiva et portugaise, avec ses années d'application. Le moteur de filtrage croise automatiquement le modèle déclaré par le client avec la fiche produit pour masquer les pièces non éligibles et éviter les retours coûteux. Cette logique vit dans une table de correspondance maintenue par l'équipe atelier.
Devis transmis à l'atelier
À la fin du configurateur, la composition complète part vers le back-office sous forme de demande structurée : modèle, teinte, sellerie, jantes, accessoires, total estimatif et image finale rendue côté serveur pour archivage. L'équipe atelier reçoit une notification et dispose de toutes les informations pour rappeler le client avec un devis chiffré sous vingt-quatre heures ouvrées.
Back-office WooCommerce custom
Le gérant pilote le catalogue, les compatibilités véhicules, les contenus éditoriaux et les options du configurateur depuis un back-office WooCommerce enrichi sur-mesure. L'ajout d'une nouvelle teinte ou d'un nouvel accessoire se fait sans intervention technique, avec prévisualisation du rendu avant publication pour vérifier la cohérence visuelle de la nouvelle option.
Cinq étapes, du brief au lancement
Chaque projet Getup suit une méthodologie en sprints avec points d'avancement réguliers. Pour Mokoncept, cinq mois de travail ont permis de livrer un projet complet, de l'audit initial au lancement en production.
Étape 01
Audit & cadrage
- Rencontre en boutique
- Audit WordPress + WooCommerce
- Analyse base articles
- Cadrage fonctionnel
Étape 02
Design Figma
- Wireframes mobile-first
- Design system Mokoncept
- Maquettes validées
- Charte graphique
Étape 03
Développement
- WordPress + WooCommerce sur-mesure
- Passerelle métier
- Tunnel d'achat
- Back-office custom
Étape 04
Intégration catalogue
- Import initial du catalogue
- Références produit
- SEO on-page
- Contenus éditoriaux
Étape 05
Recette & lancement
- Tests de charge
- Formation du gérant
- Monitoring post-lancement
- Go live
Stack technique du projet
Les briques techniques mobilisées pour faire tourner le projet, choisies pour leur fiabilité et leur maintenabilité.
- E-commerce
- WordPress
- WooCommerce
- Paiement
- Stripe
- Virements
- 3D Secure
- Configurateur
- Module custom
- Rendu image dynamique
- Logistique
- Suivi colis multi-transporteurs
Quelques pages du site réalisé
Extrait du design livré
Les chiffres du projet
Données structurelles · mokoncept.fr
- 2 000+Références piècesCatalogue détaillé
- 3Modèles supportésUK · Cagiva · Portugaise
- 5Familles piècesSellerie · Carrosserie · Mécanique · Élec · Access.
- 98%de satisfactionSAV reconnu
- 100%ResponsiveMobile-first imposé
- 3D SecurePaiement sécuriséBancaire conforme
- 90/100PageSpeedScore visé sur mobile
- 150€HT / moisForfait TMA dès
Quatre pôles mobilisés sur ce projet
UX / UI Design
Design centré conversion : fiches produit, tunnel d'achat, filtres. Chaque pixel sert la vente.
Voir l'expertiseDéveloppement WooCommerce
Thème sur-mesure, modules dédiés, intégrations métiers et tests de charge.
Voir l'expertiseAcquisition & SEO
Référencement technique, optimisation du catalogue pour Google Shopping, tracking conversion.
Voir l'expertiseTMA & Performance
Surveillance, mises à jour sécurité, optimisation continue pour tenir la charge dans le temps.
Voir l'expertise
Vos questions, nos réponses
Votre boutique mérite une plateforme qui tient la charge
De l'audit de votre logiciel de caisse au lancement de votre site, nous vous accompagnons pour bâtir un e-commerce qui converge avec votre outil métier. Premier échange gratuit, sans engagement, réponse sous vingt-quatre heures.
Réponse sous vingt-quatre heures · Devis gratuit · Sans engagement
