Zum Hauptinhalt springen
← Zurück zu Projekten

Hausbank München, imveon.de

Landingpage als Vue Web Component im Atruvia Content Manager, Angular-Umfeld, vollständig responsive und WCAG-konform

ClientHausbank München
Jahr2026
ServicesMicrofrontend-Entwicklung, Vue Web Components, Atruvia Integration, Responsive Design
Vue.jsWeb ComponentsMicrofrontendAngularAtruvia Content ManagerResponsive DesignTypeScriptBarrierefreiheitWCAG 2.1
Hausbank München, imveon.de

Ü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

01

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

02

Atruvia-Integration

Nahtlose Einbindung in den Content Manager der zentralen Banking-Plattform, innerhalb aller technischen und Compliance-Vorgaben des Bankensektors

03

Responsive Design

Optimierte Layouts für Mobile, Tablet und Desktop, durchgängig getestet und pixelgenau umgesetzt

04

Barrierefreiheit

WCAG 2.1-konforme Umsetzung: ARIA-Labels, semantisches HTML und vollständige Tastaturbedienbarkeit

Project Gallery

Hausbank München, imveon.de Gallery 1
Hausbank München, imveon.de Gallery 2
Hausbank München, imveon.de Gallery 3

Ergebnisse

Vue WCWeb Component
AngularHost-Umfeld
3Breakpoints optimiert
WCAG 2.1Barrierefrei

Projekt ansehen

Zur Live-Version des Projekts

Zur Website →