Moderne Fondsverwaltung: Von der Windows-App zur skalierbaren Web-Plattform
Moderne Fondsverwaltung
Von der Windows-App zur skalierbaren Web-Plattform
In einer Branche, in der Präzision und Geschwindigkeit zählen, wurde eine gewachsene Windows-Applikation zum Flaschenhals. Gemeinsam mit der VP Fund Solutions haben wir diesen durchbrochen.
Das Ergebnis: Eine skalierbare Web-Plattform auf Basis von Angular und Nx, die komplexe Datenmengen durch exzellente UX beherrschbar macht und technische Exzellenz mit operativer Effizienz vereint.
The Challenge
Um die komplexen Prozesse der VP Fund Solutions zukunftssicher zu machen, musste die veraltete Windows-Applikation durch eine moderne Weblösung ersetzt werden. Die Aufgabe bestand darin, gewachsene Funktionen kritisch zu hinterfragen, in ein einheitliches UX-Konzept zu überführen und eine neue Frontend-Architektur aufzubauen. Dabei galt es, die Anforderungen verschiedener Fachbereiche zu bündeln und die User Experience ohne Effizienzverlust massiv zu steigern.
The Solution
In enger Zusammenarbeit mit der internen IT, die das Backend verantwortete, entwickelten wir ein hochperformantes Frontend auf Basis von Angular. Der Prozess startete mit Detailanalysen und Nutzer-Feedback via Klickprototypen. Die Umsetzung erfolgte inkrementell, um das Altsystem schrittweise abzulösen. Eine projektübergreifende Design-Library sowie ein modernes Setup mit Angular Signals und SignalStores garantieren heute die langfristige Wartbarkeit und Skalierbarkeit der Lösung.
Vom Windows-Client zur High-End Web-Applikation.
Das Herzstück der neuen Lösung ist die optimierte User Experience, die komplexe Datenmengen beherrschbar macht. Durch die Abkehr von starren Legacy-Strukturen hin zu einer flexiblen Web-Architektur konnten wir Features implementieren, die den Arbeitsalltag der Fondsverwalter direkt erleichtern.
Dabei werden Unternehmensprozesse nun systemunabhängig und performant über den Browser abgebildet. Ein modernes technisches Setup auf Basis von NX und der neuesten Angular-Version (inkl. Signals und SignalStores) garantiert dabei nicht nur schnelle Ladezeiten, sondern auch langfristige Wartbarkeit. Um die vielfältigen Anforderungen der unterschiedlichen Fachabteilungen effizient zu lösen, kommt eine modulare Component Library zum Einsatz. Diese zeichnet sich durch hohe Konfigurierbarkeit aus und ermöglicht es, verschiedenste Anwendungsfälle konsistent und skalierbar umzusetzen.
Leistungen
01
UI / UX Design
02
Systemarchitektur
03
Web-Entwicklung
Innovation durch Design-Driven Discovery
Um die Komplexität der Fondsverwaltung in eine intuitive Webanwendung zu überführen, haben wir bestehende Prozesse nicht nur digitalisiert, sondern in intensiven Fach-Workshops neu gedacht. Das Ergebnis ist eine flexible Web-Architektur, die starre Legacy-Strukturen ablöst und große Datenmengen durch eine optimierte User Experience beherrschbar macht. So schaffen wir eine innovative Lösung, die den Arbeitsalltag der Fondsverwalter spürbar effizienter gestaltet.
Figma & Klickprototypen
Auf Basis des VP Designsystems entwickelten wir eine konsistente Komponenten-Library, die als Fundament für detaillierte Klickprototypen diente. Diese ermöglichten frühzeitige User-Tests und direktes Feedback der Endanwender. Während die Basis und zentralen Core-Features bereits zu Projektbeginn feststanden, erfolgte die weitere Detaillierung agil: In Design Sprints, die parallel zu den Entwicklungssprints liefen, wurden neue Features fortlaufend ausgearbeitet. Die Übergabe an das Entwicklungsteam erfolgte dabei nahtlos: Vollständige Feature-Spezifikationen und der Einsatz des Figma Dev Modes garantierten eine präzise und effiziente Umsetzung der Designs in jeder Phase.
Eingesetzte Technologien
Ein Partner, der versteht – und liefert.
Fortix hat sich flexibel und nahtlos in unser Team integriert. Sie haben in kürzester Zeit ein tiefes Verständnis für unsere Branche und Prozesse entwickelt – sie stellen die richtigen Fragen und bringen Lösungen. Besonders wertvoll war, dass unsere Mitarbeiter durch Workshops frühzeitig abgeholt wurden, was zu optimalen Ergebnissen geführt hat. Saubere Entwicklung und gute Prozesse zeichnen die Zusammenarbeit aus.
Features
Features
Strukturierte Entwicklung im Monorepo
Das technische Fundament bildet ein Nx Monorepo, das eine klare Trennung von Applikationslogik und wiederverwendbaren Bibliotheken ermöglicht. UI-Komponenten und Styles wurden in dedizierte Libraries ausgelagert und mittels Storybook isoliert entwickelt sowie dokumentiert.
Dies dient nicht nur als lebender Styleguide, sondern gewährleistet auch absolute visuelle Konsistenz und Wiederverwendbarkeit über alle Module hinweg.
State-of-the-Art Angular & Realtime
Wir setzen konsequent auf moderne Angular-Features: Standalone Components reduzieren Boilerplate-Code, während Signals und NgRx SignalStores ein hochperformantes, feingranulares State-Management ermöglichen.
Für ein reaktives Nutzererlebnis sorgt die Integration von Microsoft SignalR: Daten werden in Echtzeit via Push-to-Client aktualisiert, sodass Anwender stets den neuesten Stand sehen, ohne die Seite neu laden zu müssen.
Nahtlose Integration & Co-Development
Die Entwicklung erfolgte in enger Synergie mit der internen IT-Abteilung, die das .NET-Backend verantwortete. Dank Windows Authentication erleben Nutzer einen barrierefreien Single-Sign-On (SSO) Prozess.
Um die Typsicherheit zwischen Backend und Frontend zu garantieren, wurden TypeScript-Clients automatisiert mittels NSwag generiert – das minimiert Schnittstellenfehler und steigert die Entwicklungseffizienz im gemeinsamen Team massiv.
Das Ergebnis
Skalierbar, Performant, Zukunftssicher. Das Ergebnis ist eine High-End-Webapplikation, die technologisch "State of the Art" ist. Gemeinsam mit der IT-Abteilung von VP Fund Solutions haben wir durch den Einsatz von Nx, Angular Signals und einer modularen Komponenten-Architektur nicht nur das Legacy-System abgelöst, sondern eine solide Basis für die kommenden Jahre geschaffen.
Die Kombination aus agilem Design-Prozess, inkrementellen Releases und einer geteilten Code-Basis hat dabei einen nahtlosen Übergang ermöglicht. Die Plattform wächst nun dynamisch mit den Anforderungen der Bank, lässt sich effizient warten und ermöglicht durch den Browser-Zugriff eine maximale Flexibilität – unabhängig vom Standort.