CAS · ÉTUDEOUTIL INTERNE2026 → en production

Notre propre outil — de la vente au chantier facturé

0SEMAINES · DU CADRAGE À LA PROD
0Ressaisie entre outils
100 %Hébergé en Europe
Vente · Chantier · Facturation
Next.jsTypeScriptPrismaNeon.techYousign
Le portail client · ce que voit un client pendant son chantier (données de démo)
01 — LE CONTEXTE

Le cordonnier a décidé d'être bien chaussé.

Un studio comme le nôtre vit sur un cycle précis : prospecter, envoyer un devis, le faire signer, livrer le chantier, faire valider la recette par le client, puis facturer — parfois en abonnement récurrent. Les outils du marché découpent ce cycle en morceaux : un CRM pour le pipeline, un outil pour les factures, un drive pour les PV, et les mails partout autour.

Les CRM généralistes savent suivre un pipeline. Ils ne savent pas qu'un devis signé doit ouvrir un chantier, qu'un chantier livré se recette avec un PV signé par le client, ni qu'un abonnement doit se refacturer sans qu'on y pense. À chaque étape, il fallait sortir de l'outil — et c'est dans ces sorties que les choses se perdent.

On a donc fait ce qu'on conseille à nos clients depuis le début : nos outils doivent s'adapter à nous, pas l'inverse. Cadrage début juin, production le 6 juillet. Depuis, toute l'équipe travaille dedans.

02 — CE QU'ON A CONSTRUIT

Un seul outil qui suit le métier de bout en bout.

Quatre volets qui s'enchaînent comme le métier s'enchaîne — la fiche société reste la même du premier appel à la dernière facture.

VOLET 01 — VENTE

Pipeline, mails et relances — l'humain d'abord

Kanban des opportunités, boîtes mail de l'équipe synchronisées directement sur les fiches, vue 360 par société : qui a dit quoi, quand, et ce qu'il reste à faire. Import CSV pour la prospection, recherche globale au clavier.

Les relances sont pensées « l'humain d'abord, la machine en filet » : un délai de grâce, une seule relance automatique par cycle, puis retour à l'humain. La machine respecte les jours ouvrés — et même les jours de contact propres à chaque client.

1relance auto max, puis retour à l'humain
Le pipeline de vente · kanban, relances à échéance et montants en jeu
VOLET 02 — CHANTIER & PORTAIL CLIENT

Le client voit son chantier, signe et valide en ligne

Chaque projet a son portail : jalons, avancement, livrables, factures, formulaires de brief — accessible par un lien sécurisé ou un espace client connecté, sans mot de passe à retenir.

La signature électronique (conforme eIDAS) est embarquée : devis, contrats d'abonnement et PV de recette se signent en ligne, et la signature déclenche la suite — le devis signé ouvre le chantier, le PV validé clôt la livraison.

1 lienpour tout suivre côté client
Portail client · le client valide ses livrables en ligne — valider, réserves ou refuser
VOLET 03 — DEVIS, FACTURES & RÉCURRENT

La facturation qui ne laisse pas de trou

Générateur de devis et de factures aux couleurs du studio : numérotation séquentielle légale par année et par entité émettrice, TVA figée au moment du document, CGV gérées en bibliothèque. Une facture finalisée devient immuable — le brouillon abandonné ne troue jamais la série.

Les abonnements se refacturent à leur cycle sans dérive de date, avec alerte avant chaque renouvellement. La direction suit le récurrent (MRR) séparément du chiffre de vente, en un écran.

0trou dans la numérotation
Un devis sorti du générateur · numérotation légale, TVA figée, aux couleurs du studio (montants fictifs)
VOLET 04 — L'ASSISTANT IA, SOUS CONTRÔLE

L'IA propose. L'humain approuve. Toujours.

Le CRM est branché à un assistant IA capable de plus de 40 actions : préparer une fiche société après un rendez-vous, rédiger un brouillon de devis, planifier des jalons. Mais chaque écriture naît en proposition — rien n'entre dans la base sans qu'un humain l'ait relue et approuvée, et l'assistant ne peut jamais rien supprimer.

Il ne touche ni aux CGV, ni à l'identité légale des documents. C'est notre conviction sur l'IA en entreprise, appliquée chez nous avant de la proposer ailleurs : un accélérateur sous contrôle, pas un pilote automatique.

100 %des actions IA validées par un humain
La file des propositions IA · chaque action attend l'approbation d'un humain
03 — COMMENT ON L'A CONSTRUIT

Les choix techniques, expliqués.

Un outil qui gère nos ventes, nos signatures et nos factures n'a pas droit à l'à-peu-près. Les arbitrages ci-dessous sont ceux qu'on défend aussi chez nos clients.

  • Next.js + TypeScript strict

    Une seule base de code pour le back-office, le portail client et l'espace connecté. TypeScript strict de bout en bout — sur un outil qui manipule des montants et des documents légaux, une erreur de type n'est pas une option.

  • Prisma + Neon (Postgres, Europe)

    Postgres pour la rigueur transactionnelle : opportunités, factures et signatures exigent l'ACID. Le branching de base nous permet de tester chaque évolution sur une copie de la prod, et les données restent hébergées en Union européenne.

  • Hanko (passkeys)

    Authentification de l'équipe par passkey — pas de mot de passe à voler, pas de dépendance à un compte Google ou Microsoft pour entrer dans notre propre outil.

  • Yousign (signature eIDAS)

    Signature électronique française, conforme eIDAS, intégrée derrière une interface abstraite : si le prestataire change un jour, le reste de l'outil ne bouge pas.

  • Architecture « chokepoint »

    Toute écriture en base passe par une couche de services unique : journal des modifications, droits d'accès et invariants légaux (numérotation, immuabilité des factures) sont garantis à un seul endroit, pas éparpillés dans l'interface.

  • IA en human-in-the-loop

    L'assistant ne touche jamais la base : il passe par une API dédiée, authentifiée, et chaque écriture naît en proposition à approuver. Le protocole est ouvert (MCP) — l'IA se remplace comme un fournisseur, pas comme un organe.

  • Hébergement 100 % européen

    Base de données, mails entrants et sortants, documents : tout est traité et stocké dans l'Union européenne. Le RGPD est une contrainte d'architecture posée au jour un, pas une mise en conformité après coup.

04 — RÉSULTATS

Ce que ça change pour nous, concrètement.

C'est notre propre outil : pas de client à citer, mais des indicateurs vrais — c'est notre quotidien de travail depuis juillet 2026.

5 sem.du cadrage à la production
0ressaisie entre outils
100 %hébergé en Europe
0action IA sans validation humaine
05 — L'ÉQUIPE SUR LE PROJET

Qui a fait quoi.

Rayane

Conception · Full-stack · Infrastructure

Architecture complète (Next.js + Prisma + Neon), portail client, signature électronique, générateur de devis et factures, intégration de l'assistant IA, mise en production et exploitation.

Zinédine

Project Manager · Data

Définition du process commercial que l'outil encode, recette au quotidien avec l'équipe commerciale, premiers retours terrain et priorisation des évolutions.

Votre métier a sa propre colonne vertébrale ?

Si vos outils vous forcent à travailler comme eux — le pipeline dans un logiciel, les factures dans un autre, le suivi client dans les mails — on vous montre notre CRM en vrai, et on regarde ce que ça donnerait chez vous. 30 minutes.