L8 DÉMOS CRM / ÉTUDE DE CAS
CRM 3D interactifs — carrosserie et salle de sport
Deux démonstrations de CRM visuels : un garage et une salle de sport en vue 3D isométrique, où l'on suit chaque client d'un clic.
Essayer la démo carrosserie Essayer la démo salle de sport
En production · Depuis octobre 2026
Le point de départ
Ce sont deux démonstrations que j'ai conçues et développées pour montrer ce qu'un CRM peut devenir quand il se lit comme un lieu de travail. Les deux sont fictives : les noms, les montants et les dossiers sont inventés, et les images de décor sont générées par IA.
Le problème
Un CRM classique est un tableau de lignes et de colonnes : il est exact, mais personne n'a envie de l'ouvrir. Dans un garage ou dans une salle de sport, l'équipe pense en lieux et en personnes, pas en champs de formulaire.
La réponse
Je transpose le métier en une carte 3D que l'on explore à la souris. Dans le garage, chaque véhicule est posé dans la zone où il se trouve ; dans la salle de sport, chaque prospect ou abonné est à sa place dans le club. Un clic ouvre la fiche, avance le dossier d'une étape ou prépare un message, et une vue tableau donne la même information en colonnes.
- Carte isométrique du lieu, avec zoom sur une zone (réception, atelier, peinture, plateau musculation, cours…)
- Fiche d'un véhicule ou d'une personne : statut, montant, checklist, avancement du parcours
- Passage d'un dossier à l'étape suivante en un clic, indicateurs mis à jour en direct
- Vue tableau du parcours client, en colonnes par étape
- Garage : ordres de réparation, alertes de stock, occupation de l'atelier
- Salle de sport : leads, séances et cours d'essai, abonnés à relancer, message de relance préparé (envoi simulé)
- Mode tournage : les noms sont floutés pour présenter la démo sans montrer de données
La démo en images
Sous le capot
Chaque démo est une page autonome en HTML et JavaScript, sans serveur ni compte : la scène est dessinée sur un canvas 2D en projection isométrique, et les données fictives sont embarquées dans la page. Les personnages, les véhicules, les équipements et le décor sont des images générées par IA, détourées en local puis converties en WebP pour rester légères. Les pages sont hébergées avec ce site.
Le défi notable
Garder une scène lisible malgré le nombre d'éléments : chaque sprite devait se superposer correctement aux autres, et chaque clic tomber sur le bon véhicule ou la bonne personne, même quand les objets se chevauchent. J'ai aussi veillé à ce que la démo puisse être filmée sans rien révéler, d'où le mode tournage.
Mon rôle
J'ai mené les deux démonstrations seul : choix des métiers, conception de l'interface et des parcours, développement, génération puis nettoyage des images, tests et mise en ligne.
Où en est le projet ?
Les deux démos sont en ligne et se testent librement. Ce sont des démonstrations : aucune donnée n'est réelle, rien n'est enregistré et les messages ne sont pas envoyés. Elles montrent un principe, pas un produit prêt à l'emploi.
Et pour votre projet ?
Le même principe s'adapte à d'autres métiers où l'on suit des personnes ou des objets dans un lieu physique. Je peux réaliser pour vous :
- un CRM visuel pour votre commerce, votre atelier ou votre cabinet
- un tableau de bord qui montre l'état de votre activité d'un coup d'œil
- une démonstration commerciale interactive pour présenter votre offre
- un parcours client illustré, avec relances préparées
Les outils du projet
- Application
- HTML, JavaScript, canvas 2D isométrique
- Images de décor
- Génération d'images par IA, détourage en local
- Données
- Données fictives embarquées dans la page
- Mise en ligne
- Pages statiques, avec ce site sur Vercel
Vous voulez voir votre activité autrement qu'en tableur ? Parlons de l'outil qui vous serait utile.
Parlons de votre projet