# Florian Butour

> Florian Butour, Senior Product Designer. Je rends lisibles des systèmes techniques complexes, pour les humains qui les pilotent et pour les agents qui agissent en leur nom.

Chaque surface montre le même objet, tenu par les règles du design system, défini une seule fois dans le modèle. Seul l’usage change, selon qui le manipule, humain ou agent.

Chaque cas et chaque écrit existe en HTML et en Markdown : la version Markdown est à la même adresse, suivie de « .md ».

## Version pour les agents

- [Florian Butour : version pour les agents](https://florianbutour.com/agent.md): point d’entrée complet, en français

## Études de cas

- [Une installation qu’on parcourt comme une arborescence](https://florianbutour.com/travaux/desoutter.md): Chez Desoutter, des controllers pilotent des dizaines de tightening tools, chacun avec ses psets. J’ai été recruté en freelance pour concevoir WebUI, une plateforme accessible depuis un navigateur, et créer son design system. Le cœur du travail : une navigation qui suit la structure de l’installation elle-même.
- [Un produit, plusieurs surfaces](https://florianbutour.com/travaux/workplacetobe.md): WorkplaceToBe devait rester un seul produit tout en étant distribué sur plusieurs surfaces : web, mobile, Outlook, écrans de salle et étiquettes de bureau. J’ai mené sa refonte côté design en construisant un système commun, capable de décliner les mêmes usages selon chaque contexte.
- [Rendre explicites les engagements autour des données](https://florianbutour.com/travaux/data-contracts.md): Chez Qlik, je conçois un outil de data contracts pour expliciter les engagements entre les équipes qui produisent un dataset et celles qui l’utilisent. L’enjeu : relier ces engagements aux informations et aux mesures de qualité déjà présentes dans la plateforme. Ce travail est en cours.
- [Donner un rôle à chaque vue](https://florianbutour.com/travaux/templates-types-assets.md): Chez Qlik, chaque asset type (dataset, data product ou pipeline project) avait son propre overview, construit au fil des besoins. Je travaille à les faire reposer sur des modèles de page communs, en donnant à chaque vue un rôle précis.

## Écrits

- [Concevoir, c’est retirer](https://florianbutour.com/ecrits/concevoir-c-est-retirer.md): Un système bien conçu réduit l’effort nécessaire pour passer d’un besoin à une action, sans enlever les repères utiles.
- [Le modèle avant l’écran](https://florianbutour.com/ecrits/le-modele-avant-l-ecran.md): Le design doit participer à la définition des objets et des règles du produit. Les écrans permettent de les éprouver et de les faire évoluer.
- [Un design system qui s’arrête au bouton](https://florianbutour.com/ecrits/un-design-system-qui-s-arrete-au-bouton.md): Les patterns métier prolongent les composants d’un design system en organisant les interactions autour de tâches récurrentes.
- [L’IA, deuxième usager du produit](https://florianbutour.com/ecrits/l-ia-deuxieme-usager-du-produit.md): Lorsqu’un agent agit au nom d’une personne, concevoir le produit implique de définir ce qu’elle peut lui déléguer, comment elle garde la main et comment elle comprend ce qui a été fait.
- [Plusieurs interfaces, un même produit](https://florianbutour.com/ecrits/plusieurs-interfaces-un-meme-produit.md): Lorsqu’un produit est accessible par plusieurs interfaces, sa cohérence dépend des objets, des états et des règles qu’elles partagent, autant que de la qualité propre à chaque interface.

## Pages

- [Parcours](https://florianbutour.com/parcours)
- [Contact](https://florianbutour.com/contact): f.butour@gmail.com
- [Design system](https://florianbutour.com/systeme.md): Le design system de ce site : tokens de couleur, de typographie, de font weight et de spacing, et les composants qui les utilisent.
- [Design system (JSON)](https://florianbutour.com/systeme.json): tokens au format W3C Design Tokens, composants avec propriétés et règles d’usage
- [CV (PDF)](https://florianbutour.com/cv/florian-butour-cv-fr.pdf)

## Optional

- [An installation you navigate like a tree](https://florianbutour.com/en/work/desoutter.md): case study, English
- [One product, several surfaces](https://florianbutour.com/en/work/workplacetobe.md): case study, English
- [Making commitments around data explicit](https://florianbutour.com/en/work/data-contracts.md): case study, English
- [Giving each view a role](https://florianbutour.com/en/work/asset-type-templates.md): case study, English
- [Designing is removing](https://florianbutour.com/en/writing/designing-is-removing.md): writing, English
- [The model before the screen](https://florianbutour.com/en/writing/the-model-before-the-screen.md): writing, English
- [A design system that stops at the button](https://florianbutour.com/en/writing/a-design-system-that-stops-at-the-button.md): writing, English
- [AI, the product’s second user](https://florianbutour.com/en/writing/ai-the-products-second-user.md): writing, English
- [Several interfaces, one product](https://florianbutour.com/en/writing/several-interfaces-one-product.md): writing, English
- [Export structuré](https://florianbutour.com/content.json): cas et écrits, deux langues, en JSON