Aller au contenu principal

SaaS & B2B

Projet Conceptuel

Transformer des données complexes en décisions simples

Un espace de travail où la bonne information apparaît au bon moment, avec la place pour agir.

Services

  • Product Design
  • Dashboard
  • Design System

Disciplines

  • Product Design
  • Visualisation de données
  • Design System

Contenu démonstratif. Ce projet sera remplacé par un cas réel.

02

Vue d'ensemble

Le contexte

Les équipes B2B travaillent avec de nombreux indicateurs, rarement avec une lecture partagée des priorités.

L'objectif

Passer d'un panneau de métriques à un outil d'aide à la décision.

L'approche

Définir des hiérarchies d'information par profil et relier chaque indicateur à une action possible.

03

Le Défi

Le produit affichait tout avec le même poids, obligeant chaque utilisateur à construire sa propre interprétation.

  • Une densité sans hiérarchie
  • Des filtres déconnectés du contexte
  • L'export comme dernier recours
Point de départ : un tableau de bord exhaustif, difficile à lire en quelques secondes.

04

Découverte & Recherche

La découverte a cherché les décisions qui dépendent réellement de ces données.

  • Entretiens

    Comprendre les routines et les moments de décision.

  • Analytics

    Identifier les vues réellement utilisées.

  • Benchmark

    Étudier les modèles de visualisation de données.

  • Ateliers

    Prioriser les indicateurs avec les équipes.

05

Key Insights

  1. 01 · Insight

    Toute donnée n'est pas une décision

    La plupart des indicateurs donnent du contexte, pas une action.

  2. 02 · Insight

    Le profil définit la hiérarchie

    Une seule vue ne peut servir des équipes aux responsabilités différentes.

  3. 03 · Insight

    Exporter est un symptôme

    Quand le travail continue hors du produit, il manque quelque chose dedans.

06

Expérience utilisateur

L'expérience a été structurée en niveaux : vue d'ensemble, analyse et détail.

  1. 01

    Architecture de l'information

    Trois niveaux de profondeur, une navigation claire.

  2. 02

    User flow

    De la lecture rapide à l'investigation détaillée.

  3. 03

    Wireframes

    Densité et lisibilité testées tôt.

  4. 04

    Interactions

    Filtres persistants et états partageables.

07

Design d'interface

L'interface utilise le contraste et l'espacement pour séparer lecture et action.

  • Typographie orientée chiffres
  • Graphiques sobres et comparables
  • Tableaux lisibles sur petits écrans

08

Design System

Une bibliothèque de composants de données réutilisable a été créée.

  • Tokens de couleur pour les séries
  • Cartes de métrique
  • Tableaux, filtres et états

09

Validation

Les vues ont été évaluées avec des tâches concrètes de lecture et de décision.

  • Tests d'utilisabilité
  • Revue de contraste et de lisibilité
  • Rondes de feedback en interne

10

Résultat

L'information suit désormais un ordre de lecture clair, relié à des actions concrètes.

  • Une vue d'ensemble plus rapide à lire
  • Moins de dépendance aux exports
  • Un système prêt pour de nouveaux modules