UI/UX-Design des B2B-Dashboards in Figma

Unser B2B SaaS-Dashboard hat drei Jahre Designschulden angesammelt. Verschiedene Abschnitte wurden zu unterschiedlichen Zeiten von verschiedenen Personen erstellt, was zu einer inkonsistenten visuellen Sprache, einer schwachen Informationshierarchie und einer Benutzererfahrung geführt hat, über die die Kunden regelmäßig im Support klagen. Wir möchten in ein komplettes Redesign investieren, das ein kohärentes Designsystem etabliert und eine Benutzeroberfläche schafft, die mit dem Produkt skaliert — eine, die Entwickler erweitern können, ohne die visuelle Konsistenz zu brechen, und die Kunden ohne Schulung nutzen können.

Das neue Design sollte sich an modernen B2B-Oberflächen wie Linear, Vercel und Stripe orientieren: sauber, informationsreich, aber niemals überladen, mit hervorragender Unterstützung für dunkle und helle Modi. Wir brauchen nicht nur ein hübsches Bild — wir benötigen ein vollwertiges Designsystem mit dokumentierten Farb-Tokens, Typografie-Skala und einer Komponentenbibliothek für Entwickler. Ein interaktiver Figma-Prototyp sollte alle wichtigen Benutzerflüsse abdecken. Anmerkungen für die Übergabe an den Entwickler sind obligatorisch.

Seiten:
1. Dashboard-Übersicht — KPIs, Diagramme, Aktivitätsfeed
2. Benutzerverwaltung — Liste, Rollen, Berechtigungsmatrix
3. Analytik — Verkehr, Conversion-Trichter, vergleichende Ansichten
4. Abrechnung und Abonnements — Pläne, Zahlungshistorie, Upgrades
5. Einstellungen — Profil, Benachrichtigungen, Integrationen, API-Schlüssel
6. Onboarding — dreistufiger Einrichtungsassistent mit Fortschrittsanzeige

Designanforderungen: heller und dunkler Modus, Desktop-first mit Tablet-Anpassung, Designsystem, interaktiver Prototyp, Übergabe mit Anmerkungen.