Modernisierung und Erweiterung eines dynamischen Fragebogens (CEP)
Bei einem mittelständischen Kunden aus der Versicherungsbranche
Die Herausforderung
Die Versicherung betreibt für ihre Kundinnen und Kunden einen dynamischen Fragebogen (CEP), der auf einer umfangreichen Knowledgebase basiert und individuell generierte Formulare im Browser bereitstellt. Die Fragen dieses Systems folgen unterschiedlichen Typen und können über Bedingungen miteinander verknüpft werden. So werden etwa bestimmte Fragen nur angezeigt, wenn andere zuvor entsprechend beantwortet wurden.
Der ursprüngliche Fragebogen war in AngularJS entwickelt und erfüllte damit nicht mehr die Anforderungen an aktuelle Webtechnologien. Ziel des Projekts war es, die Anwendung technisch zu modernisieren, bestehende Komponenten an neue Frameworks anzupassen, neue Fragetypen zu entwickeln und die langfristige Wartungs- und Weiterentwicklungsfähigkeit sicherzustellen. Gleichzeitig sollte der Fragebogen zu einem eigenständigen HTML Custom Element weiterentwickelt werden, um ihn flexibel in unterschiedliche Umgebungen einbinden zu können.
Die passende Lösung:
Im Rahmen des Projekts wurde die bestehende Lösung schrittweise in das moderne Angular-Framework migriert. Dabei wurden alte Komponenten überarbeitet und fehlende Fragetypen ergänzt. Die Anwendung wurde zudem als Angular Element umgesetzt, sodass sie nun wie ein eigenständiges HTML-Element in beliebige Webseiten integriert werden kann.
Nach der erfolgreichen Migration auf Angular 9 verlagerte sich der Fokus auf die nachhaltige Weiterentwicklung und Wissensübertragung. Das bestehende Projektteam wurde um Mitarbeitende des Wartungsteams erweitert, um eine reibungslose Übergabe und eigenständige Weiterentwicklung zu gewährleisten. Parallel dazu wurde der Fragebogen kontinuierlich ausgebaut und an neue Anforderungen angepasst, sowohl technisch als auch funktional.
Unser technisches Konzept
Die technische Modernisierung basiert auf Angular mit Angular Elements als Grundlage für die modulare Einbindung. Ergänzend wurde eine kontinuierliche Update-Strategie entwickelt, um den LTS-Support sicherzustellen.
Ein wesentlicher Schwerpunkt lag auf der Barrierefreiheit: Durch gezielte Anpassungen – insbesondere für Screenreader – erfüllt der Fragebogen nun die aktuellen EU-Richtlinien für öffentliche Webanwendungen. Ergänzend wurde ein neuer Upload-Fragetyp entwickelt, mit dem Anwender Dateien direkt im Formular einreichen können.
Eine weitere technische Herausforderung bestand in der Möglichkeit, mehrere Instanzen des Fragebogens parallel auf derselben Seite zu betreiben, ohne dass Validierungen, Konfigurationen oder Backendkommunikationen miteinander in Konflikt geraten. Diese Funktion wurde erfolgreich umgesetzt und erweitert die Einsatzmöglichkeiten der Anwendung erheblich.
Die Lösung wird durch ein umfassendes Testkonzept abgesichert: Unit-Tests laufen mit Jest, Accessibility-Tests mit Axe, End-to-End-Tests mit Cucumber. Die Build- und Deploymentprozesse sind in Jenkins integriert und berücksichtigen alle relevanten Prüfungen. Die Anwendung wird containerisiert in einer Docker-Umgebung betrieben.
Kundenvorteile
Die Versicherung profitiert von einer modernen, webbasierten Lösung auf aktuellem technologischem Stand. Der Fragebogen erfüllt die geltenden Sicherheits- und Barrierefreiheitsanforderungen und ist gleichzeitig flexibel erweiterbar.
Durch die Schulung und Einbindung der internen Teams wurde das Know-how nachhaltig verankert, sodass zukünftige Anpassungen eigenständig vorgenommen werden können. Umfangreiche Tests und automatisierte Build-Prozesse sichern die Stabilität und Qualität des Systems langfristig.
Zudem profitieren interne und externe Integratoren von einer klaren Dokumentation und schnellen Supportprozessen, die eine effiziente Einbindung und Nutzung des Fragebogens ermöglichen.
Unser Vorgehen
Zu Beginn erfolgte eine umfassende Analyse der bestehenden AngularJS-Anwendung, um Architektur, Fragetypen und Abhängigkeiten vollständig zu erfassen. Anschließend wurden Komponenten schrittweise in Angular überführt und zu einem eigenständigen Custom Element weiterentwickelt.
Parallel dazu unterstützten wir bei der Einführung neuer Funktionalitäten wie dem Upload-Fragetyp und den Mehrinstanz-Optionen. Im Zuge der Modernisierung wurden Accessibility-Anforderungen konsequent umgesetzt und automatisierte Tests in die CI/CD-Pipeline integriert.
Während des Projekts fand ein enger Austausch mit internen und externen Teams statt, um Integrationswünsche, Fehlerberichte und Funktionsanpassungen schnell umzusetzen. Durch dieses kooperative Vorgehen konnte das System kontinuierlich verbessert und an reale Anwendungsszenarien angepasst werden.
Heute wird der dynamische Fragebogen fortlaufend gepflegt und weiterentwickelt – stets mit dem Ziel, eine leistungsfähige, barrierefreie und zukunftssichere Lösung bereitzustellen.
Möchten auch Sie Ihre bestehende Webanwendung modernisieren und fit für die Zukunft machen?
