Diakonie Pforzheim
Kompletter Relaunch der Website diakonie-pf.de: Von der barrierearmen Informationsarchitektur über einen dynamischen Veranstaltungskalender bis hin zu automatisierten Kontaktprozessen. Ein Digitalisierungsprojekt über mehrere Monate für einen der größten sozialen Träger in Pforzheim.
Dieses Projekt war kein klassischer Website-Relaunch, sondern ein Digitalisierungsprojekt, das über rund 1,5 Jahre gewachsen ist. Die Diakonie Pforzheim ist einer der größten sozialen Träger in der Region und erreicht Menschen aller Altersgruppen und Herkünfte. Das stellt besondere Anforderungen an eine Website: Sie muss barrierearm, intuitiv und gleichzeitig leistungsfähig genug sein, um über 20 Standorte, dutzende Beratungsangebote und laufende Veranstaltungen abzubilden.
Zu Beginn stand eine umfassende Analyse der bestehenden Website, der internen Abläufe und der Zielgruppen. Darauf aufbauend habe ich eine neue Informationsarchitektur entwickelt, die alle Bereiche der Diakonie klar strukturiert: von der Schwangerenberatung über die Kitas bis hin zu den DiakoniePunkten.
Ein zentrales Anliegen war Barrierefreiheit auf mehreren Ebenen. Technisch durch eine responsive, schnell ladende Umsetzung. Inhaltlich durch die Integration von Leichter Sprache, damit auch Menschen mit Leseschwierigkeiten oder eingeschränkten Deutschkenntnissen Zugang zu den Angeboten finden. Das Corporate Design stammt von Sandra Augstein, die technische Umsetzung und Entwicklung habe ich verantwortet.
Im Backend habe ich Prozesse aufgebaut, die dem Team echte Arbeit abnehmen: Ein smartes Kontaktformular leitet Anfragen automatisch an die zuständige Ansprechperson weiter. Stellenausschreibungen lassen sich unkompliziert pflegen, Bewerbungen gehen direkt online ein. Und Inhalte wie Termine, Standorte oder Teaminformationen können vom internen Team eigenständig aktualisiert werden, ohne technisches Vorwissen.
Das Ergebnis ist eine Website, die nicht nur gut aussieht, sondern im Alltag einer großen Einrichtung funktioniert. Responsiv, schnell und für alle zugänglich.
1. Dynamischer Veranstaltungskalender mit JetEngine REST API: Das Herzstück der neuen Website: Ein filterbarer Veranstaltungskalender, der die Vielzahl an Angeboten der Diakonie übersichtlich abbildet. Technisch basiert er auf JetEngine mit einer eigenen REST-API-Anbindung, die Veranstaltungsdaten dynamisch lädt und filtert. Das Team kann neue Termine direkt im WordPress-Backend anlegen, Kategorien zuordnen und Änderungen sofort live ausspielen. Für die Besucher:innen bedeutet das: schnelle Orientierung über alle Angebote, gefiltert nach Thema, Datum oder Standort.
2. Barrierearmes, responsives Webdesign: Die Website wurde konsequent barrierearm und responsiv umgesetzt. Leichte Sprache ermöglicht den Zugang für Menschen mit eingeschränkten Deutschkenntnissen oder Leseschwierigkeiten. Die Seite funktioniert auf allen Geräten, von Smartphone bis Desktop.
3. Interaktive Standortkarten: 22 Kitas, 5 DiakoniePunkte, Beratungsstellen und weitere Einrichtungen: Alle Standorte sind über interaktive Karten auffindbar, inklusive Kontaktdaten und Verlinkung zu den jeweiligen Detailseiten.
4. Smartes Kontaktformular mit automatischer Weiterleitung: Kontaktanfragen landen automatisch bei der richtigen Ansprechperson, je nach ausgewähltem Bereich. Das spart dem Team manuelle Zuordnung und verkürzt die Reaktionszeit.
5. Online-Terminbuchung (Schwangeren- und Schwangerschaftskonfliktberatung): Für den sensiblen Bereich der Schwangerenberatung wurde eine direkte Online-Buchung integriert. Das senkt die Hemmschwelle für Ratsuchende und entlastet die telefonische Terminvergabe.
6. Online-Bewerbung in 2 Minuten: Über ein schlankes Bewerbungsformular können sich Interessierte direkt online bewerben, ohne Anschreiben oder komplizierte Upload-Prozesse. Das unterstützt die Personalgewinnung in einem Bereich mit hohem Fachkräftebedarf.
7. DSGVO-konforme Instagram-Integration: Der Instagram-Feed der Diakonie wurde über ein Elfsight-Widget eingebunden. Die DSGVO-Konformität wurde über Complianz sichergestellt: Das Widget lädt erst nach aktiver Zustimmung im Cookie-Banner.
8. Suchfunktion und Content-Pflege: Eine seitenweite Suchfunktion hilft Besucher:innen, schnell das richtige Angebot zu finden. Das Backend ist so aufgebaut, dass das interne Team Inhalte eigenständig pflegen kann, ohne technische Unterstützung.
Technisch steckt in diesem Projekt deutlich mehr als ein klassischer WordPress-Relaunch. Der Veranstaltungskalender wurde mit JetEngine und einer eigenen REST-API-Anbindung umgesetzt, um Veranstaltungsdaten dynamisch und performant auszuliefern. Die Filterlogik greift auf Custom Post Types und Taxonomien zu, die das Team über das WordPress-Backend befüllt. So bleiben Ladezeiten niedrig, auch wenn viele Veranstaltungen gleichzeitig angezeigt werden.
Für die DSGVO-konforme Einbindung des Instagram-Feeds habe ich Complianz als Cookie-Consent-Lösung integriert. Das Elfsight-Widget wird erst geladen, wenn Besucher:innen aktiv zustimmen. Das Kontaktformular nutzt eine regelbasierte Weiterleitung: Je nach ausgewähltem Bereich wird die Anfrage automatisch an die zuständige Person geroutet.
Die gesamte Seite läuft auf einer Cloudflare-Infrastruktur für schnelle Ladezeiten und zusätzliche Sicherheit. WP SMTP sorgt für eine zuverlässige E-Mail-Zustellung aller Formulare und Bewerbungen.
Das Ergebnis nach dem Launch: eine Website, die für alle Zielgruppen funktioniert, dem Team Arbeit abnimmt und die Diakonie Pforzheim digital so abbildet, wie sie vor Ort auftritt, nah an den Menschen.
