DEKA Bank

DEKA Geschäftsbericht

Eine responsive, zweisprachige Webflow-Umsetzung des Deka-Geschäftsberichts 2025, die Kennzahlen, Downloads und einen eingebetteten Report zentral bündelt.

Development
Development
Webflow
Webflow
Rotes Deka-Logo auf einem Farbverlauf von hellem Graublau zu dunklem Petrol

Erfolg spricht Klartext

Webflow-Umsetzung des Figma-Designs für den Geschäftsbericht 2025 der Deka-Gruppe als responsiver Online-Bericht. Die Startseite bündelt Vorwort, acht animierte Chart.js-Kennzahlen mit Scroll-Animationen, den eingebetteten Hauptbericht und einen Downloadbereich mit sieben Dokumenten wie dem Konzernabschluss an einem zentralen Ort. Ein Video-Hero eröffnet die Seite, ein Glossar erklärt Fachbegriffe, und ein Sprachumschalter stellt alle Inhalte auf Deutsch und Englisch bereit. Da die Website zwingend auf der eigenen Server-Infrastruktur der Deka-Gruppe laufen musste, wurde die zweisprachige Webflow-Seite exportiert und direkt auf dem Server des Kunden gehostet. Das Ergebnis ist ein Geschäftsbericht, der geräteübergreifend im Browser lesbar ist, Kennzahlen sichtbar macht und Lesern einen schnellen Zugriff auf Vorwort, KPIs, Hauptbericht und Einzelkapitel bietet, ohne die Anforderungen an Sicherheit und Hosting zu verletzen.

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 Geschäftsbericht 2025 lag bislang ausschließlich als PDF vor. Für Leser bedeutete das: lange Dokumente, die auf mobilen Geräten unübersichtlich sind, Kennzahlen, die im Fließtext untergehen, und kein direkter Einstieg zu einzelnen Kapiteln oder Anlagen. Der Bericht sollte deshalb direkt und geräteübergreifend im Browser lesbar sein und Lesern einen zentralen, responsiven Einstieg zu Vorwort, KPIs, Hauptbericht und Einzelkapiteln bieten, auf Deutsch und Englisch. Eine besondere Anforderung kam aus dem regulierten Umfeld: Die Website musste zwingend auf der eigenen Server-Infrastruktur der Deka-Gruppe gehostet werden. Die Lösung musste daher exportierbar und ohne externe Abhängigkeiten auf dem Kundenserver lauffähig sein.

Kennst du das?

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.

Problem 01

Der Geschäftsbericht lag nur als PDF vor und war nicht direkt im Browser lesbar. Gerade auf mobilen Geräten ist ein umfangreiches PDF unübersichtlich, und Leser mussten das gesamte Dokument herunterladen, um einzelne Inhalte zu finden.

Lösung 01

Ein in Webflow eingebetteter Bericht erlaubt das Lesen direkt im Browser, geräteübergreifend und responsiv, ergänzt um einen PDF-Download für alle, die das vollständige Dokument bevorzugen. Leser erreichen Vorwort, Kennzahlen und Hauptbericht über eine zentrale Startseite.

Problem 02

Leser benötigen schnellen Zugriff auf spezifische Kapitel und Anlagen wie den Konzernabschluss, ohne sich durch ein einziges langes Dokument arbeiten zu müssen.

Lösung 02

Ein Downloadbereich liefert alle sieben Dokumente wie den Konzernabschluss gebündelt.

Problem 03

Wichtige Finanzzahlen gehen in reinem Text häufig komplett unter. Wer den Bericht liest, soll die zentralen Kennzahlen der Deka-Gruppe aber auf einen Blick erfassen und einordnen können, ohne Tabellen durchsuchen zu müssen.

Lösung 03

Animierte Chart.js-Diagramme visualisieren acht Kennzahlen übersichtlich und bauen sich beim Scrollen auf. Die wichtigsten Zahlen des Geschäftsjahres werden so zum sichtbaren Einstieg in den Bericht, statt im Fließtext zu verschwinden, und lassen sich auf jedem Endgerät schnell erfassen.

