Grüne Bank, voll digital
Services
- Beratung
- Corporate Design
- Digitale Markenführung
- Digitaler Service
- Portal
- TYPO3
- UX-Design
- WordPress
- Barrierefreies Design
- Redaktionsschulung
Beschreibung
Die GLS Bank ist Deutschlands nachhaltigste Bank, arbeitet nach sozial-ökologischen Grundsätzen und ist sehr transparent in der Finanzierung.
Eine Philosophie, die super zu uns passt.
Das dachte sich auch die GLS Bank und holte uns schon 2012 als digitale Leadagentur an Bord. Seitdem begleiten wir sie auf ihrem Weg durch die digitale Welt.
Digital transformiert: Die GLS Bank im Wandel der Zeit
Seit 2012 begleiten wir die GLS Bank auf ihrer digitalen Reise. Mit jedem Relaunch haben wir die Website nicht nur technisch, sondern auch gestalterisch auf die nächste Stufe gehoben. Die Screenshots zeigen eindrucksvoll, wie sich das digitale Erscheinungsbild der ersten sozial-ökologischen Bank Deutschlands über die Jahre entwickelt hat. Von der klassischen Bankwebsite bis zur modernen, barrierefreien Digitalplattform von heute.
GLS Bank Website im neuen Gewand
Beim Design Refresh 2024 haben wir das neue Corporate Design der GLS Bank Schritt für Schritt auf die Website übertragen. Nach einem initialen "neu anmalen" optimierten wir die wichtigsten Elemente hinsichtlich UX und UI. Besonders stolz sind wir auf die vollständig neugestaltete Startseite mit modernen Scroll-Animationen für mehr Joy of Use, die optimierte Navigation mit konsolidierter Struktur sowie das neue Button- und Linkkonzept mit eindeutigem Farb- und Formleitsystem. Der Relaunch wurde von Usertests begleitet, um die Positionierung wichtiger Funktionen und die Bedienung sowohl auf Desktop als auch Mobil optimal zu gestalten.
Modern, übersichtlich und noch besser
Gutes Design fällt nicht auf. Es funktioniert einfach. Bei der Überarbeitung haben wir neue Module für den Corporate Design-konformen Einsatz von Typografie-Messages geschaffen, einen interaktiven Zeitstrahl zur Geschichte der GLS Bank entwickelt und die Konditionstabellen übersichtlicher gestaltet.
Besonders die mobile Darstellung wurde durch Usertests optimiert. Die Nutzer:innenführung wurde grundlegend überdacht und mit neuer Navigation und Seitenstruktur noch intuitiver gestaltet. Das Ergebnis: Eine Website, die sowohl optisch als auch funktional auf höchstem Niveau überzeugt.
Technische Details
- TYPO3 Multimandantensystem
- WordPress-basiertes Magazin (Startseite )
- TYPO3-basierter Nachhaltigkeitsbericht (GLS Bank Nachhaltigkeitsbericht 2024 )
- SOLR-basierte intelligente Suchfunktion
- Automatisierte Projektdatenbank mit API-Integration
- TYPO3 Workspaces für kollaborative Content-Verwaltung
- Lighthouse Score 99/100 (Barrierefreiheit)
- Barrierefreiheit nach WCAG-Standards mit optimierten Farbkontrasten
- Moderne Scroll-Animationen und Interactive Storytelling
- API-Integration für geförderte Projekte
- Responsive Design mit Mobile-First-Ansatz
- Interaktiver Zeitstrahl zur Unternehmensgeschichte
- Drag & Drop Content-Editor (WordPress Magazin)
- Performance-optimiert mit Caching-Strategien
- Modulares Design System für konsistente Brand Experience
- Umfragetool auf LimeSurvey Basis
- Consulting zur Serverarchitektur des Lastverteilten Systems
- Betreuung und Consulting der Varnish Konfiguration
Barrierefreiheit als Herzensangelegenheit
Eine Bank für alle bedeutet auch eine Website für alle. Deshalb haben wir bei der Website Barrierefreiheit zur Priorität gemacht. Mit überwältigendem Erfolg: Ein Lighthouse Score von 99 von 100 möglichen Punkten ist ein herausragendes Ergebnis und zeigt, dass Inklusion und ansprechendes Design perfekt harmonieren können. Von optimierten Farbkontrasten über klare Navigationspfade bis hin zu screenreader-freundlichen Elementen: die GLS Bank Website ist ein Vorzeigebeispiel dafür, wie digitale Angebote allen Menschen gleichermaßen zugänglich gemacht werden können.
Finanzwirtschaft, aber transparent
Ethisches Banking ist nicht nur nachhaltig, sondern auch transparent. Was die GLS Bank mit dem Geld ihrer Kund:innen macht, sollte öffentlich sein.
Also schufen wir eine Datenbank, in die geförderte Projekte automatisiert einlaufen. Kund:innen und alle interessierten User:innen sehen nun zu jeder Zeit auf der Webseite, welche Projekte und Unternehmen die GLS Bank unterstützt.
Komplexes einfach finden
Wer kennt das nicht: Man sucht ein Finanzprodukt und verliert sich in Fachbegriffen. Damit ist jetzt Schluss. Unsere intelligente SOLR-Suche versteht, wonach Nutzer:innen suchen. Auch wenn sie es ganz anders formulieren als die Bank. Das Besondere: Die Suche erkennt den Kern der Frage und führt direkt zum passenden Angebot. So wird nachhaltiges Banking zugänglich für alle.
User Experience und TYPO3
Die optimale Customer Journey
Auf Basis von User:innen-Tests, Tiefen-Interviews, Analytic-Tools sowie anderen Research-Methoden lernen wir direkt von den Kund:innen, setzen dieses Wissen um und bewerten das Ergebnis erneut. So bleiben wir niemals stehen und sind immer nah an den Erwartungen unsere Kund:innen dran.
Damit entwickeln wir unsere gemeinsame Idee von Banking mit der GLS Bank immer weiter. Eine Customer Journey, die optimal zu relevanten Informationen und Services rund um nachhaltiges Banking führt und aus Geschäftssicht einen optimalen Funnel zum Kontoabschluss schafft.
Nachhaltig bis ins Backend
Technologie kann auch nachhaltig sein. Das beweist das TYPO3 Multimandantensystem der GLS Bank. Es ermöglicht nicht nur der Bank selbst, sondern auch ihren Töchtern GLS Mobility und GLS Investments die effiziente Nutzung der gleichen technologischen Basis. Besonders spannend: die Einführung von TYPO3 Workspaces. Damit können die zahlreichen Redakteur:innen und Contentmanager:innen ihre Änderungen in einer sicheren Umgebung testen und abstimmen, bevor sie live gehen. Das vereinfacht die Freigabeprozesse enorm. Und weil wir das System auch gleich entrümpelt haben – alte Daten und Module raus, Seiten konsolidiert – ist die Website jetzt deutlich schlanker und einfacher zu pflegen.
Der neue Nachhaltigkeitsbericht
Der aktuelle Nachhaltigkeitsbericht der GLS Bank legt nicht nur die umweltbewussten und sozialen Projekte offen, sondern ist auch ein technologisches Meisterwerk!
Mit einem ausgeklügelten TYPO3-Multimandantensystem erwecken wir die Vision von Nachhaltigkeit zum Leben. Mehr dazu in unserem Blogartikel.
Blog mit Haltung und Stil
Der Blog der GLS Bank ist mehr als nur ein Unternehmensmagazin: Er ist eine eigenständige Plattform für nachhaltiges Banking, gesellschaftliche Transformation und zukunftsweisendes Wirtschaften.
Auf WordPress-Basis entwickelt, verbindet das neue Magazin die Designsprache der Bank mit einem eigenständigen Look & Feel. Besonders wichtig war uns dabei die Balance zwischen inspirierendem Magazin-Charakter und der klaren Nutzerführung einer Bank-Website. Das Ergebnis ist ein digitaler Ort für Geschichten, der die Vision der GLS Bank erlebbar macht und gleichzeitig die hohen Anforderungen an Barrierefreiheit und Performance erfüllt.
Marketing
GLS Bank
"Große Visionen brauchen manchmal kleine Schritte. dotfly. versteht diesen Balanceakt perfekt: Sie haben die Geduld für behutsame Optimierungen und gleichzeitig den Mut, kreative Innovationen umzusetzen. Das Ergebnis unserer langjährigen Zusammenarbeit – die neue GLS Website – zeigt eindrucksvoll, wie wertvoll dieser Ansatz ist."
Doppelter Erfolg: Google Ads +120%, Website Score 99
Mit geschärftem Targeting und optimierter Keywordstrategie haben wir 2024 einen echten Durchbruch erzielt: Bei den Google Ads Suchkampagnen verdoppelte sich die Click-Through-Rate (CTR) von 1,62% im Vorjahr auf beeindruckende 3,57%. Gleichzeitig stieg die Zahl der Klicks von 2,09 auf 2,48 Millionen. Das Geheimnis? Eine noch präzisere Ausrichtung auf die relevanten Zielgruppen und eine konsequente Optimierung der Kampagnen. Besonders stolz sind wir auf den Lighthouse Score von 99 bei der Barrierefreiheit – damit ist die Website für alle Nutzer:innen optimal zugänglich. Ein Beweis dafür, dass nachhaltiges Banking auch digital für alle Menschen erreichbar sein kann.
Weitere Projekte für die GLS Bank
Ähnliche Projekte
Stand: Januar 2026