Expertises

Un seul fil, du problème au produit

J’interviens là où les usages, les contraintes métier et la technique doivent enfin s’accorder. J’explore, je structure, je conçois et je prototype pour transformer une complexité réelle en un produit clair, cohérent et prêt à avancer — avec l’IA comme accélérateur et le réseau Fluow lorsque le projet l’exige.

Concevoir des produits qu’on adopte

Product Design & UX/UI

  • Discovery
  • Conception
  • UI Design
  • Design specs
Concevoir des outils métier et des plateformes SaaS qui tiennent la complexité réelle. Des flows d’ATS, de la donnée dense, des rôles multiples — là où une belle interface ne suffit pas.
Un poste de travail en agence Proman : l’écran affiche la liste des commandes de MyPromanAgence
Atelier UX en agence Proman : mur de post-it organisé en colonnes besoins, parcours, points de friction, idées, priorisation

Définition produit

Croiser la stratégie, la recherche et le prototypage pour concevoir des produits que les utilisateurs adoptent vraiment.

  1. Audit UX/UI, data, recherche utilisateur
  2. Ateliers de cadrage & idéation
  3. Parcours & flux utilisateurs
  4. Wireframes & prototypes (Figma / POC React)
  5. Tests utilisateurs
Écrans d’Oleo assemblés : tableau de bord, liste d’élèves et suivi des annotations

Design d’interface

Travailler main dans la main avec les équipes produit et tech pour livrer une interface qui tient une fois entre les mains des utilisateurs.

  1. App mobile — UX/UI
  2. SaaS & outils métier — UX/UI
  3. Plateformes & sites web — UX/UI
  4. Design specs & handoff dev
  5. UI kit & composants

Antoine BenichouCo-fondateur Amusoire — ThisisBlindtest

« Sarah a couvert toutes les étapes de la conception — des parcours utilisateurs aux interfaces finales — avec une vraie compréhension des contraintes produit et une capacité rare à transformer des briefs complexes en expériences claires et engageantes. »

Proman — saisie d’une commande

13 → 6 min

Voir le cas Proman

Projets liés : PromanAmusoireYourDayOleo

Établir des fondations solides

Design System

  • Audit
  • Fondations & tokens
  • Composants
  • Documentation
Un système vivant, versionné, qui accélère les équipes au lieu de les freiner. Le livrable qui dure après la mission.
Planches du design system myProman : couleurs, typographie, boutons, badges et composants en mode clair et sombre
Planches de fondations d’un design system : typographie, spacing, champs de formulaire, cases à cocher, onglets et calendrier

Création

De l’audit à la livraison, poser les bases nécessaires pour lancer un design system sur les bons rails.

  1. Audit de l’existant (produit, Figma, code)
  2. Fondations & design tokens
  3. Bibliothèque de composants
  4. Documentation & specs
  5. Règles d’usage & de contribution
Le logo Dwichs décliné en une dizaine de variantes de couleur, et son application dans une interface mobile

Adoption & passage à l’échelle

Un design system n’a de valeur que s’il est adopté. Aligner design, dev et produit pour qu’il vive dans le code, pas seulement dans les maquettes.

  1. Alignement design / dev / produit
  2. Cohérence entre maquettes et code
  3. Rituels & gouvernance
  4. Accompagnement des équipes
  5. Versioning & contribution (variants v1/v2, branches)

Preuve — chez Proman, un design system conçu de zéro pour la plateforme interne : architecture de variables à trois niveaux, bibliothèque de composants atomiques dans Figma, design system React/Vite pour le prototypage, et un plugin Figma maison pour automatiser la migration entre versions.

Preuve — chez Amusoire, un design system créé from scratch — tokens et variables — pensé pour faire vivre plusieurs jeux en parallèle et absorber les nouvelles features sans casser la cohérence.

Du design au produit en ligne

Product Building assisté par l’IA

  • Prototypage
  • Intégration front
  • Sites & landing
  • Mise en ligne
Une bibliothèque de composants Figma reliée à un éditeur de code : les mêmes composants, de la maquette au produit en ligne
Le même système, tenu des deux côtés : composants Figma d’un bord, code réel de l’autre.
Le pont entre Figma et le code, tenu des deux côtés. Je ne m’arrête pas à la maquette : je construis. Cette page — et l’ensemble de fluow-design.fr — est construite ainsi (Astro, Claude Code). Le site est la preuve.
Le volet DRH de MyPromanAgence en mode sombre : fiche intérimaire, planning et journal des activités

Concevoir en construisant

Passer directement de l’intention au produit fonctionnel, sans déperdition entre le design et l’intégration. Contraintes de dev intégrées dès la conception.

  1. Composants prototypés en code réel (React) plutôt que maquettes figées
  2. Intégration front-end (HTML/CSS, Astro)
  3. Animations & interactions (GSAP)
  4. Sites vitrines & landing pages
  5. Mise en ligne & itérations
Maquette d’application mobile : tableau de bord de suivi, anneaux d’activité et graphiques hebdomadaires

L’IA comme accélérateur

L’IA fait tomber la barrière entre l’idée, sa conception et sa réalisation concrète. Je génère des prototypes testables immédiatement, sans attendre un cycle de dev parfois trop long sur les projets d’envergure — et je peux enfin mener jusqu’au bout mes propres side projects, de l’intuition au POC.

  1. Prototypes testables immédiatement, sans attendre les devs
  2. Itérations rapides sur les projets de grande envergure
  3. POC & side projects menés de l’idée à la réalisation
  4. La barrière idée → conception → concret qui tombe

Preuve — chez Proman, le volet DRH a été livré comme un prototype React entièrement fonctionnel, mis entre les mains des utilisateurs pour être testé — pas une maquette cliquable.

Selon le projet, je travaille aussi sur WordPress.

Transmettre, c’est aussi mon métier

Transmission & Formation

  • Enseignement
  • Formation pro
  • Ateliers
  • Mentorat
Je ne fais pas que concevoir : je transmets. La pédagogie fait partie de ma pratique depuis le début — j’enseigne depuis 2014, soit plus de dix ans, en école comme en formation professionnelle, auprès d’étudiants comme d’équipes en entreprise.
  • Écoles supérieures

    Cours de design produit et d’UX/UI — HETIC, Condé Paris, Ingénieurs 2000, IESA, ICD Business School, LiveCampus, Ynov.

  • Reconversion professionnelle

    Conception du parcours de formation UX/UI Design de l’école CIFAP.

  • Formation en entreprise

    Équipes de Renault et de La Française des Jeux, via les organismes Pyramyd et Abilways.

Écoles et organismes auprès desquels j’interviens :

Sarah en intervention face à un groupe, lors d’une formation.

Ce que ça change sur un projet

Expliquer un choix de design, l’argumenter, le rendre reproductible : c’est exactement le geste du cours. Sur une mission, ça donne des partis pris lisibles, une équipe qui comprend le système qu’elle reçoit — et qui sait le faire vivre après mon départ.

Le réseau Fluow

Fluow, ce n’est pas qu’une personne. Pour livrer un produit complet — un site, une appli, n’importe quel produit numérique — je mobilise, au projet, un réseau de freelances de confiance sous la marque Fluow. Je reste le point de contact et la garante de la cohérence du produit.

Et au-delà : le réseau s’étend selon les besoins réels du projet.

Si vous avez besoin d’un product designer, je la recommande vivement.
Ava EschwegeFondatrice YourDay & AdC — L’Agence de Contenu

Une idée ? Un besoin ?

Donnons vie à votre projet.

Outil métier, SaaS, appli mobile, site Internet : discutons-en

Me contacter