Description du projet
TraduitNotre panneau d'administration SaaS B2B accumule des dettes de design depuis trois ans. Différentes sections ont été conçues à différents moments par différentes personnes, ce qui a entraîné un langage visuel incohérent, une hiérarchie de l'information médiocre et une expérience utilisateur que nos clients se plaignent fréquemment dans les tickets de 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 — une interface que les développeurs de produits peuvent étendre sans rompre la cohérence visuelle, et que les clients peuvent naviguer sans formation.
La nouvelle conception devrait s'inspirer des interfaces administratives B2B modernes comme Linear, Vercel et Stripe — épurées, riches en informations mais jamais encombrées, avec un excellent support pour le mode sombre et clair. Nous avons besoin de plus que de jolis maquettes : nous avons besoin d'un système de design complet avec des tokens de couleur documentés, des échelles typographiques et une bibliothèque de composants que les développeurs peuvent consulter lors de l'implémentation. Le prototype interactif Figma devrait couvrir tous les flux utilisateurs clés afin que nous puissions valider le design avec de véritables clients avant le début du développement. Les annotations de transfert aux développeurs sont essentielles — chaque espacement, couleur et état d'interaction doit être spécifié.
Pages à concevoir :
1. Vue d'ensemble du tableau de bord — KPI, graphiques, fil d'activité récent
2. Gestion des utilisateurs — vue en liste, rôles, matrice des permissions
3. Analytique — graphiques de trafic, entonnoirs de conversion, vues comparatives
4. Facturation et abonnements — vue d'ensemble des plans, historique des paiements, flux de mise à niveau
5. Paramètres — profil, notifications, intégrations, clés API
6. Flux d'intégration — assistant de configuration en trois étapes avec suivi de progression
Exigences de conception : variantes de mode clair et sombre, priorité au bureau avec réactivité pour tablette, système de design complet, prototype interactif, transfert aux développeurs avec annotations.
La nouvelle conception devrait s'inspirer des interfaces administratives B2B modernes comme Linear, Vercel et Stripe — épurées, riches en informations mais jamais encombrées, avec un excellent support pour le mode sombre et clair. Nous avons besoin de plus que de jolis maquettes : nous avons besoin d'un système de design complet avec des tokens de couleur documentés, des échelles typographiques et une bibliothèque de composants que les développeurs peuvent consulter lors de l'implémentation. Le prototype interactif Figma devrait couvrir tous les flux utilisateurs clés afin que nous puissions valider le design avec de véritables clients avant le début du développement. Les annotations de transfert aux développeurs sont essentielles — chaque espacement, couleur et état d'interaction doit être spécifié.
Pages à concevoir :
1. Vue d'ensemble du tableau de bord — KPI, graphiques, fil d'activité récent
2. Gestion des utilisateurs — vue en liste, rôles, matrice des permissions
3. Analytique — graphiques de trafic, entonnoirs de conversion, vues comparatives
4. Facturation et abonnements — vue d'ensemble des plans, historique des paiements, flux de mise à niveau
5. Paramètres — profil, notifications, intégrations, clés API
6. Flux d'intégration — assistant de configuration en trois étapes avec suivi de progression
Exigences de conception : variantes de mode clair et sombre, priorité au bureau avec réactivité pour tablette, système de design complet, prototype interactif, transfert aux développeurs avec annotations.
Programmation web Espèces, Virement bancaire
