CMS B2B
Ateliers FigJam avec les partenaires et le produit, regroupement des réglages et ajout d’une prévisualisation.
Pages gérées en autonomie, avec environ 4 heures libérées par semaine pour un développeur.
Thibaut
Coulon
AI Product Designer (UX/UI) & Brand Designer
Produits B2B & B2C
Je conçois des produits web et mobile, de l’identité visuelle aux parcours et aux interfaces. J’utilise l’IA pour accélérer la production et je conçois des fonctionnalités qui l’intègrent pour simplifier le travail des utilisateurs.
- 8 ans en design digital, dont 6 en product design
- Disponible immédiatement
06 47 80 05 64 coulon.thibaut@gmail.com Paris Permis A et B · Véhiculé
Projets
Chaque carte indique le cadre du projet et ce qui est sorti.
01
AI-powered
Créer une marque, son site et l’outil métier qui la fait tourner.
Résultats observés
- Modèle 3D généré depuis l’outil : de plusieurs heures à quelques minutes, pour les modèles concernés
- Calcul du coût de revient : d’environ 15 à 5 minutes
02
Faire passer les rapports de bugs complets d’environ 42 % à 88 %.
Résultats au lancement
- D’environ 42 % à 88 % de rapports complets
- Environ 56 % de relances en moins
- D’environ 5 à 2 jours pour la première réponse, en délai médian
Mesures de l’équipe au lancement.
03
Découvrir et collectionner les avatars créés par les joueurs.
Résultat au lancement
- Environ +71 % de créations mensuelles d’avatars
Données de l’équipe, du mois avant au mois après le lancement.
04
Un design system décliné aux couleurs de chaque studio partenaire.
Contenu du kit
- Composants, variables, modèles et tutoriels pour préparer les pages sans designer
- Trois niveaux de couleurs : plateforme, studio et jeu
Fichier consultable dans Figma.
05
AI-powered
Décider quoi regarder ce soir, seul ou à plusieurs.
En chiffres
- Environ 50 retours de testeurs, sur plusieurs versions
- Un mois de la première maquette à la publication
Publiée sur Google Play.
Comment je travaille
-
01
Comprendre
Je croise les retours des utilisateurs avec les besoins du produit et de l’équipe.
-
02
Décider
Je présente parcours et maquettes à l’équipe, et j’anime des ateliers FigJam pour prioriser.
Variantes explorées avec l’IA
-
03
Construire
Je prototype dans Figma avec le design system et les règles du RGAA, puis je suis l’intégration avec l’équipe.
Prototypes, composants et textes produits plus vite
-
04
Tester
Je prépare des scénarios de test, puis j’ajuste les interfaces avec les retours des utilisateurs et de l’équipe.
Avec l’IA
- Un cadre explicite. Je donne à l’IA les règles du projet : principes UX, design system, charte et tone of voice.
- Produire plus vite. Variantes, prototypes, composants et textes d’interface, produits plus vite.
- Garder la main. Je compare les propositions et je valide chaque version. Les décisions de design restent les miennes.
OutilsClaude · ChatGPT · Codex · Figma Make · pen.dev
Parcours
-
–
AI Product Designer & Brand Designer Moon3D, mission freelance
Premier et seul designer : identité visuelle, site vitrine et outil de gestion interne, avec une fonctionnalité IA. Voir le site
Voir les missions
- Modélisation 3DDe plusieurs heures à quelques minutes pour les modèles concernés.
- Calcul du coût de revientD’environ 15 à 5 minutes, dans un outil utilisé au quotidien.
Usages observés sur ce projet. Le gain de modélisation n’est pas une garantie pour toutes les pièces.
- Brand design : direction artistique, identité visuelle et charte graphique, déclinées sur le site et l’outil métier.
- Discovery et UX/UI : entretiens et ateliers avec le gérant, parcours prioritaires, maquettes et prototypes Figma, contenus et demande de devis du site vitrine.
- Outil métier : interfaces de gestion des clients, commandes, coûts, stocks et livraisons partielles, avec les bons de livraison associés.
- Fonctionnalité IA : Claude orchestre la création de modèles 3D depuis l’outil, Codex modélise la pièce dans Autodesk Fusion 360. Le gérant valide la description du produit et répond aux questions.
- Tests et itérations : parcours testés avec le gérant, interfaces améliorées à partir de ses retours et de son utilisation quotidienne.
- Production assistée par l’IA : Claude Code pour accélérer la réalisation, à partir de la charte graphique et des règles de conception. Je réalisais les maquettes Figma, prenais les décisions de design et vérifiais les résultats.
Outils : Figma, Claude, Claude Code, Codex, Autodesk Fusion 360. Lire l’étude de cas
-
–
Product Designer (UX/UI) Amplitude Studios, puis Games2Gether en juillet 2025 · Paris
Outils métier B2B et parcours web B2C de Games2Gether, une plateforme communautaire du jeu vidéo. Ateliers et présentations en anglais avec SEGA, Creative Assembly et Relic Entertainment.
Voir les missions
Activité transférée d’Amplitude Studios à Games2Gether en juillet 2025, avec continuité du poste et des missions.
- Équipe
- Designers, lead Product Designer, Product Owner, account manager, développeurs, QA et community managers.
- Validations
- Les validations finales sur le CMS et les récompenses revenaient à mon lead Product Designer.
Administration des récompenses
Recueil des besoins et conception de formulaires adaptés, avec sauvegarde en brouillon.
Environ 2 heures de développement libérées par semaine.
Signalement de bugs
Co-conception du formulaire guidé et du back-office avec l’équipe.
Après lancement, rapports complets d’environ 42 % à 88 %, relances réduites d’environ 56 % et première réponse d’environ 5 à 2 jours, selon les données de l’équipe. Comparaison avant/après, pas un test A/B.
Tests et itérations
Préparation des scénarios, tests internes et amélioration des titres, statuts et informations de la liste de signalements. Questionnaire SUS après les tests avec les équipes de production.
Design system et UI
Contribution avec les designers aux composants, variantes, variables et au kit Figma partenaire. Documentation des états et interactions dans Dev Mode et suivi de l’intégration avec les développeurs, en sprints de trois semaines.
Parcours B2C
Hub d’avatars et parcours Twitch Drops.
Créations mensuelles d’avatars en hausse d’environ 71 % après lancement, selon les données de l’équipe.
Accessibilité
Contrôles pendant la conception dans Figma, avec entre autres RGAA Audit et Stark.
Outils : Figma, FigJam, Dev Mode, Notion, Airtable. Contribution à l’intégration web en HTML, CSS, JavaScript et React.
-
–
Assistant webdesigner Ubisoft · Paris
Newsletters en 12 langues, bannières, templates, direction artistique des e-mails et intégration HTML/CSS. Suivi dans Jira. Voir les visuels
-
Graphiste The Alamo · Paris
Jaquettes DVD et Blu-ray, coffrets, affiches et visuels pour les réseaux sociaux. Voir les visuels
À propos
Je conçois les deux côtés d’un produit : ce que voient les clients, et l’outil qui le fait tourner.
8 ans en design digital, dont 6 en product design, en équipe produit comme en freelance. De l’identité visuelle aux interfaces, avec l’IA quand elle simplifie le travail. Anglais C1.
- Design de marque
- Identité visuelle
- Recherche et tests utilisateurs
- Ateliers de priorisation
- Parcours et wireframes
- Interfaces web et mobiles
- Design system
- Passation aux développeurs
- Fonctionnalités intégrant l’IA
- Accessibilité RGAA
- Écoconception RGESN
- HTML, CSS, JavaScript et React
- Figma
- FigJam
- Sketch
- Framer
- Miro
- Maze
- Hotjar
- Jira
- Confluence
- Storybook
- Notion
- Airtable
- Photoshop
- Illustrator
- After Effects
- Fusion 360
FormationsDéveloppeur front-end, École Multimédia, 2019–2020 · Webdesigner, Nextadvance, 2018–2019 · Graphic Designer, INFA, 2017–2018 · BTS Audiovisuel, Cifacom, 2014
