DEKA Halbjahresfinanzbericht
Eine pixelgenaue Webflow-Umsetzung des Deka-Halbjahresfinanzberichts mit acht animierten Kennzahlen, Glossar und DE/EN-Mehrsprachigkeit für den Kundenserver.
Erfolg spricht Klartext
In nur einer Woche wurde das Figma-Design des Halbjahresfinanzberichts der Deka-Gruppe in Webflow als responsiver Online-Bericht umgesetzt. Die Startseite verbindet einen Kennzahlen-Überblick mit acht animierten Chart.js-Diagrammen, den eingebetteten Bericht und die Downloads auf einer Seite. Scroll-Animationen bauen die Kennzahlen beim Lesen auf, ein mobiler Slider sorgt auf Smartphones für beste Lesbarkeit. Ein Glossar erklärt Fachbegriffe, und ein Webflow-Sprachumschalter stellt alle Inhalte auf Deutsch und Englisch bereit, damit auch internationale Investoren den Bericht in ihrer Sprache lesen können. Da die Seite aus Compliance-Gründen im eigenen Servernetzwerk der Deka-Gruppe laufen muss, wurde der Webflow-Code exportiert und auf der Infrastruktur des Kunden bereitgestellt. Das Ergebnis ist ein Finanzbericht, der auf Desktop, Tablet und Mobilgeräten direkt im Browser lesbar ist, Zahlen sichtbar macht und alle Anforderungen an Hosting und Sicherheit erfüllt.
Die DekaBank ist das zentrale Wertpapierhaus der Sparkassen-Finanzgruppe und bündelt als Verbundpartner die Wertpapier-, Fonds- und Vermögensverwaltungsaktivitäten für rund 350 deutsche Sparkassen und deren Kundinnen und Kunden. Der Halbjahresfinanzbericht lag bislang ausschließlich als PDF vor und war online nicht direkt im Browser erreichbar. Die zentralen Kennzahlen des Halbjahres waren im Fließtext schwer zu erfassen, und eine englische Fassung für internationale Investoren fehlte. Hinzu kam eine klare technische Vorgabe aus dem regulierten Umfeld: Die Bereitstellung musste zwingend auf der eigenen Server-Infrastruktur der Deka-Gruppe erfolgen, ein externes Hosting kam nicht in Frage. Gefragt war also ein responsiver, zweisprachiger Online-Bericht, der Zahlen sichtbar macht, direkt im Browser lesbar ist und sich ohne externe Abhängigkeiten auf dem Kundenserver betreiben lässt, und das in kurzer Zeit.
Von Website-Frust zur Plattform, die einfach läuft
Das sind die häufigsten Gründe, warum Unternehmen zu uns kommen – und so lösen wir sie.
Der Finanzbericht war nur als PDF verfügbar und online nicht direkt abrufbar. Leser mussten das vollständige Dokument herunterladen, um einzelne Inhalte zu finden, was besonders auf mobilen Geräten umständlich ist und den Zugang zu den Informationen unnötig erschwert.
Eine Webflow-Entwicklung sorgt für direkten Zugriff im Browser, responsiv auf Desktop, Tablet und Smartphone, ergänzt um einen PDF-Download für alle, die das vollständige Dokument bevorzugen. Kennzahlen-Überblick, Bericht und Downloads liegen auf einer zentralen Startseite.
Viele wichtige Finanzzahlen sind in reinem Fließtext schwer erfassbar. Die zentralen Kennzahlen des Halbjahres sollen aber auf einen Blick verständlich sein, ohne dass Leser Tabellen durchsuchen müssen.
Chart.js-Animationen visualisieren die acht Kernkennzahlen übersichtlich beim Scrollen.
Internationale Investoren benötigen den Finanzbericht in englischer Sprache, inklusive der Erklärung von Fachbegriffen. Eine englische Fassung des Berichts fehlte bislang vollständig, sodass ein relevanter Teil der Zielgruppe nicht erreicht wurde.
Ein Webflow-Sprachumschalter bietet die Inhalte samt Glossar auf Deutsch und Englisch. Leser wechseln mit einem Klick die Sprache, alle Kennzahlen, Texte und Downloads stehen in beiden Sprachen bereit, und das Glossar erklärt Fachbegriffe in der jeweils gewählten Sprache.
Die Website muss aus Compliance-Gründen im eigenen Servernetzwerk der Deka-Gruppe laufen. Ein externes Hosting, wie es bei Webflow standardmäßig vorgesehen ist, kam für einen Finanzbericht aus dem regulierten Umfeld deshalb nicht in Frage.
Der Webflow-Code-Export ermöglicht das Hosting auf der eigenen Infrastruktur. Die zweisprachige Seite wurde als statischer Code exportiert und im Servernetzwerk der Deka-Gruppe bereitgestellt, sodass alle Compliance-Vorgaben erfüllt sind und die Vorteile von Webflow erhalten bleiben.
Pixelgenaue Webflow-Umsetzung des Figma-Designs, die auf Desktop, Tablet und Mobilgeräten eine optimale Performance bietet. Typografie, Abstände und Farbwelt folgen exakt der Vorlage, sodass der Online-Bericht dem Erscheinungsbild der Deka-Gruppe entspricht. Innerhalb einer Woche war die Seite fertig und bereit für die Bereitstellung auf dem Kundenserver.
Einbindung von acht Chart.js-Kennzahlen mit Scroll-Animationen und einem mobilen Slider für beste Lesbarkeit. Die Kernkennzahlen des Halbjahres bauen sich beim Lesen auf und werden so auf einen Blick erfassbar, statt im Fließtext unterzugehen. Auf Smartphones blättern Leser bequem durch die Kennzahlen, auf dem Desktop erscheinen sie als übersichtlicher Überblick.
Nahtloser Export der zweisprachigen Webflow-Seite zur sicheren Bereitstellung auf der eigenen Server-Infrastruktur der Deka-Gruppe. Die Website läuft ohne externe Abhängigkeiten im eigenen Servernetzwerk und erfüllt damit die Compliance-Vorgaben des regulierten Umfelds, ohne auf die gestalterischen und technischen Vorteile von Webflow verzichten zu müssen.
Wir haben das Figma-Design innerhalb einer Woche pixelgenau in Webflow als responsive, zweisprachige Website umgesetzt. Auf Desktop, Tablet und Mobilgeräten bietet die Seite eine optimale Performance und führt Leser von einem Kennzahlen-Überblick über den eingebetteten Bericht bis zu den Downloads. Acht Kernkennzahlen wurden als animierte Chart.js-Diagramme integriert, die sich beim Scrollen aufbauen, auf Smartphones ergänzt ein mobiler Slider die Darstellung für beste Lesbarkeit. Der Bericht ist direkt im Browser lesbar und steht zusätzlich als PDF-Download bereit. Ein Webflow-Sprachumschalter bietet die Inhalte samt Glossar auf Deutsch und Englisch, sodass internationale Investoren den Bericht in ihrer Sprache lesen können. Für das Hosting im eigenen Servernetzwerk der Deka-Gruppe wurde der Webflow-Code exportiert und auf der Infrastruktur des Kunden bereitgestellt. So erfüllt der Online-Bericht alle Compliance-Anforderungen und bleibt zugleich schnell und zugänglich.
