Aller au contenu
system.status — onlineproduct design · design system · direction artistiquescroll_y: 0000

Je conçois des produits, et le système qui leur permet de grandir.

Product designer pour des équipes à forte maturité design : parcours, interfaces denses et prototypes testables — avec, derrière, les librairies et la direction artistique qui gardent le produit cohérent à mesure qu’il s’étend.

role:
Product designer / Lead UI
role:
Design system & direction artistique
stack:
figma · tokens · cursor
coverage:
360° — brand → build

Contextes d’intervention

Une capacité design complète, du parcours utilisateur au système qui le soutient.

La plupart des problèmes qu’on me confie sont des problèmes produit : un parcours qui perd les utilisateurs, un écran devenu illisible, une fonctionnalité qui ne trouve pas sa place. Je conçois la réponse, je la teste, puis je m’assure que le système la rende reproductible plutôt que d’en faire un cas particulier de plus.

Voir la stack Design Ops
Produit

Des parcours qui tiennent

Cadrage du problème, exploration des flux et prototypes testables avant que la première ligne de code soit écrite.

Clarté

Des interfaces complexes lisibles

Hiérarchisation de l’information dense pour réduire la charge cognitive des utilisateurs experts.

Système

Une librairie qui tient à l’échelle

Composants, variants et tokens structurés pour des dizaines de contributeurs sans dette accumulée.

Identité

Une direction artistique assumée

Le système sert l’expression de la marque au lieu de l’aplatir : typographie, couleur, mouvement.

Études de cas

Deux systèmes, deux contextes

Un produit grand public à fort trafic et une console de cybersécurité : dans les deux cas, la même question — comment rendre la complexité maintenable.

Betclic

Design System

Refonte du design system produit : consolidation d’une librairie éclatée, réduction des allers-retours entre design et développement, et mise en place d’un langage commun entre les deux équipes.

Lire l’étude de cas
--roi.system:
undefined
--adoption:
undefined

Tehtris

UI Cybersécurité

Conception d’interfaces pour un environnement de cybersécurité à forte densité d’information : hiérarchisation des données critiques et réduction de la charge cognitive des analystes.

Lire l’étude de cas
--cognitive.load:
undefined
--task.time:
undefined

Core Stack

L’infrastructure derrière la créativité

Le versant ingénierie du métier : ce qui permet à une équipe design de produire vite sans perdre le contrôle de son système.

(01)

Architecture Figma complexe

Fichiers structurés pour des dizaines de contributeurs : branches, composants imbriqués, variables partagées entre produits.

  • branching
  • nested components
  • variables
(02)

Librairies scalables

Design systems multi-plateformes pensés pour grandir sans dette : tokens, variants, documentation vivante.

  • tokens
  • variants
  • docs
(03)

Plugins sur mesure

Extensions Figma développées pour automatiser les tâches répétitives et fiabiliser la production.

  • figma api
  • typescript
(04)

Automatisation des workflows

Ponts entre Figma, le code et les outils produit : moins de handoff manuel, plus de cohérence.

  • ci
  • style dictionary
  • handoff
(05)

Intégration IA (Claude, Cursor)

Claude et Cursor intégrés au workflow design-dev : exploration, prototypes en code et génération de composants. Ce site en est la démonstration — voir le manifeste.

  • claude
  • cursor
  • prototypes

Méthode

Comment se déroule une mission

  1. Étape 1 — Cadrage

    Comprendre le système existant

    Audit de la librairie, des fichiers et des usages réels. Ce qui bloque est rarement là où on le croit.

  2. Étape 2 — Structure

    Reconstruire les fondations

    Tokens, architecture de fichiers, règles de contribution. Le système devient prévisible pour tout le monde.

  3. Étape 3 — Adoption

    Faire vivre le système

    Documentation, automatisation et accompagnement des équipes jusqu’à ce que le système soit utilisé par défaut.

Recommandations

Ce que disent celles et ceux qui ont travaillé avec moi

RIGUEUR

Extrait de la recommandation LinkedIn à coller ici.

Prénom Nom
Rôle — Entreprise
COLLABORATION

Extrait de la recommandation LinkedIn à coller ici.

Prénom Nom
Rôle — Entreprise
IMPACT

Extrait de la recommandation LinkedIn à coller ici.

Prénom Nom
Rôle — Entreprise
CRÉATIVITÉ

Extrait de la recommandation LinkedIn à coller ici.

Prénom Nom
Rôle — Entreprise
LEADERSHIP

Extrait de la recommandation LinkedIn à coller ici.

Prénom Nom
Rôle — Entreprise

Questions fréquentes

Le plus souvent quand une librairie existe mais n’est plus tenable : composants dupliqués, contributions bloquées, écarts entre design et production. Aussi en amont d’une refonte, pour poser les fondations avant que la dette ne s’installe.

Le système, en vracattrapez les pièces à la souris
email