Huit mécanismes prêts, sept réglages — palette, typographie, densité, rayons, mouvement, régime, structure — et une interface de démonstration qui répond au clic. Choisissez un mécanisme, changez ce qui ne vous ressemble pas, envoyez-nous l'adresse : elle rouvre exactement votre écran. Si aucun des huit ne convient, nous en construisons un.
Huit mécanismes de design, réglables à l'écran : palette, typographie, densité, rayons, mouvement.
Ouvrir l'atelierPour chaque métier, le tableau de bord d'un praticien, qui s'ouvre vrai et se manipule : un geste réel, un indicateur maître, un moment qui vit. Une cellule appels d'offres, une direction de la commande publique, un atelier et ses flux, un pôle de soins, un pilotage produit. Données fictives, dites comme telles ; le geste, lui, est celui du métier. La page de marque de chacune de ces maisons est montrée au Studio, sur « Création, Design & Catalogue de modèles ».
Il montre où une marque décroche, canal par canal, et ouvre l'écart précis à corriger — jusqu'aux 41 visuels produits hors gabarit de la boutique en ligne.
Pour quiStudios d'identité, directions de marque, maisons qui pilotent plusieurs canaux à la fois.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Elle trie 34 lots parus dans un rayon de 62 km, tranche go / no-go avec un motif écrit, et tient le compte à rebours de la prochaine remise.
Pour quiEntreprises de travaux, bureaux d'études, artisans qui répondent à la commande publique.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Elle passe 214 parcelles au filtre pour en retenir 7, lit ce que le règlement autorise, et signale le permis affiché à 120 m d'une parcelle suivie.
Pour quiPromoteurs, aménageurs, marchands de biens, opérateurs qui montent des opérations.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Il montre la salle en direct un samedi à 19 h 42 — 62 couverts assis sur 86 — la recette du jour par établissement, les réservations de la soirée et la marge de chaque plat.
Pour quiRestaurateurs, hôteliers, commerçants qui exploitent plusieurs points de vente.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Il tient l'occupation par service, les délais de rendez-vous, le programme opératoire de la journée et les échéances de conformité — en agrégats seulement, jamais un patient.
Pour quiCliniques, maisons de santé, cabinets de groupe, structures de soins coordonnés.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Sécurise les accords-cadres qui arrivent à terme : trois d'entre eux expirent sans qu'aucune procédure de renouvellement n'ait été lancée, et le plus proche tombe dans quarante-sept jours.
Pour quiUne direction des achats de collectivité, qui prépare sa séance d'attribution du mois.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Dit où est la contrainte du jour : une presse est à l'arrêt, le rendement global tombe à 71,4 %, et c'est désormais l'assemblage qui fixe le débit de tout l'atelier.
Pour quiUne responsable d'exploitation qui prend son poste et doit reséquencer avant midi.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Retrouve la version d'un texte qui s'appliquait le jour de l'opération, montre ce qui avait changé juste avant, et dit combien de dossiers en dépendent — pendant que la frise des échéances légales court.
Pour quiUn cabinet d'expertise comptable ou d'avocats qui doit répondre sur une date passée, pas sur l'état actuel de la règle.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Relie le revenu récurrent au comportement réel : trois comptes payants ne se connectent plus, et l'entonnoir montre que le décrochage n'est pas à l'import mais à l'invitation d'un coéquipier.
Pour quiUn éditeur en croissance qui doit choisir entre acquérir davantage et retenir mieux.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Chaque pièce s'ouvre en grand, telle qu'elle tourne ; les modèles vivants se pilotent à la main.
Des produits conçus puis gardés en réserve, chacun dessiné pour un métier précis et son geste du matin — plus les deux tableaux qui les pilotent, la journée d'un dirigeant et l'entonnoir d'un commercial. Les versions écartées sont là aussi, montrées pour ce qu'elles ont appris.
Une vue exécutive à l'instant T : opportunités du jour, dossiers en go, marchés à risque, prochaine échéance en compte à rebours, briefing. Chaque indicateur est une probabilité, jamais une promesse.
Pour quiUn dirigeant qui veut l'état de sa veille en une seule page, chaque matin.
conçu le 6 juillet 2026
Détection, qualification, réponse, gain : un entonnoir par étape avec ses volumes et ses taux de passage, les jours moyens par étape, la valeur du pipeline.
Pour quiUne direction commerciale qui suit sa prospection publique comme un pipeline privé.
conçu le 6 juillet 2026
« Ton premier marché public est à ta portée » : un tutoiement, quatre chiffres, trois couches — détecter, prospecter, anticiper — et une seule action par écran.
Pour quiUne très petite entreprise du bâtiment qui n'a jamais répondu à un appel d'offres.
conçu le 6 juillet 2026
« Je réponds, mais je gagne peu » : taux de succès, marchés perdus et pourquoi, le graphe des croisements — la donnée qui explique la défaite avant de promettre la victoire.
Pour quiUne PME de dix à cinquante salariés qui veut gagner plus souvent, pas répondre plus.
conçu le 6 juillet 2026
Six couches de veille, les volumes par territoire, le graphe de la concurrence et un assistant qui répond en clair : l'écran d'une équipe qui traite des dizaines de dossiers.
Pour quiUne entreprise de taille intermédiaire avec une cellule dédiée et des objectifs par région.
conçu le 6 juillet 2026
Le radar tourné vers les études : marchés par typologie, lots, historique des acheteurs — la matière qui alimente une note de cadrage.
Pour quiUn cabinet d'assistance à maîtrise d'ouvrage ou de programmation qui documente ses études avec des faits.
conçu le 6 juillet 2026
Repérer où l'investissement public accélère — permis, budgets, équipements — pour arriver avant le marché privé.
Pour quiUn promoteur, un aménageur qui choisit ses communes sur des signaux, pas sur des rumeurs.
conçu le 6 juillet 2026
Vendre au bon chantier, au bon moment : les marchés attribués dans sa spécialité, l'entreprise titulaire, la date probable de commande des matériaux.
Pour quiUn négociant, un industriel qui vend aux entreprises qui viennent de gagner.
conçu le 6 juillet 2026
Repérer qui va embaucher avant tout le monde : les marchés gagnés qui appellent des équipes, par territoire et par métier.
Pour quiUn cabinet de recrutement, une agence d'intérim spécialisée dans le bâtiment.
conçu le 6 juillet 2026
Chaque pièce s'ouvre en grand, telle qu'elle tourne ; les modèles vivants se pilotent à la main.
Une page ne commence pas à son premier paragraphe : elle commence au mouvement qui la présente. Un nuage qui converge, une spirale qui compte, une carte qui se lève, un dossier qui se démonte ligne à ligne — des ouvertures et des écrans d'attente qui disent quelque chose au lieu de faire patienter.
Un nuage de particules qui converge ; chaque grain est une entité de la base, avec un nom, un secteur, une utilité au survol. La scène d'où vient la galaxie des sources.
Pour quiUne maison qui veut montrer l'ampleur de sa matière sans un tableau.
conçu le 6 juillet 2026
Une spirale de points et un compteur qui monte : le radar de la commande publique en un seul mouvement.
Pour quiUne ouverture de page, une présentation, un salon.
conçu le 6 juillet 2026
La carte des départements en relief de points, filtrable par couche, un compteur national : la version qui a fixé le vocabulaire de la carte.
Pour quiUn acteur national qui doit montrer une couverture.
conçu le 6 juillet 2026
Une entreprise-exemple au centre, ses faits en orbite — capital, effectif, marchés, dirigeants — reliés par des fils lumineux. La fiche 360 en hologramme.
Pour quiUne démonstration commerciale qui doit tenir en une image.
conçu le 6 juillet 2026
Un dossier de consultation lu ligne à ligne — objet, critères, pièces, délais — jusqu'au verdict : go ou non, avec sa note. « On le lit avant vous. »
Pour quiUne cellule appels d'offres qui veut voir ce qu'un dossier contient avant de l'ouvrir.
conçu le 6 juillet 2026
Chaque pièce s'ouvre en grand, telle qu'elle tourne ; les modèles vivants se pilotent à la main.
Un produit se dessine en squelette avant de se coder : les questions que l'écran doit répondre, l'ordre dans lequel elles arrivent, et ce qui reste dehors. Deux squelettes — le poste de travail d'un acheteur et le plan d'un site à plusieurs mondes — tracés avant la première ligne, et relus à chaque écran depuis.
Un cabinet français d'envergure internationale, un globe filaire, des zones d'intervention : la page réduite à sa structure.
Pour quiUne maison qui déploie ses métiers sur plusieurs marchés.
conçu le 20 juillet 2026
« Ce qui exige votre attention » : les questions qu'un acheteur se pose, chacune avec sa réponse chiffrée et son geste — le poste de travail dessiné avant le code.
Pour quiUne direction des achats, publique ou privée, qui veut un outil qui répond au lieu d'afficher.
conçu le 20 juillet 2026
Chaque pièce s'ouvre en grand, telle qu'elle tourne ; les modèles vivants se pilotent à la main.
Ce qu'un dirigeant doit comprendre, et ce que le spécialiste va chercher au volet.
Formulaires pilotés par métadonnées, validations opposables et échanges interopérables.
eForms SDK, UBL/XML, règles Schematron, validation TED CVS et échange AS4 lorsque le périmètre l’exige.
Un site à deux publics et deux langues, un index qui rend la règle applicable au jour des faits, un configurateur qui se redessine en direct : ce que nous avons construit, ce que ça a produit, et ce qui était difficile. Noms retirés, volumes gardés.
RÉFÉRENCES · MISSIONS RÉELLES, NOMS CENSURÉS
Notre propre maison — un cabinet à trois métiers, deux publics qui ne cherchent pas la même chose, et deux langues.
Quand · Été 2026, en production et remanié chaque semaine.
Ce que nous avons fait
Nous avons conçu et bâti ce site de bout en bout : l'architecture, le dessin, le texte, les scènes en trois dimensions, et le miroir anglais. L'anglais n'est pas un bouton qui repeint la page — c'est un jeu d'adresses à lui, sans quoi aucun moteur ne le voit.
Ce que ça a produit
Un site à deux mondes, entièrement bilingue, dont chaque page anglaise a sa propre adresse et sa relation réciproque avec la française. Sept contrôles automatiques tiennent la publication, enchaînés par une seule commande : régimes de fond, feuilles de style, charte, teintes de texte, données structurées, adresses par langue, matière des sous-pages. Le premier défaut arrête la chaîne — c'est un refus, pas un avertissement.
Ce qui était difficile
L'anglais existait déjà, mais dans un état d'affichage : aucune adresse ne le rendait. Deux états d'un même document ne sont pas deux documents — la balise qui relie les langues relie des adresses, et elle n'avait rien à relier. Il a fallu séparer les URL avant d'espérer être lu ailleurs qu'en France.
Des équipes qui doivent citer la règle applicable au jour des faits, et à qui un moteur de recherche rend toujours la dernière version.
Quand · 2026, en exploitation.
Ce que nous avons fait
Nous avons indexé un corpus normatif versionné pour qu'une recherche rende la version en vigueur à une date choisie, et non la plus récente. Le millésime est une dimension de l'index, pas un filtre posé après coup.
Ce que ça a produit
Un index interrogeable par texte et par date, séparé de l'entrepôt qu'il sert, et reconstructible sans toucher à celui qui tourne.
Ce qui était difficile
La première reconstruction supprimait l'ancien index avant de bâtir le nouveau — et elle ne pouvait pas aboutir : l'espace disque manquait. Sa propre trace donne l'heure de la destruction, une heure vingt avant qu'on l'arrête. Détruire avant de savoir si l'on peut reconstruire n'est pas une reconstruction : c'est une destruction suivie d'un espoir. Le remplaçant mesure l'espace d'abord et bâtit à côté ; il ne peut plus toucher à l'existant.
Des équipes de marque et de produit qui arbitrent une direction visuelle sur des captures, puis découvrent au développement que le rendu réel ne s'y conforme pas.
Quand · Été 2026, en ligne.
Ce que nous avons fait
Nous avons bâti un configurateur qui recompose une interface entière en direct — typographie, palette, densité, rayons, épaisseurs — dans le code même qui partira en production. Ce qui est arbitré à l'écran est ce qui est livré : il n'y a pas d'étape de traduction entre la maquette et le produit.
Ce que ça a produit
Une scène unique, montée par la page publique et par son aperçu réduit sans être dupliquée, et un brief exportable qui reprend les réglages retenus.
Ce qui était difficile
Un configurateur qui vit à côté du produit finit par mentir. Celui-ci partage ses composants avec le site : le jour où un composant change, la démonstration change avec lui — ou elle cesse de compiler, ce qui est exactement le comportement voulu.
Aucun nom de client n'est publié, avec ou sans son accord. Nous ne publions pas de taux de réussite : il n'est pas mesuré, et un chiffre non mesuré n'est pas une référence.
Choisissez un incident : le parcours montre ce qui résiste, ce qui se replie et ce qui doit être repris.
Nous concevons la plus petite tranche de produit qui rend déjà un service complet : une intention utilisateur, une donnée, une décision, un retour et une preuve d’usage. Elle n’est pas un prototype jetable ; elle porte les contrats qui permettent d’ajouter la suite.
Le dirigeant voit le parcours nominal, le repli et la reprise. La valeur tient dans ce que l’utilisateur peut achever, pas dans le nombre d’écrans ni dans une démonstration qui cesse de fonctionner hors du scénario parfait.
État, contrat, incident, repli et reprise
Bounded context, langage ubiquitaire, agrégat, invariant et événement de domaine posent le vocabulaire avant l’écran.
Machine à états explicite : transitions autorisées, préconditions, commandes idempotentes et journal d’audit.
Tranche verticale reliant interface, logique applicative, persistance, contrat d’API, autorisation, tests et télémétrie.
Progressive enhancement, états vide/chargement/erreur/hors ligne et reprise après interruption.
Design system lié au code : tokens typés, composants, variantes, propriétés, documentation et tests de régression visuelle.
WCAG 2.2 : structure sémantique, ordre de focus, nom/rôle/valeur, cible, contraste, reflow, erreurs et alternatives — vérifiés par une suite de tests répétable et une revue humaine.
Core Web Vitals en données terrain : LCP, INP et CLS au 75e percentile ; laboratoire et terrain ne sont jamais confondus.
OpenAPI, versionnement compatible, consumer-driven contract tests et stratégie d’évolution des schémas.
Tests de caractérisation, unitaires, d’intégration, end-to-end et d’accessibilité, chacun relié au risque qu’il couvre.
Feature flag découplé du déploiement, migration expand/contract, canary, rollback et suppression datée des drapeaux.
SLI/SLO, budget d’erreur, trace distribuée, logs corrélés et alertes orientées symptôme utilisateur.
ADR, SBOM, dépendances, runbook, réversibilité, accès et preuve de restauration dans le dossier de transmission.
Discipline de preuve : un événement non instrumenté reste N.F. — il ne devient jamais un succès implicite ; clavier, mouvement réduit, connexion lente et échec de dépendance appartiennent au scénario de référence.
La tranche démontre un parcours testé et tracé dans son périmètre déclaré ; elle ne remplace ni les règles métier réelles du client, ni l’audit d’accessibilité humain, ni la mesure en conditions réelles. Toute transition sans trace instrumentée reste N.F., jamais un succès implicite.
Quatre questions que nous posons à chaque dossier de ce domaine. Chacune vient d'un incident payé — par nous, ou par un maître d'ouvrage avant nous.
Un écran qui n'aide aucune décision est un tableau de bord décoratif. Chaque écran que nous dessinons part de la décision qu'il sert, puis des données qui la fondent, puis seulement de la forme.
Si personne ne la pose — Une interface belle, remplie de chiffres que personne n'utilise.
Aucun chiffre en dur : chaque nombre est branché sur sa source ou porte sa date dans la même phrase, et une valeur absente s'affiche comme absente — jamais comme un zéro.
Si personne ne la pose — Un nombre figé qui ne vieillit pas et devient faux d'un coup, sans que rien ne le signale.
Nous livrons le système avec ses contrôles exécutables, sa documentation de reprise et son mode d'emploi de réparation imprimé par l'outil qui annonce la panne — pas dans un manuel qu'il faudrait penser à chercher.
Si personne ne la pose — Un produit qui dépend de son auteur, donc d'un seul risque.
Un produit sérieux a des garde-fous : il refuse d'écrire quand le compte n'y est pas, il refuse une saisie qui contredit une règle métier, il dit ce qu'il ne sait pas. Nous concevons les refus avec les fonctions.
Si personne ne la pose — Une base qui accepte tout, et des données dont personne ne peut plus répondre.
Un dossier mobilise rarement un seul domaine.