Vos produits, configurés et chiffrés en ligne.
Vos clients choisissent leurs options, voient le résultat en 3D et repartent avec un devis. Je développe ces configurateurs et les applications web qui les font tourner, pour les fabricants et les magasins qui vendent leurs produits.
Démo en direct : une clôture en kit
Changez la longueur, la hauteur, le remplissage et la couleur : la vue 3D et la liste des pièces suivent. Rien n’est envoyé, tout se calcule dans votre navigateur.
Démo en direct
Faites tourner la clôture à la souris ou au doigt. Chaque choix met à jour la vue 3D et la liste des pièces.
De la feuille Excel au configurateur
Calculateurs de clôture, en ligne depuis 2017
Mon ami Dédé, trente ans d’usine, avait construit une feuille Excel très élaborée pour répondre au téléphone aux conseillers de vente des grandes surfaces qui distribuaient nos clôtures en kit. Avant de prendre sa retraite, il m’a glissé au détour d’un couloir :
« Serais-tu capable de passer ça sur le site internet, pour que les conseillers de vente puissent dimensionner leur projet de clôture ? »
Nous étions en 2017, et les modèles étaient présentés sur un simple site WordPress. Avec la recherche et développement et le marketing de Klosea, marque de clôtures, portails et garde-corps en aluminium, nous avons repris la maquette et les calculs de la feuille Excel, puis traduit ses macros en PHP.
Combien de poteaux pour quelle longueur de lames ? Couleur, largeur des lames, opacité, longueur totale, nombre d’angles : chaque choix construit la liste de courses, avec la référence usine de chaque élément. Les règles sont déclinées pour chaque canal de distribution, dont la gamme Klosup vendue chez Leroy Merlin.
Le résultat : une liste de courses en PDF à imprimer avant de passer en magasin, avec une estimation du coût de la clôture. Depuis 2017, le calculateur conseille les conseillers de vente.
Ce qu’un configurateur change
- Vos clients se chiffrent seuls.
- Ils choisissent dimensions, options et couleurs, voient le résultat en 3D et repartent avec un devis PDF.
- Les commandes arrivent complètes.
- Chaque combinaison est vérifiée selon vos règles de fabrication avant de vous parvenir.
- Votre équipe ne redessine plus.
- Le même outil produit les schémas de pose et les listes de pièces pour l’atelier.
- Prêt pour les distributeurs.
- Le configurateur de carports réalisé pour Cadiou Industries sert aussi la distribution Leroy Merlin en France et en Espagne.
- Il dure.
- Les calculateurs de clôtures sont en ligne depuis 2017, testés avant chaque mise à jour.
- Il parle à vos logiciels.
- Commandes vers la boutique, devis et schémas en PDF, échanges avec votre logiciel de gestion par une API.
Étude de cas : Cadiou Industries, Locronan
Cadiou Industries vend portails, clôtures, carports et habillages extérieurs en kit. Depuis 2017, je développe les outils qui permettent à leurs clients de configurer et chiffrer ces produits en ligne.
-
Calculateurs de clôtures 2017 à 2024, Nuxt, PrimeVue, Fabric.js, Laravel, MySQL Des calculateurs multilingues qui transforment des dimensions en devis PDF et en schéma de pose. -
Configurateur de portail 3D 2018, Three.js, Laravel, MySQL Le client assemble son kit portail en 3D et commande les bonnes pièces. -
Configurateur de carport 3D 2024, Nuxt, Three.js, Laravel, MySQL Pergolas et carports en aluminium, utilisé aussi par la distribution Leroy Merlin en France et en Espagne. -
Configurateur d’habillage 3D 2025, Nuxt, Three.js, Laravel, MySQL Habillages extérieurs découpés au laser, visualisés en 3D avant fabrication.
Chaque version passe des tests automatisés dans un navigateur, sur des environnements de développement, de préproduction et de production séparés.
Du premier appel à la mise en ligne
-
1
Premier appel
Nous listons vos produits, options, règles et où vivent vos données. Vous recevez un devis ferme.
-
2
Prototype fonctionnel
Un configurateur avec vos vrais produits, testé par votre équipe et quelques clients avant le développement complet.
-
3
Mise en ligne et suivi
Testé, sécurisé, relié à votre boutique ou à votre logiciel de gestion, puis maintenu aussi longtemps que vous l’utilisez.
Vos questions avant de commencer
Combien coûte un configurateur ?
Cela dépend du nombre d’options et des règles entre elles. Après le premier appel, vous recevez un devis ferme, avant tout développement.
Combien de temps avant la mise en ligne ?
Le calendrier fait partie du devis. Un prototype fonctionnel arrive d’abord, pour tester tôt avec vos vrais produits au lieu d’attendre la fin.
Peut-il se connecter à notre boutique ou à notre logiciel de gestion ?
Oui. Des configurateurs existants envoient les commandes vers PrestaShop, produisent devis et schémas en PDF, et échangent avec des logiciels de gestion par une API.
Nos revendeurs peuvent-ils l’utiliser ?
Oui. Un configurateur peut tourner sur votre site et chez vos partenaires. Le configurateur de carports réalisé pour Cadiou Industries sert aussi la distribution Leroy Merlin en France et en Espagne.
Qui assure la maintenance ensuite ?
Moi, aussi longtemps que vous l’utilisez. Les calculateurs de clôtures sont en ligne depuis 2017 et toujours mis à jour.
À qui appartient le code ?
À vous. Le code source et vos données sont livrés avec ce qu’il faut pour les héberger où vous voulez.
Pouvez-vous travailler avec notre graphiste ou notre agence ?
Oui, souvent. Je travaille avec des graphistes, des développeurs et des hébergeurs, et je m’intègre à l’équipe que vous avez déjà.
Sous le capot
- Interface et 3D
- Nuxt, Vue, Three.js, Fabric.js, PrimeVue
- Back-end et API
- PHP, Laravel, Nova, Filament, API REST versionnées
- Données
- MySQL, PostgreSQL, Supabase
- Sorties
- Devis et schémas de pose en PDF, commandes vers la boutique, API pour les logiciels de gestion
- Qualité
- Tests automatisés Laravel Dusk, développement, préproduction et production séparés
Un produit à configurer ?
Expliquez ce que vous vendez et ce que vos clients doivent pouvoir choisir. Je vous dirai comment je construirais le configurateur, avec un devis ferme avant toute ligne de code.