Saagie · SaaS d’entreprise · Data / IA

Rendre les opérations data complexes navigables.

J’ai repensé des parcours critiques pour que les équipes data puissent construire des pipelines, installer des applications et diagnostiquer les incidents avec davantage de confiance.

RôleProduct Designer
PérimètreUX/UI & design system
UtilisateursÉquipes data
Résultat−40 % d’abandon
Saagie visual pipeline builder with draggable jobs and conditional connections
01 · Contexte

Une grande puissance technique, une charge cognitive élevée

Saagie est une plateforme data en cloud hybride utilisée pour orchestrer des pipelines de données et d’IA dans des environnements techniques complexes.

La plateforme apportait une forte valeur technique, mais ses parcours clés exposaient trop de complexité d’implémentation. Les data engineers perdaient du temps à cause d’erreurs évitables, d’états ambigus et d’écrans fragmentés. L’enjeu n’était pas de simplifier le domaine, mais de rendre sa complexité lisible et actionnable.

Pour les utilisateurs techniques, la clarté consiste à voir le système sans prétendre qu’il est simple.
Besoin utilisateur

Construire avec confiance

Comprendre la structure et les dépendances d’un pipeline avant de l’exécuter.

Besoin utilisateur

Choisir sans deviner

Trouver la bonne application et la bonne version sans parcourir des entrées répétées.

Besoin utilisateur

Lire l’état dans le temps

Comprendre ce qui s’est passé avant, pendant et après un incident.

Besoin équipe

Faire grandir la cohérence

Passer de parcours fragmentés à des patterns d’interaction partagés.

02 · Premier parcours

Créer un pipeline de données

À l’origine, les ingénieurs créaient un pipeline en écrivant un fichier YAML puis en l’important dans Saagie. Les erreurs de syntaxe étaient fréquentes, les dépendances difficiles à lire et le débogage commençait avant même l’exécution.

J’ai conçu un éditeur visuel où les équipes pouvaient déposer des jobs et pipelines existants sur un canvas, les relier et modéliser directement les conditions de succès ou d’échec. L’interface rendait la logique visible tout en conservant la flexibilité attendue.

Previous Saagie pipeline creation through a YAML configuration file
AvantConfiguration YAML
Redesigned Saagie visual pipeline creation canvas
AprèsComposition visuelle
Réduire les erreurs

Contraindre par l’interaction

Des connexions valides et des conditions visibles remplacent une syntaxe manuelle fragile.

Améliorer la compréhension

Révéler les dépendances

Le canvas rend lisibles l’ordre des jobs, les branches et les chemins d’échec.

03 · Deuxième parcours

Installer une application

Le catalogue affichait chaque version disponible dans une carte distincte. Les mêmes produits se répétaient, les utilisateurs ne savaient pas quelle version choisir et aucune recherche directe n’existait.

Le nouveau catalogue regroupait les versions par application, séparait les environnements Saagie et internes, recommandait les versions actuelles et ajoutait la recherche. Le parcours d’installation devenait plus court et plus orienté vers la décision.

Previous Saagie application catalog with repeated cards for every version
AvantVersions affichées comme applications distinctes
Redesigned Saagie application catalog grouped by app and environment
AprèsCatalogue regroupé et recherchable
04 · Troisième parcours

Comprendre l’historique d’une application

Les data engineers n’avaient aucune vue consolidée de l’état d’une application dans le temps. Lorsqu’un pipeline échouait, ils devaient reconstruire les événements et identifier seuls où enquêter.

J’ai introduit un historique chronologique des lancements, arrêts, échecs, reprises et retours en arrière. Les indisponibilités devenaient immédiatement visibles, les durées explicites et les ingénieurs pouvaient passer directement d’un changement d’état aux logs concernés.

Saagie application history displayed as a chronological state timeline
ChronologieÉtat et durée
Saagie application logs with color-coded system states and errors
LogsAnalyse directe de l’incident
05 · Collaboration

Construire le bon modèle mental

J’ai travaillé avec les product managers, développeurs, data engineers, data scientists et analystes pour cartographier les parcours et comprendre la manière dont chaque rôle interprétait la structure des pipelines et l’état du système.

Les prototypes et tests utilisateurs nous ont aidés à distinguer la complexité métier nécessaire de celle créée accidentellement par l’interface. En parallèle des parcours, j’ai maintenu et fait évoluer le design system afin que les améliorations puissent s’étendre à toute la plateforme.

Recherche

Partir d’incidents réels

Les échecs concrets révélaient les ambiguïtés de langage, d’état et de causalité.

Interaction

Privilégier une structure visible

Les modèles spatiaux et chronologies rendaient les relations plus faciles à parcourir.

Contenu

Nommer précisément les états

Un langage d’état clair soutenait la lecture rapide comme le diagnostic approfondi.

Système

Réutiliser la grammaire

Les composants et patterns partagés réduisaient la fragmentation entre les parcours.

06 · Autres interfaces

Une plateforme cohérente, de la supervision au diagnostic

Ces vues complémentaires montrent comment la même grammaire d’interface accompagne les équipes dans le suivi des applications, l’exécution des pipelines et l’analyse des jobs.

07 · Impact

Moins de friction sur un parcours critique

La refonte a rendu les parcours techniques plus rapides à lire et réduit les frictions opérationnelles liées aux erreurs, aux choix répétés et à l’absence d’historique système.

−40 %d’abandon sur un parcours produit critique

La complexité est devenue navigable

Les équipes sont passées d’écrans fragmentés et de configurations manuelles à des parcours plus clairs de création, d’installation et de diagnostic, soutenus par un système d’interface plus cohérent.

L’objectif n’est pas de rendre la complexité invisible, mais d’aider les personnes à la traverser avec confiance.
Étude de cas suivanteCap Collectif