Intelligente Beratungslösung für die Oberbank
In enger Zusammenarbeit mit der Oberbank haben wir eine Web-Applikation entwickelt, die den Beratungsprozess in den Filialen modernisiert. Durch die Ablöse fragmentierter Altsysteme und die tiefe Integration in das Kernbankensystem wurde eine strukturierte Datenbasis für eine effiziente und qualitativ hochwertige Kundenberatung geschaffen.
Kunde
Oberbank
Typ
Web-Anwendung
Industrie
Finanztechnologie
Dauer
6 Monate
Land
Österreich
Mit Zielen vor Augen beginnen
1
Live-Beratung neu gedacht
Verlagerung des Workflows von der administrativen Nachbereitung hin zu einem interaktiven Live-Beratungsprozess, der Kund:innen visuell einbindet und das Erlebnis in der Filiale modernisiert.
2
Strukturierte Daten-Workflows
Ersetzung fragmentierter Altsysteme durch einen konsistenten Beratungsstandard bei gleichzeitigem Übergang von unstrukturierten Notizen zu einer strukturierten Datenerfassung für fortschrittliche Analysen und regulatorische Compliance.
3
Schnelleres Beratungs-Enablement
Implementierung einer geführten Fragebogen-Logik, um neuen oder weniger erfahrenen Beratenden zu ermöglichen, hochwertige und unabhängige Kundengespräche deutlich schneller zu führen.
Phase 1
Lösungsfindungsprozess
Wie wir es gemacht haben
Das Ziel war die Integration eines extern entwickelten Beratungsmoduls in das Kern-Frontend der Bank. Die Anforderungen: Minimaler Overhead, Einhaltung bestehender Standards und die effiziente Wiederverwendung vorhandener UI-Komponenten.
.webp){kind=icon}
A: Integrierte Repository-Entwicklung
Nutzung der bestehenden Host-Infrastruktur oder Git-Submodule für eine sofortige Wiederverwendung von Komponenten. Dieser Ansatz ermöglicht einen schnellen Projektstart bei minimalen Setup-Kosten, koppelt die Entwicklung jedoch eng an die Release-Zyklen des Hosts.
B: NPM-Paket
Bietet durch eine interne Registry eine hervorragende Framework-Unterstützung. Dennoch blieben die Releases an den Host gebunden. Zudem hätte die Wiederverwendung von Host-UI-Komponenten deren Auslagerung in eine separate Shared Library erfordert.
C: Module Federation
Ermöglicht durch Lazy Loading hochgradig unabhängige Entwicklungs- und Deployment-Zyklen. Dem gegenüber stehen jedoch ein signifikant höherer architektonischer Initialaufwand und die Notwendigkeit, geteilte Komponenten via NPM zu paketieren.
Single-SPA
Wandelt das gesamte Frontend in eine Microfrontend-Architektur um, was maximale Unabhängigkeit bietet. Die Kosten für das initiale Setup sowie die laufende Wartung sind jedoch extrem hoch.
Unsere Entscheidung
Wir haben uns dazu entschieden, das neue Modul direkt innerhalb der Codebasis der Host-Anwendung zu entwickeln. Die Bindung an die gemeinsamen Release-Zyklen haben wir dabei bewusst in Kauf genommen, da dieser Ansatz entscheidende strategische Vorteile bot:
• Sofortiger Projektstart: Wir konnten ein straffes Zeitbudget einhalten, ohne wertvolle Zeit mit der Anpassung bestehender Organisationsprozesse zu verlieren.
• Keine Änderungen an der Pipeline: Die Infrastruktur anderer Teams blieb unberührt, da bestehende Angular-Templates und Deployment-Pipelines unverändert übernommen wurden.
• Nahtlose Wiederverwendung von Komponenten: Dank der sauberen Struktur des Host-Repositorys konnten gemeinsam genutzte UI-Komponenten mühelos in ein zentrales Modul überführt werden.
• Zukunftssicherheit: Wir haben die Architektur bewusst einfach gehalten. Dies lässt uns die Option offen, zu einem späteren Zeitpunkt auf Module Federation zu migrieren, sollten die Frontend-Teams weiter skaliert werden.
Phase 2
Implementierung
Technologie Stack
Da das Frontend der Bank bereits als Monorepo auf Basis von Angular und Nx aufgebaut war, fielen die technologischen Entscheidungen naheliegend aus. Durch die Wiederverwendung von Code, das vorhandene Expertenwissen und eine Spring Boot-Mikroservice-Architektur konnten wir das Projekt ohne unnötige Reibungsverluste sofort starten.
Angular: Als Basis-Framework für das Frontend ermöglicht es eine dynamische, komponentengesteuerte Benutzererfahrung – ideal für die Abbildung mehrstufiger Beratungsprozesse.
Nx & Monorepo Frontend: Die Entwicklung innerhalb desselben Repositorys erlaubt ein effizientes Sharing von UI-Komponenten zwischen der Hauptanwendung und dem neuen Beratungsmodul.
Spring Boot: Bildet das Fundament für die robusten Backend-Mikroservices, die für eine sichere Echtzeit-Kommunikation mit den Kernbankensystemen erforderlich sind.
Bootstrap: Dient als responsives Styling-Framework, um ein konsistentes und klares Design über alle Beratungsmasken hinweg zu gewährleisten.
OpenShift: Als Enterprise-Container-Plattform ermöglicht es das sichere Deployment sowie den skalierten Betrieb der Anwendung innerhalb der strengen IT-Infrastruktur der Bank
Angular
Monorepo
Spring Boot
Bootstrap
Openshift
Agiler Prozess
Eine enge Abstimmung mit den internen IT-Teams der Oberbank war der Grundstein für den Projekterfolg. Statt in einem Silo zu arbeiten, fungierten wir als strategischer Partner für die technischen Expert:innen der Bank und stellten so eine nahtlose Integration in die bestehende Infrastruktur sicher.
Unser methodischer Ansatz:
• Scrum-basierte Delivery-Zyklen: Diese sorgten für ein strukturiertes, iteratives und berechenbares Tempo bis zum Go-Live.
• Asynchrone Sprint-Zyklen: Durch versetzte Sprints zwischen & und der Oberbank konnten wir in einer kontinuierlichen „Build-and-Review“-Schleife arbeiten, ohne dass sich die Teams gegenseitig blockierten.
• Gemeinsames Backlog Refinement: Fachliche Logik, regulatorische Anforderungen und technische Rahmenbedingungen wurden in Echtzeit diskutiert und priorisiert.
• Kontinuierliche Feedback-Loops: Der direkte Austausch zwischen & und der Oberbank garantierte, dass Sprint-Ergebnisse ohne administrative Verzögerungen geprüft und angepasst werden konnten.
Dieses kommunikationsintensive Scrum-Modell war entscheidend, um die technische Komplexität des Projekts innerhalb des sechsmonatigen Zeitfensters zu bewältigen. Durch eine "open-door" Policy mit den Verantwortlichen der Oberbank konnten wir Hürden frühzeitig identifizieren und gemeinsam lösen.
Herausforderungen
Phase 3
Veröffentlichung
Ready, Set, Ship!
In nur einem halben Jahr haben wir einen fragmentierten administrativen Prozess in eine kollaborative digitale Journey transformiert. Berater und Kunden navigieren heute gemeinsam durch finanzielle Entscheidungen – unterstützt durch einen intuitiven Fragebogen, der am Ende automatisch eine strukturierte Zusammenfassung direkt in die eBox des Kunden übermittelt.Indem wir die Entwicklung tief in der bestehenden Architektur der Bank verankerten, konnten wir typische Enterprise-Hürden umgehen. Dieses Projekt beweist, dass komplexe Kernbanken-Integrationen durch eine strategische und pragmatische Partnerschaft in kürzester Zeit erfolgreich realisiert werden können.
"Mit & haben wir einen Partner gewonnen, der unsere hohen organisatorischen, technischen und fachlichen Anforderungen in jeder Hinsicht erfüllt. Ihre umfassende Erfahrung, ihr ausgeprägt lösungsorientiertes Mindset sowie ihre Hands‑on‑Mentalität haben es ermöglicht, in kurzer Zeit entscheidende Fortschritte zu erzielen. Die Zusammenarbeit war sowohl auf persönlicher als auch auf fachlicher Ebene jederzeit vertrauensvoll, effizient und ausgesprochen angenehm. Wir schätzen & als verlässlichen, kompetenten und engagierten Partner."
Über &
& nutzt die Macht der Technologie, um Menschen bei dem zu unterstützen, was sie tun. Je nach Ihren Ideen und Bedürfnissen entwickeln, gestalten und verbessern wir Softwareprodukte, um Ihre digitale Präsenz zu stärken.
Sind Sie bereit, Ihr Unternehmen mit innovativen Softwarelösungen zu transformieren?
Bei & setzen wir uns leidenschaftlich dafür ein, Ihre Ideen in die Realität umzusetzen und außergewöhnliche Softwarelösungen zu liefern, die Ihren individuellen Anforderungen entsprechen.
