Retour aux projets
Softeam·2026·Avril 2026 — en cours

Dashboard PULSE

Piloter l'IA pour fusionner design et code en temps réel

-60%cycle design→code
IA DesignVibe CodingPOC
Dashboard PULSE

CONTEXTE

Le marché évolue vers des profils de designers augmentés, capables de faire le lien entre design et code. Dans le cadre d'un POC IA orienté productivité interne, j'ai conçu et développé un dashboard de task tracking en vibe coding, en structurant une méthodologie complète allant de la découverte à la livraison. Face à une demande clients croissante pour des expertises hybrides, l'outil POC Pulse devient un terrain d'expérimentation concret, aligné avec les attentes actuelles du marché.

RÔLE

Product Designer & Builder — IA Design, Vibe Coding, Prompt Engineering

DURÉE

Avril 2026 — en cours

Client

Softeam

DÉMARCHE

1

Découverte & cadrage

Définition du besoin, entretiens utilisateurs internes, identification des cas d'usage prioritaires. Structuration du brief IA.

2

Planification & architecture

Arborescence fonctionnelle, choix des outils (Claude API, hooks), définition du design system à générer.

3

Setup & pipeline

Configuration de l'environnement vibe coding, mise en place du pipeline IA (prompt → composant → validation).

4

Construction itérative

Génération de composants via Claude Code, validation design à chaque cycle. Build feature par feature avec boucle feedback humain-machine.

SCHÉMA DE FLUX D'AGENT

ENTRÉEBrief design
PROCESSStructuration en contraintes
DÉCISIONAmbiguité détectée ?
PROCESSGénération Claude
PROCESSValidation tokens
SORTIEComposant validé

CHALLENGE IA VS SOLUTION UX

FAILLE IA IDENTIFIÉE

Variabilité des outputs LLM

Claude génère des composants visuellement incohérents d'une itération à l'autre — même prompt, résultats différents. Le design system perd sa cohérence sans garde-fou.

RÉPONSE UX CONÇUE

Boucle de validation design en temps réel

Chaque composant généré passe par un cycle de revue immédiate : l'IA propose, le designer valide ou rejette avec un feedback court. La boucle s'auto-corrige sur 2 à 3 itérations.

FAILLE IA IDENTIFIÉE

Hallucinations visuelles

Le modèle invente des composants qui n'existent pas dans le design system, ou combine des tokens de façon sémantiquement incorrecte (couleur d'erreur sur un CTA de validation).

RÉPONSE UX CONÇUE

Injection du design system en system prompt

Les tokens de couleur, typographie et espacement sont injectés en contexte système. Claude ne peut plus inventer — il pioche uniquement dans le vocabulaire défini.

VISUELS

Dashboard PULSE — visuel 1
Dashboard PULSE — visuel 2
Dashboard PULSE — visuel 3
Dashboard PULSE — visuel 4
Dashboard PULSE — visuel 5

ANALYSE APPROFONDIE

RÉSULTATS

MVP fonctionnel en 2 jours au lieu de 2 semaines

Réduction drastique du temps entre l'idée et le test utilisateur

Autonomie technique retrouvée sans dépendre d'une équipe dev

Méthodologie reproductible documentée pour l'agence

Analyse complète

Conception d'un pipeline IA-first : prompt engineering, génération de composants via Claude, validation design en temps réel. Enjeux : cohérence du design system face à la variabilité des outputs LLM, gestion des hallucinations visuelles, boucle feedback humain-machine.