Hausbank München, imveon.de
Landingpage als Vue Web Component im Atruvia Content Manager, Angular-Umfeld, vollständig responsive und WCAG-konform

Überblick
Die Landingpage für imveon.de ist eine vollständig isolierte Vue Web Component, die nahtlos im Atruvia Content Manager der Hausbank München läuft, dem zentralen CMS-Ökosystem der Volksbanken und Raiffeisenbanken in Deutschland. Die besondere technische Herausforderung: Das Angular-Host-Umfeld des Atruvia Content Managers erfordert eine präzise Kapselung der Komponente, um Stil- und Skript-Konflikte mit der Host-Applikation vollständig auszuschließen. Vue Web Components liefern genau diese Isolation, bei gleichzeitig moderner, wartbarer Komponentenarchitektur. Das Ergebnis ist eine hochwertige Landingpage, die sich gestalterisch nahtlos in den Markenauftritt der Hausbank München einfügt und gleichzeitig die strengen Compliance- und Barrierefreiheitsanforderungen des Bankensektors erfüllt. Responsive Layouts für Mobile, Tablet und Desktop, Barrierefreiheit nach WCAG 2.1 sowie saubere TypeScript-Typisierung waren dabei selbstverständliche Bestandteile der Umsetzung.
Herausforderung
Entwicklung einer modernen Landingpage als Vue Web Component im Angular-Host-Umfeld des Atruvia Content Managers, vollständig isoliert, markenkonforme und WCAG 2.1-konform.
Lösung
Vue 3 Web Component mit vollständiger Style-Kapselung, nahtlos integriert in den Atruvia Content Manager. TypeScript-typsichere Komponentenarchitektur mit responsive Layouts für alle Breakpoints.
Key Features
Vue Web Component
Vollständig isolierte Web Component in Vue 3, läuft entkoppelt im Angular-Host-Umfeld des Atruvia Content Managers ohne Stil- oder Skript-Konflikte
Atruvia-Integration
Nahtlose Einbindung in den Content Manager der zentralen Banking-Plattform, innerhalb aller technischen und Compliance-Vorgaben des Bankensektors
Responsive Design
Optimierte Layouts für Mobile, Tablet und Desktop, durchgängig getestet und pixelgenau umgesetzt
Barrierefreiheit
WCAG 2.1-konforme Umsetzung: ARIA-Labels, semantisches HTML und vollständige Tastaturbedienbarkeit
Project Gallery