Problem 04

Die Website muss aus Sicherheits- und Compliance-Gründen zwingend auf der eigenen Infrastruktur der Deka-Gruppe laufen. Ein externes Hosting, wie es bei Webflow standardmäßig vorgesehen ist, kam deshalb nicht in Frage.

Lösung 04

Der Webflow-Export ermöglicht ein direktes Hosting auf dem Kundenserver. Die zweisprachige Seite wurde als statischer Code exportiert und auf der Infrastruktur der Deka-Gruppe bereitgestellt, sodass alle Hosting-Anforderungen erfüllt sind und die Vorteile von Webflow erhalten bleiben.

Pixelgenaue Webflow-Umsetzung des Figma-Designs, inklusive Hero-Bereich mit Video und responsiver Darstellung für Desktop, Tablet und Smartphone. Typografie, Abstände und Farbwelt folgen exakt der Vorlage, sodass der Online-Bericht dem Erscheinungsbild der Deka-Gruppe entspricht und auf jedem Endgerät eine klare, lesbare Struktur bietet, vom Vorwort bis zum Downloadbereich.

DEKA Geschäftsbericht Screens auf einem Macbook, iPad und iPhone auf einem gradient Hintergrund aus verschiedenen Petrol Abstufungen

Interaktiver Report-Hub mit acht Chart.js-Kennzahlen, die sich per Scroll-Animation aufbauen und Finanzzahlen auf einen Blick erfassbar machen. Der eingebettete Hauptbericht, das Vorwort und ein Downloadbereich mit sieben Dokumenten wie dem Konzernabschluss liegen gebündelt auf einer Startseite. Ein Glossar und der Sprachumschalter DE/EN runden den Online-Bericht ab.

Download Berecih des DEKA GBR's bestehend aus verschiedenen Kacheln in einem Grid in dunklem Petrol

Export der zweisprachigen Webflow-Seite zur nahtlosen und sicheren Bereitstellung auf der eigenen Server-Infrastruktur der Deka-Gruppe. Die Website läuft ohne externe Abhängigkeiten auf dem Kundenserver und erfüllt damit die strengen Hosting- und Compliance-Anforderungen des regulierten Umfelds, ohne auf die gestalterischen und technischen Vorteile von Webflow zu verzichten.

Webflow-Designer mit Export-Code-Dialog (HTML, CSS, JS, Assets) und Button „Prepare ZIP“ für den Seitenexport

Wir haben das in Figma gestaltete Design pixelgenau in Webflow als responsive, zweisprachige Website umgesetzt. Die Startseite eröffnet mit einem Video-Hero und führt zu Vorwort, Kennzahlen, Hauptbericht und Downloads. Acht Kennzahlen wurden als animierte Chart.js-Diagramme integriert, die sich beim Scrollen aufbauen und Finanzzahlen sichtbar machen, die in reinem Text häufig untergehen. Der Hauptbericht ist direkt in die Seite eingebettet und kann im Browser gelesen oder als PDF heruntergeladen werden. Ein Download-Hub stellt alle sieben Dokumente wie den Konzernabschluss zentral bereit, ein Glossar erklärt Fachbegriffe, und ein Sprachumschalter wechselt zwischen DE und EN. Für das Hosting beim Kunden wurde die fertige Webflow-Seite exportiert und auf der eigenen Server-Infrastruktur der Deka-Gruppe bereitgestellt, sodass alle Anforderungen an Sicherheit und Compliance erfüllt sind. Der Bericht ist damit auf allen Endgeräten lesbar und sicher betrieben.

Rotes Deka-Logo auf einem Farbverlauf von hellem Graublau zu dunklem Petrol

Der Geschäftsbericht im Browser

Vorwort, acht animierte Kennzahlen, der eingebettete Bericht und sieben Downloads liegen gebündelt auf einer Startseite, auf Deutsch und Englisch.

Der Geschäftsbericht im Browser
Tag one
Tag two
Tag three
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Long heading is what you see here in this feature section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.