Le product design couvre la conception complète d'un produit numérique : vision, parcours, interface, composants et transmission aux développeurs. L'UI design en est la part visible : la grille, la typographie, la couleur, les composants et leurs états. Je pratique les deux, avec le regard d'un directeur artistique.
Ce que recouvre une mission
Une interface réussie se reconnaît à ce qu'on ne la remarque pas. Pour y arriver, le travail est très concret.
- Fondations visuelles : grille, échelle typographique, palette, rayons, ombres, espacement. Des tokens, pas des valeurs au hasard.
- Composants : boutons, champs, tableaux, navigation, cartes, modales, notifications, avec toutes leurs variantes et états.
- Écrans et flux : chaque parcours décliné en écrans réels, données réalistes, cas limites inclus.
- Micro-interactions : transitions, retours visuels, chargements, confirmations. Mesurées, jamais décoratives.
- Prototype : navigable, testable, partageable avec les parties prenantes.
- Handoff : specs, tokens exportés, composants nommés comme dans le code, recette visuelle après intégration.
Interfaces premium : ce que cela veut dire
Le mot « premium » est galvaudé. Pour moi il désigne quatre choses mesurables :
- Hiérarchie lisible en moins de trois secondes : on sait où regarder et quoi faire.
- Une action principale par écran, les autres sont secondaires visuellement.
- Cohérence totale : le même composant se comporte de la même façon partout.
- Qualité de finition : alignements, rythme vertical, contrastes AA, typographie réglée.
Ces quatre critères servent aussi de grille d'évaluation lors d'un audit UX/UI.
Exemples de produits conçus
| Produit | Nature | Ce que j'ai conçu |
|---|---|---|
| WeeFizz | SaaS fit-tech, recommandation de taille par IA | Widget e-commerce, dashboard client, mini-site de dotation, back-office interne |
| Reformer Society | Plateforme de streaming pour studios de pilates | Espace public, espace studio, super-admin, lecteur vidéo, kiosque tablette |
| Climeet | Application de mesure carbone événementiel | Direction artistique, design system Figma, calculateur simplifié, gamification |
| Portage à 1 euro | Site et espace membre portage salarial | Parcours d'adhésion, pages d'offre, accompagnement des développeurs |
Typographie et direction artistique
Une interface est d'abord un objet typographique. Je règle l'échelle, les graisses, l'interlignage et le contraste avec le même soin qu'une maquette éditoriale. C'est l'apport direct de ma pratique de direction artistique digitale : des produits qui ont une identité, pas seulement une ergonomie.
Mobile, desktop, tablette
Je conçois mobile-first quand l'usage est mobile, desktop-first quand c'est un outil métier. Dans tous les cas, chaque écran est pensé pour ses points de rupture, avec des cibles tactiles d'au moins 44 pixels, aucun défilement horizontal et des composants qui se réorganisent plutôt que de rétrécir.
Accessibilité
Contraste AA minimum, focus visible, structure sémantique, labels explicites, tailles lisibles, parcours clavier. L'accessibilité n'est pas une option à la fin : elle est intégrée aux composants dès les fondations. C'est aussi un argument SEO et un gage de qualité pour les grands comptes soumis au RGAA.
Démarrer une mission de product design
Les formats les plus fréquents : un sprint de conception de deux à quatre semaines pour une fonctionnalité ou un MVP, ou une mission continue de trois à six mois intégrée à l'équipe produit. Discutons de votre produit.
