Un studio d'identité, une entreprise de second œuvre, une maison de santé, un hôtel-restaurant, un promoteur, un éditeur de logiciels, un industriel, un cabinet, une agglomération : neuf maisons qui n'existent pas, chacune avec sa page publique, sa palette, sa voix écrite et sa façon de dire ce qu'elle fait. Elles s'ouvrent vraies et se manipulent. Marques et données inventées, dites comme telles — ce qui se juge ici, c'est la tenue.
Il vend une discipline plutôt qu'un logo : trois convictions qui coûtent cher à tenir, trois travaux et la contrainte de fabrication que chacun a dû absorber.
Pour quiStudios de création, agences d'image, indépendants qui vendent une méthode et pas une planche.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Il parle le métier, pas le dépliant : six lots avec leur piège réel, trois chantiers avec leur difficulté, quatre engagements vérifiables en cours de chantier.
Pour quiEntreprises de travaux, artisans, sous-traitants qui veulent être jugés sur leur méthode.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Elle montre le programme en isométrie, les quatre typologies plan à l'appui, les six jalons datés de l'opération, et dit que réserver commence par pouvoir se rétracter.
Pour quiPromoteurs, aménageurs, bailleurs qui commercialisent une opération.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Il vend trois moments plutôt qu'une liste d'équipements, montre chaque chambre avec son plan et ses défauts assumés, et affiche les nuits réellement libres.
Pour quiHôtels de caractère, maisons d'hôtes, tables et commerces qui vendent une expérience.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Il affiche le délai réellement constaté pour chaque spécialité, y compris le plus long, présente l'équipe par rôle sans nommer personne, et écrit une fois pour toutes ce qu'on demande au téléphone.
Pour quiMaisons de santé, cabinets de groupe, centres de soins, professionnels regroupés.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Montre aux entreprises ce que la collectivité va construire avant que l'avis ne paraisse : les opérations engagées, les consultations des douze prochains mois, et comment devenir fournisseur.
Pour quiUne collectivité qui veut être candidatée par les entreprises de son territoire, pas seulement par celles qui surveillent les avis.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Publie ses capacités machine avec leurs limites chiffrées, et laisse le visiteur vérifier lui-même si sa pièce entre dans l'atelier — ou en sort.
Pour quiUn sous-traitant industriel qui veut être consulté sur les bonnes pièces, et seulement sur celles-là.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Vend une promesse vérifiable plutôt qu'une posture : savoir ce que la règle disait le jour de l'opération — et dire d'avance les trois missions que le cabinet refuse.
Pour quiUn cabinet indépendant qui veut être choisi sur sa méthode, sans afficher d'honoraires.
HTML · CSS · SVG · JavaScript sans dépendance · bilingue · deux régimes
conçu le 6 septembre 2026
Met le produit en héros : une interface dessinée où le seuil d'alerte à 70 % traverse toutes les barres, et une offre d'essai qui rejoue les trois derniers mois du visiteur.
Pour quiUn éditeur qui vend à des équipes de support et d'exploitation, et doit se faire comprendre en dix secondes.
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.
Une direction se choisit sur pièces : le même écran décliné en plusieurs palettes, la planche qui a fixé la nôtre, et les deux pistes explorées puis abandonnées — elles sont ici parce qu'elles ont servi à choisir l'autre. À côté, la même méthode appliquée au temps : douze cases de découpage et un montage de cartons, pour trancher un film avant de le fabriquer.
« Des centaines de milliers de marchés. Chaque année. » — le film d'ouverture en animatic HTML : les cartons, le rythme, les fondus, avant toute image.
Pour quiUn film de marque à valider sur son montage avant de le fabriquer.
conçu le 20 juillet 2026
Les six couleurs de couche, chacune sur son fond sombre, et les traitements typographiques : la planche qui a fixé la direction artistique.
Pour quiUne équipe qui a besoin d'une direction écrite avant de dessiner un écran.
conçu le 26 juin 2026
Douze cases, un plan par case : la balise, le signal, la carte, le compteur, la décision. Le film raconté avant d'exister.
Pour quiUn film de marque qui se décide au découpage.
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.
Un modèle ne vaut que s'il tient hors de la maquette où il est né. C'est ici que se décide ce qui entre dans la bibliothèque, ce qui n'y entre pas, et sous quelle règle un écran dessiné plus tard, par quelqu'un d'autre, reste le vôtre.
Système de designVillas, logements collectifs, lotissement, équipement cultuel : pour chacun, la même géométrie rendue de jour et de nuit, en base puis en variante validée. Le client choisit sur des images, pas sur des promesses. Sans nom de client ni de site.
Villas, logements collectifs, lotissement, équipement cultuel : pour chacun, la même géométrie rendue de jour et de nuit, en base puis en variante validée — le client choisit sur des images, pas sur des promesses. Survolez une carte pour passer à la nuit.
Programme résidentiel de 150 villas en bande, sur deux et trois niveaux, deux écritures de façade, voirie et espaces plantés.
Modélisation 3D du programme, deux variantes de façade, vues de rue et vues d'ensemble, versions jour et nuit — validées avec le maître d'ouvrage sur images, avant toute pièce de permis.
Ensemble de logements collectifs sur quatre niveaux autour d'une cour, tour d'angle, commerces en pied d'immeuble, stationnement en cœur d'îlot.
Vue aérienne, vues piétonnes, détail de la tour d'angle, vue du ciel du plan masse — la même géométrie déclinée en jour, en nuit et en texture, pour arrêter matériaux et couleurs sans attendre le chantier.
Villas jumelées sur deux niveaux, arcades et baies cintrées, alignées le long d'un plan d'eau ; parvis, parking et jardins.
Vues d'ensemble aériennes de jour et de nuit, façades principale, arrière et latérales, variantes avec jardin et séparation — vingt vues pour un seul programme, parce qu'une villa se vend sur toutes ses faces.
Trois maisons individuelles pour des particuliers : deux écritures contemporaines, une écriture en pierre ; extérieurs et intérieurs.
Façades de jour et de nuit, personnages pour l'échelle, et les intérieurs — cuisines et séjours en trois ambiances de bois — pour choisir sur image ce qu'on ne peut pas retoucher après.
Plan de composition d'un lotissement — lots, voiries, espaces verts, légende — et ses immeubles sur cinq niveaux vus depuis la rue, au jour, à la nuit et au crépuscule.
Du plan de composition à l'image d'ambiance : le même projet lu par l'aménageur, sur le plan, et par l'acquéreur, depuis la rue.
Minaret, salle de prière, enceinte crénelée et portail ; parvis planté.
Quatre points de vue, en version de base puis optimisée, de jour et de nuit — matériaux et éclairage arrêtés sur image avant le chantier.
Portfolio arrêté au 21/09/2026. Rendus produits par le cabinet ; références présentées sans nom de client ni de site, par respect de la confidentialité et du RGPD.
Six programmes résidentiels rendus en trois dimensions avant le premier coup de pelle, une identité animée écrite dans le code, un configurateur qui montre le rendu réel avant le développement : ce que nous avons dessiné, ce que ça a produit, et ce qui était difficile.
RÉFÉRENCES · MISSIONS RÉELLES, NOMS CENSURÉS
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.
Des maîtres d'ouvrage de programmes résidentiels — cent cinquante villas en bande, cent quatre-vingt-trois logements collectifs, un lotissement, des villas privées — et un équipement cultuel.
Quand · Programmes antérieurs à 2026 ; vues republiées sous des noms neutres en septembre 2026.
Ce que nous avons fait
Nous avons modélisé les programmes depuis les plans, décliné deux écritures de façade quand il fallait trancher, produit les vues de rue, les vues d'ensemble et les vues du ciel — chacune en version de jour et de nuit — pour que matériaux, couleurs et implantation se décident sur image, avant toute pièce de permis.
Ce que ça a produit
Six programmes, soixante-huit vues publiées, la même géométrie déclinée en jour, en nuit et en texture. Le manifeste qui relie chaque fichier à sa source reste interne et n'est jamais servi.
Ce qui était difficile
Un maître d'ouvrage vend sur plan et n'a rien à filmer. Il faut donc lui donner à voir ce qui n'existe pas encore, sans le flatter : la même lumière que le site aura, la même hauteur d'œil qu'un passant, et la nuit — parce que c'est la vue de nuit qui révèle une façade mal proportionnée.
Notre propre maison, puis le même principe repris pour des marques qui déclinent leur signe sur des écrans de toutes tailles.
Quand · 2026, en service sur le site et dans les films.
Ce que nous avons fait
Nous avons dessiné le repère de la maison et l'avons animé dans le code plutôt que dans un fichier d'image : le tracé se dessine, la face gauche monte, puis la face droite, puis l'arête et le sommet. La chronologie de ce geste est écrite une fois et rejouée à l'identique par l'écran et par le film.
Ce que ça a produit
Une identité nette à toute taille, du favicon à la pleine page, animée sans fichier vidéo, et une feuille de geste unique qui fait foi pour l'écran comme pour le générique.
Ce qui était difficile
Une identité livrée en fichiers d'image se dégrade à chaque taille et, surtout, elle diverge : la version du site et celle du film finissent par ne plus être la même marque. Écrite en code, la feuille est unique — quand elle change, les deux changent ensemble.
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.
Changez format, langue ou canal : la variante se compose, conserve sa lignée et bloque ce que les droits n’autorisent pas.
Nous transformons une identité en système de production, pas en collection de maquettes. Le master définit la position, les règles de composition, les éléments variables, les contrôles et les droits qui permettent à l’équipe de produire sans diluer la marque.
Le dirigeant voit ce qui reste canonique, ce qui peut varier et ce qui doit être validé. Chaque adaptation conserve le lien vers son master, sa langue, son canal et son responsable.
Master → règles → composants → variante → validation
Le spécialiste ouvre le graphe de production : tokens, composants, contenus, zones sûres, contraintes d’export, langues, droits et contrôles. Une règle modifiée signale toutes les variantes potentiellement affectées sans les réécrire silencieusement.
La fabrique sépare variation autorisée, exception soumise à validation et usage bloqué. Un asset sans droit, date ou territoire reste N.F. et ne descend pas dans l’export. Le catalogue rend la règle avant de rendre l’effet.
Fondations et tokens primitifs : couleurs, dimensions, familles typographiques, graisses, rayons, espacements, durées et courbes — une valeur est nommée par sa nature avant de recevoir un usage.
Tokens sémantiques : l’intention s’exprime (text.primary, surface.emphasis, space.section) plutôt que le support, pour qu’un thème ou un contexte change sans réécrire les composants.
Alias, références et résolution : un token sémantique se relie à une fondation ; les références circulaires sont détectées et la valeur résolue s’affiche avec sa provenance.
Tokens composites : les propriétés qui voyagent ensemble — typographie, bordure, ombre, dégradé, transition — restent documentées plutôt qu’enfermées dans un style opaque.
Grille, rythme vertical et échelle typographique : colonnes, gouttières, marges, ligne de base, interlignage et niveaux hiérarchiques sont éprouvés sur la densité réelle, pas sur une planche idéale.
Anatomie, slots et propriétés de composant : structure obligatoire, contenus injectés, variantes, tailles, densités et états sont distingués dans une matrice de combinaisons autorisées.
États d’interaction : repos, survol, focus visible, actif, sélectionné, chargement, vide, erreur, indisponible et succès gardent chacun un libellé ou un signe distinct de la seule couleur.
Contraintes responsives et mise en page intrinsèque : seuils liés au contenu, reflow, min/max, priorités d’empilement, zones sûres et troncature sont éprouvés sur les cas extrêmes avant le cas médian.
Internationalisation et expansion : textes longs, mots non sécables, sens de lecture, ponctuation, formats de nombres et de dates et variantes éditoriales — aucun modèle ne dépend d’une longueur française heureuse.
Accessibilité de conception : contraste du texte et des composants, apparence du focus, taille de cible, alternatives textuelles, ordre de lecture et équivalent clavier, chaque critère relié au composant concerné.
Modèles, régions et règles de composition : régions verrouillées, champs éditables, contenus conditionnels, règles d’alignement, limites de longueur, ratios d’image et variantes de canal restent séparés.
Versionnement, dépréciation et migration : propriétaire, statut brouillon/adopté/déprécié, journal de changement, dépendants, remplacement, délai de migration et contrôle de régression accompagnent chaque token.
La fabrique rend visibles la règle, le rayon d’impact et l’état des droits ; elle ne remplace ni la revue d’expert (contraste, accessibilité) ni l’essai utilisateur, et ne peut lever un blocage sur un actif dont les droits, la date ou le territoire restent N.F.
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.
Nous livrons des jetons — couleurs, typographies, espacements —, des composants nommés et leurs règles d'usage : un système que vos équipes déclinent sans nous. Le luxe par la retenue : moins de motifs, mieux tenus.
Si personne ne la pose — Un site magnifique le jour de la livraison, méconnaissable six mois plus tard.
Tout ce qui contient du texte lisible passe par le code, jamais par un générateur d'images : une intelligence artificielle produit des formes qui ressemblent à des lettres. Logos, chiffres, titres et mentions sont codés.
Si personne ne la pose — Un spot de quinze secondes avec un slogan illisible.
Chaque couleur est définie dans les deux régimes, le fond se peint explicitement, et le contraste est mesuré à l'écran — pas supposé depuis la charte.
Si personne ne la pose — Un texte doré parfait sur noir, illisible sur papier.
Un visuel médiocre livré sans avertissement coûte plus cher que pas de visuel du tout : il devient la référence de ce qu'on sait faire. Nous disons avant ce que nous ne savons pas produire à ce niveau.
Si personne ne la pose — Une maquette moyenne qui devient le standard de la marque.
Un dossier mobilise rarement un seul domaine.