Conception UI/UX du tableau de bord B2B dans Figma

Notre panneau de contrôle SaaS B2B a accumulé trois ans de dettes de conception. Différentes sections ont été créées à différents moments par différentes personnes, ce qui a entraîné un langage visuel incohérent, une hiérarchie de l'information faible et une expérience utilisateur que les clients se plaignent régulièrement dans le support. Nous voulons investir dans une refonte complète qui établit un système de design cohérent et crée une interface qui évolue avec le produit — une interface que les développeurs peuvent étendre sans rompre la cohérence visuelle, et que les clients peuvent utiliser sans formation.

Le nouveau design devrait être guidé par des interfaces B2B modernes comme Linear, Vercel et Stripe : épuré, dense en informations, mais jamais encombré, avec un excellent support pour les modes sombre et clair. Nous avons besoin non seulement d'une belle image — nous avons besoin d'un système de design complet avec des tokens de couleur documentés, une échelle typographique et une bibliothèque de composants pour les développeurs. Un prototype interactif Figma devrait couvrir tous les flux utilisateurs clés. Les annotations pour le transfert au développeur sont obligatoires.

Pages :
1. Vue d'ensemble du tableau de bord — KPI, graphiques, fil d'activité
2. Gestion des utilisateurs — liste, rôles, matrice des permissions
3. Analyses — trafic, entonnoirs de conversion, vues comparatives
4. Facturation et abonnements — plans, historique des paiements, mises à niveau
5. Paramètres — profil, notifications, intégrations, clés API
6. Intégration — assistant de configuration en trois étapes avec indicateur de progression

Exigences de conception : mode clair et sombre, priorité au bureau avec adaptation pour tablette, système de design, prototype interactif, transfert avec annotations.