Digital Bridge Plattform
Digital Bridge ist eine B2B-SaaS-Plattform, auf der Unternehmen digitale Projekte und Lösungen für Digitalisierungsprobleme teilen. Seit dem Projektstart wuchs die Plattform von 60 auf über 650 Projekte und das Partnernetzwerk aus Kompetenzzentren und Umsetzungspartnern von 17 auf über 140.
Gemeinsam mit meinem Team habe ich mich auf die größte Nutzerhürde konzentriert: die Projektanlage. Ziel war ein einfacherer Prozess und ein neues, konsistentes Design-System.
Redesign einer B2B SaaS-Plattform
5 Personen (davon
2 Designer:innen)
Figma, FigJam, Notion
April - November 2024
Das Problem
Die übernommene Plattform hatte zwei zentrale Schwachstellen. Die Projektanlage lief über ein einziges, langes Formular mit vielen Pflichtfeldern. Das überforderte Nutzer:innen und führte zu hohen Abbruchraten. Zudem fehlte ein Design-System. Das Interface war inkonsistent, der Designprozess ineffizient.
Ergebnis
Der neue Progressive-Disclosure-Wizard löst das lange Formular durch mehrere kurze, aufeinanderfolgende Schritte ab. Das reduziert die kognitive Last und wirkt deutlich weniger überfordernd als zuvor. Ein A/B-Test bestätigte den Erfolg: weniger Abbrüche und eine deutlich höhere Abschlussquote.
Die klar strukturierte Eingabe senkt außerdem den administrativen Aufwand und macht eingereichte Projekte leichter auffindbar und vergleichbar. Das neue Design-System liefert dabei eine konsistente, skalierbare Basis, die weiteres Wachstum der Plattform unterstützt.
18%
Conversion-Uplift
72%
30+
Prozess
Problemanalyse & Bestandsaufnahme: Wir analysierten die bestehende Projektanlage. Die hohe Abbruchrate war das zentrale Problem. Rückmeldungen von Nutzer:innen und Formulardaten zeigten, dass Länge und Komplexität die Hauptursachen waren.
Informationsarchitektur: Jedes Eingabefeld wurde als einzelne Karte erfasst. Die Karten kategorisierten wir und bildeten thematische Gruppen. Diese Gruppen wurden zur Grundlage der Wizard-Screens.
Wireframing & Flowcharts: Aus den Gruppen entstanden Flowcharts und Wireframes für den neuen Anlageprozess. So testeten wir Reihenfolge und Logik des Wizards früh im Prozess.
Design-System: Farben & Typografie: Ein Design-System gab es noch nicht, daher entwickelten wir eines von Grund auf. Dabei legten wir Farben und Typografie als grundlegende Bausteine komplett neu fest. So entstand eine einheitliche visuelle Basis für die gesamte Plattform.
Design System: Vor der finalen Ausarbeitung etablierten wir ein konsistentes visuelles System. Durch eine klare Typografie und wiederverwendbare Komponenten bildete das Design System die Grundlage für ein kohärentes und skalierbares Interface.
UI Design: Das finale Interface entstand durch mehrere Iterationsschritte, von ersten visuellen Ausarbeitungen bis zum fertigen Design. Ein besonderer Fokus lag darauf, beide Nutzerrollen klar und intuitiv zu gestalten, ohne die Oberfläche zu überladen.
Usability Testing: Das Design wurde vollständig umgesetzt und in einem realen Testumfeld erprobt. Die enge Zusammenarbeit zwischen Design und Entwicklung ermöglichte es, gestalterische Entscheidungen früh zu validieren und auf Basis echten Nutzerfeedbacks zu iterieren.
Das finale Design
Crafted verbindet zwei Nutzerrollen in einer klaren, intuitiven Oberfläche. Das Projekt beweist, wie gut nutzerzentriertes Design und technische Umsetzung Hand in Hand gehen können. Das Ergebnis ist ein durchdachtes digitales Produkt, das aus einem strukturierten Designprozess entstanden ist und zeigt, was möglich ist, wenn Research, Konzeption und UI Design konsequent zusammenspielen.
Budget Planner Finance App
With user-centered approach, the goals was to create an intuitive interface for effortless financial management while incorporating gamification.
UX Design
UI Design
UX Research
