Simplifier l’automatisation de données B2B par le design UX

TL;DR

En tant que consultante UX, j’ai piloté la première refonte UX-driven du builder d’automatisation de données de Stract. Grâce à de la recherche utilisateur, une réorganisation de l’architecture de l’information et une refonte UI centrée sur la clarté et l’utilisabilité, j’ai significativement amélioré les performances des prototypes (≈ 80–90 % de réussite en moyenne, avec la tâche la plus complexe passant de 0 % à 60 %) et fortement réduit la charge cognitive.
Cette refonte a permis aux équipes ops de créer des workflows data complexes plus rapidement et avec moins d’erreurs, tout en posant les bases d’une architecture produit scalable et centrée utilisateur. Elle a également fourni aux stakeholders une vision validée pour les évolutions futures.

Rôle : Consultante UX (Audit UX, refonte des workflows, améliorations UI)
Période : nov. 2023 – mars 2024
Impact : amélioration de la compréhension des tâches, réduction de la charge opérationnelle et expérience d’automatisation plus intuitive pour des utilisateurs B2B

J’ai eu l’opportunité de travailler avec Laís sur un projet particulièrement complexe pour notre entreprise, et sa contribution a largement dépassé nos attentes. Je la recommande vivement pour tout projet nécessitant expérience, collaboration et une vision produit critique.

José Mathias (Fondateur)

"

Objectifs

• Réduire la charge cognitive et améliorer la lisibilité du builder d’automatisation

• Introduire une UI moderne et cohérente, alignée avec l’identité de Stract

• Rendre la création et l’édition des automatisations plus rapides, simples et intuitives

• Assurer une cohérence globale entre les écrans et poser une base scalable pour les futures fonctionnalités

Cadrage du problème

Context

Stract est une startup brésilienne qui propose un add-on Google Sheets permettant aux entreprises B2B de centraliser et automatiser leurs workflows data, afin de produire des reportings et des insights structurés à partir de sources multiples.
Ses utilisateurs sont principalement des équipes opérations et analytics, qui doivent configurer des automatisations complexes de manière efficace tout en garantissant la fiabilité des données.
À ce moment-là, Stract ne disposait que d’une équipe engineering, sans designer dédié : cette mission constituait la première initiative UX de l’entreprise, introduisant une approche centrée utilisateur dans un produit ayant évolué de manière organique, sans processus de design formalisé.

Problème & Objectifs

Le builder d’automatisation avait grandi de façon incrémentale, accumulant des fonctionnalités et des patterns UI hétérogènes qui rendaient le produit dense et difficile à appréhender. Les utilisateurs peinaient à comprendre chaque étape, à suivre les dépendances et à valider leurs automatisations avant publication.
Ces frictions augmentaient la charge cognitive, ralentissaient les workflows et accroissaient le risque d’erreurs — en particulier pour les nouveaux utilisateurs ou les profils moins techniques. Ces problèmes étaient régulièrement remontés par les équipes internes et le support client. L’absence de structure cohérente limitait également la capacité du produit à évoluer et à supporter des scénarios d’automatisation plus avancés.
L’objectif de la refonte était de clarifier le parcours utilisateur, simplifier les interactions et poser les bases d’une plateforme scalable et centrée utilisateur.

Processus de design

Discovery & cadrage

J’ai commencé par un alignement avec le fondateur autour des objectifs business, des enjeux actuels et des hypothèses sur les utilisateurs cibles. Cette phase a permis de concentrer la recherche et le design sur les zones à plus fort impact.
J’ai ensuite mené une desk research sur des outils concurrents et analysé les pratiques des équipes ops dans leur usage quotidien des outils d’automatisation de données, afin d’identifier des points de friction au-delà du périmètre actuel de Stract et de repérer des opportunités de gains d’efficacité.

Recherche utilisateur

Pour ancrer la refonte dans des besoins réels, j’ai mené :

• Des enquêtes auprès de la base clients afin de collecter des données quantitatives sur les usages, la satisfaction et les interactions avec le support

• Des entretiens 1:1 en visioconférence pour recueillir des insights qualitatifs et identifier les frictions liées à la compréhension des étapes, des dépendances et des mécanismes de validation

À partir de ces données, j’ai synthétisé les principaux pain points, construit des profils utilisateurs et présenté les enseignements au fondateur. J’ai également mis en évidence le vocabulaire récurrent utilisé par les clients, qui a directement alimenté le UX writing et le naming des fonctionnalités.

Deck de synthèse des insights de recherche pour aligner le CEO avant la refonte

Priorisation

J’ai croisé les insights utilisateurs avec les attentes des stakeholders et les contraintes techniques afin de définir une stratégie de priorisation. L’objectif était d’adresser les problèmes les plus critiques tout en restant réaliste par rapport à la capacité de l’équipe engineering, en équilibrant quick wins et vision long terme.

Idéation & Architecture de l’information

À partir des enseignements de la recherche, j’ai conçu les parcours “to-be” en mettant l’accent sur la clarté et la simplicité. J’ai restructuré l’architecture de l’information de l’outil :

• Regroupement logique des fonctionnalités pour réduire la charge cognitive

• Priorisation des tâches clés, avec relégation des actions secondaires dans des menus dédiés

• Clarification des messages d’erreur et mise en avant des informations critiques

Cette nouvelle structure a facilité l’onboarding et permis de supporter des automatisations plus complexes dans les itérations futures.

UI Design & écrans haute fidélité

J’ai conçu une interface moderne et cohérente, en mettant l’accent sur :

• Une hiérarchie visuelle claire et des espacements optimisés pour une meilleure lisibilité

• Une typographie, une palette de couleurs et des composants cohérents avec l’identité émergente de Stract

• Des feedbacks renforcés pour les états vides, de chargement et d’erreur

Les écrans ont été conçus de manière modulaire afin de faciliter les extensions futures et de poser les bases d’un design system scalable.

Validation

J’ai mené trois cycles de tests utilisateurs non modérés via Maze, couvrant dix tâches allant de simples à complexes. La majorité des tâches ont atteint un taux de réussite de 80–90 %, confirmant une amélioration nette de la compréhension et de l’efficacité des workflows.
La tâche la plus complexe, bien que toujours exigeante, est passée de 0 % à 60 % de réussite, mettant en lumière des axes d’amélioration pour les itérations suivantes. Les analyses issues des enregistrements, heatmaps et retours utilisateurs ont permis d’affiner les libellés, les regroupements et les patterns d’interaction afin d’atteindre un bon équilibre entre utilisabilité et scalabilité.

Résultats de test sur la tâche la plus complexe : taux de complétion amélioré de 0 % à 60 %

Impact

La refonte du builder d’automatisation de Stract a permis de restructurer les workflows, d’unifier les patterns UI, d’introduire des composants modulaires et réutilisables, et de produire un guide de UX writing basé sur le langage réel des clients.
Le résultat : une interface plus claire et plus intuitive, une charge cognitive réduite et des tâches réalisées plus rapidement, tout en posant une base solide pour l’évolution future du produit, un onboarding facilité et un meilleur alignement entre design, engineering et stakeholders.

Résultats clés

• 80–90 % de réussite sur la majorité des tâches ; tâche la plus complexe améliorée de 0 % → 60 %

• Mise en place de métriques de référence (succès, erreurs, temps de complétion) pour le suivi post-lancement

• Guide de UX writing améliorant la clarté des libellés et des interactions

• Composants modulaires et réutilisables favorisant la scalabilité

• Handoff Figma détaillé avec instructions intégrées pour une implémentation fluide

Avant / après de la refonte UI/UX

Exemple de handoff d’un flow destiné aux développeurs