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

<span data-metadata=""><span data-buffer="">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.

<span data-metadata=""><span data-buffer="">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.

„Es war eine wertvolle Entscheidung,
Alice in das Projekt einzubeziehen.“

„Dank ihrer konzeptionellen Arbeit und der Erstellung von Wireframes konnten wir die Struktur und Inhalte effizient planen und direkt mit dem Kunden abstimmen.

Das entstandene Design und die entwickelten Komponenten haben uns sehr gefallen. Wir haben nicht nur viel gelernt, sondern auch ein schärferes Auge für Design entwickelt. Die Erstellung des UI-Designs in Figma erwies sich als äußerst praktisch für die Übergabe an die Entwickler. Mit dem interaktiven Figma-Prototyp hatten wir und der Kunde die Möglichkeit, die Elemente bereits vorab zu erleben und zu 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

Buchen Sie mich –
das Design‑Add‑On für Ihr IT‑Projekt!

Buchen Sie jetzt ein unverbindliches Erstgespräch, und gemeinsam finden wir heraus, wie ich Ihr Team unterstützen kann.