Menü Schließen

UX und UI für ein CRM einer Investmentbank

UX und UI Design für ein individuelles Customer Relationship Management System einer US Investmentbank

Eine führende US-Investmentbank beauftragte uns mit der Entwicklung eines maßgeschneiderten Customer Relationship Management (CRM)-Systems. Ziel war es, Prozesse und Daten aus verschiedenen Abteilungen in einer einheitlichen Plattform zu bündeln. Das System sollte es ermöglichen, Daten zu sammeln, abzurufen und auszuwerten, sowie Aktivitäten zu planen und zu überwachen, wobei spezifische Zugriffsberechtigungen für unterschiedliche Benutzergruppen berücksichtigt werden mussten.

  • UX / UI

  • Konzeption

  • Research

  • Card-Sorting

  • Wireframing

  • Responsive Design
  • Navigation

  • Designentwicklung

  • Prototyping

  • Design System

Briefing und Scoping

Angesichts des Umfangs des Projekts setzten wir von Anfang an auf agile Methoden. Nach einer initialen Anforderungsanalyse erstellten wir eine Roadmap, die den schrittweisen Ausbau des CRM-Systems vorsah. Mit Hilfe von Card Sorting in Miro strukturierten wir die relevanten Themenbereiche und erstellten eine logische Informationsarchitektur.

Research

Unser Research umfasste eine tiefgehende Analyse bestehender CRM-Systeme wie Salesforce sowie branchenspezifischer Finanzprodukte (z.B. Google Finanzen, PitchBook, Crunchbase). Diese Recherchen kombinierten wir mit Erfahrungen aus früheren Finanzprojekten, um die bestmögliche Lösung zu entwickeln.

Information Architecture und Wireframing

Auf Basis der gesammelten Informationen erstellten wir erste grobe Wireframes, um den Aufbau und die Navigation des Systems zu definieren. Eine zweistufige Header-Navigation sowie ein flexibles 12-Spalten-Raster ermöglichten eine übersichtliche Anordnung der Inhalte. In enger Zusammenarbeit mit den Entwicklern wurden diese Wireframes kontinuierlich verfeinert und optimiert, bevor sie dem Auftraggeber in Workshops präsentiert und diskutiert wurden.

Wireframe (Lo-fi-Prototype)

UI Design (Hi-fi-Prototype)

Design und Design System

Das Design wurde anhand der Corporate Identity der Bank entwickelt, um deren Werte zu reflektieren und eine funktionale Benutzeroberfläche zu bieten. Eine Palette aus Blau- und Grautönen schuf eine vertrauensvolle Atmosphäre, während Sekundärfarben für spezifische Funktionen (z.B. Rot-Grün für positive/negative Werte) definiert wurden. Im Design System legten wir sämtliche Elemente fest, darunter Farben, Schriftarten, Icons, Buttons, Formularelemente und Navigationselemente.

Prototyping und Testing

Für die ersten Screens erstellten wir Hi-Fi-Layouts, die das Zusammenspiel der Design-Elemente in verschiedenen Kontexten demonstrierten. Durch Micro-Animationen in Figma konnten wir das Benutzerverhalten testen und optimieren. Mit einem modularen, responsiven Design-System stellten wir sicher, dass alle Widgets konsistent auf verschiedenen Seiten und Geräten funktionieren.

Fazit

Das entwickelte CRM-System vereinfacht die Prozesse der Investmentbank erheblich und bietet eine intuitive, funktionale Benutzeroberfläche. Durch eine agile und kollaborative Vorgehensweise konnten wir sicherstellen, dass das Endprodukt den Anforderungen des Kunden vollumfänglich entspricht und flexibel erweitert werden kann.

Ich freue mich auf zukünftige Projekte mit ähnlichen Herausforderungen und stehe bereit, meine Expertise in den Bereichen UX/UI-Design und Finanztechnologie einzubringen.

„Durch die Wireframes in der Konzeptionsphase konnten wir die Entwickler entlasten.“

„Es war lohnenswert, Alice ins Projekt zu integrieren. Durch die Wireframes in der Konzeptionsphase konnten wir die Inhalte entwickeln und mit dem Kunden abstimmen, bevor die Infrastruktur in die Umsetzung ging. Dadurch konnten wir die Entwickler entlasten.

Wir sind mit dem Design und entstandenen Komponenten sehr glücklich. Wir haben dadurch viel gelernt und ein Auge fürs Design entwickelt. Die definierten Komponenten konnten wir außerdem für Weiterentwicklung des Software verwenden.

Die Erstellung des UI-Design in Figma war für die Übergabe an die Entwickler sehr praktisch. Mit dem interaktiven Figma-Prototyp konnten wir schon vorab Elemente erleben und testen.“

Dr. Ralf Jahr
Geschäftsführer, Sensetence

Leistungen

  • UX / UI

  • Konzeption

  • Research

  • Card-Sorting

  • Wireframing

  • Responsive Design
  • Navigation

  • Designentwicklung

  • Prototyping

  • Design System

Kunde
Sensetence – Software-Agentur

Tools
Figma
Miro
Photoshop
Illustrator

Suchen Sie Unterstützung im Bereich UX / UI Design?

Lassen Sie uns etwas Großartiges entwickeln!