--- type: "page" title: "Moderne Fondsverwaltung: Von der Windows-App zur skalierbaren Web-Plattform" description: "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. " path: "/case-studies/vp-fund-solutions" canonical: "https://fortix.io/case-studies/vp-fund-solutions" language: "de" updated: "2026-08-13" --- # Moderne Fondsverwaltung: Von der Windows-App zur skalierbaren Web-Plattform ## Hero default ## Challenge / Solution ## 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 - #### **UI / UX Design** - #### **Systemarchitektur** - #### **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 - Frontend - Backend - Design ## Statement Rainer Rainer Kanzi Head of IT-Engineering #### 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. ## Ausgewählte Features Features Ausgewählte - Saubere und nachvollziehbare Versionierung von Änderungen - Einfache Zusammenarbeit und Realtime-Updates dank Push Notifications - Abteilungs- und Themenbasierte Dashboards fürs Tagesgeschäft - DropZone zur Ablage und automatischen Verarbeitung großer Dateien - Generische Komponenten im Corporate Design - Multi-Tenant & Ausgereiftes Rechtesystem ## 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.