Projektbeschreibung
ÜbersetztUnser B2B-SaaS-Admin-Panel hat seit drei Jahren Designschulden angesammelt. Verschiedene Abschnitte wurden zu unterschiedlichen Zeiten von verschiedenen Personen entworfen, was zu einer inkonsistenten visuellen Sprache, einer schlechten Informationshierarchie und einer Benutzererfahrung geführt hat, über die unsere Kunden häufig in Support-Tickets klagen. Wir möchten in ein vollständiges Redesign investieren, das ein kohärentes Designsystem etabliert und eine Benutzeroberfläche schafft, die skalierbar ist — eine, die Produktentwickler erweitern können, ohne die visuelle Konsistenz zu brechen, und die Kunden ohne Schulung navigieren können.
Das neue Design sollte sich von modernen B2B-Admin-Oberflächen wie Linear, Vercel und Stripe inspirieren lassen — sauber, informationsreich, aber niemals überladen, mit hervorragender Unterstützung für den Dunkel- und Hellmodus. Wir benötigen mehr als nur hübsche Mockups: Wir brauchen ein vollständiges Designsystem mit dokumentierten Farb-Tokens, Typografie-Skalen und einer Komponentenbibliothek, auf die Entwickler während der Implementierung zugreifen können. Der interaktive Figma-Prototyp sollte alle wichtigen Benutzerflüsse abdecken, damit wir das Design mit tatsächlichen Kunden validieren können, bevor die Entwicklung beginnt. Entwicklerübergabe-Anmerkungen sind unerlässlich — jeder Abstand, jede Farbe und jeder Interaktionszustand muss spezifiziert werden.
Zu gestaltende Seiten:
1. Dashboard-Übersicht — KPIs, Diagramme, Feed der letzten Aktivitäten
2. Benutzerverwaltung — Listenansicht, Rollen, Berechtigungsmatrix
3. Analytik — Verkehrsdaten, Conversion-Trichter, Vergleichsansichten
4. Abrechnung und Abonnements — Planübersicht, Zahlungshistorie, Upgrade-Flows
5. Einstellungen — Profil, Benachrichtigungen, Integrationen, API-Schlüssel
6. Onboarding-Flow — dreistufiger Einrichtungsassistent mit Fortschrittsverfolgung
Designanforderungen: Varianten für hellen und dunklen Modus, Desktop-first mit Tablet-Reaktionsfähigkeit, vollständiges Designsystem, interaktiver Prototyp, Entwicklerübergabe mit Anmerkungen.
Das neue Design sollte sich von modernen B2B-Admin-Oberflächen wie Linear, Vercel und Stripe inspirieren lassen — sauber, informationsreich, aber niemals überladen, mit hervorragender Unterstützung für den Dunkel- und Hellmodus. Wir benötigen mehr als nur hübsche Mockups: Wir brauchen ein vollständiges Designsystem mit dokumentierten Farb-Tokens, Typografie-Skalen und einer Komponentenbibliothek, auf die Entwickler während der Implementierung zugreifen können. Der interaktive Figma-Prototyp sollte alle wichtigen Benutzerflüsse abdecken, damit wir das Design mit tatsächlichen Kunden validieren können, bevor die Entwicklung beginnt. Entwicklerübergabe-Anmerkungen sind unerlässlich — jeder Abstand, jede Farbe und jeder Interaktionszustand muss spezifiziert werden.
Zu gestaltende Seiten:
1. Dashboard-Übersicht — KPIs, Diagramme, Feed der letzten Aktivitäten
2. Benutzerverwaltung — Listenansicht, Rollen, Berechtigungsmatrix
3. Analytik — Verkehrsdaten, Conversion-Trichter, Vergleichsansichten
4. Abrechnung und Abonnements — Planübersicht, Zahlungshistorie, Upgrade-Flows
5. Einstellungen — Profil, Benachrichtigungen, Integrationen, API-Schlüssel
6. Onboarding-Flow — dreistufiger Einrichtungsassistent mit Fortschrittsverfolgung
Designanforderungen: Varianten für hellen und dunklen Modus, Desktop-first mit Tablet-Reaktionsfähigkeit, vollständiges Designsystem, interaktiver Prototyp, Entwicklerübergabe mit Anmerkungen.
Webprogrammierung Bargeld, Banküberweisung
