Wirkstatt Evangelisch – Eine Plattform, die verbindet

Die Herausforderungen waren vielfältig: Barrierefreiheit nach höchsten Standards, eine intuitive Bedienbarkeit für alle Zielgruppen und die technische Umsetzung einer Multidomain-Lösung, die sowohl die Hauptseite als auch den Jugendverband unter einem Dach vereint.

Drupal war für uns die klare Wahl – nicht nur wegen seiner Flexibilität und Skalierbarkeit, sondern weil es uns ermöglichte, individuelle Lösungen zu entwickeln, die genau auf die Bedürfnisse der Wirkstatt Evangelisch zugeschnitten sind. Besonders stolz sind wir auf die Umsetzung der Barrierefreiheit nach WCAG-Standards (Stufe AA). Für uns war das keine bloße Pflichtübung, sondern eine Herzensangelegenheit. Denn Barrierefreiheit bedeutet für uns nicht nur, technische Vorgaben zu erfüllen – sie ist ein Ausdruck unserer Werte: Inklusion, Menschlichkeit und Zugänglichkeit für alle.

Schon in der Planungsphase integrierten wir moderne Tools: KI-gestützte Alt-Texte für Bilder, ein flexibles Redaktionssystem mit automatisierten Benachrichtigungen für ehren- und hauptamtliche Mitarbeitende und eine dynamische Inhaltsverwaltung, die es ermöglicht, Inhalte einmal anzulegen und an verschiedenen Stellen anzuzeigen.

Unser Ziel war eine komplette Lösung aus einer Hand – von der adaptiven und barrierefreien Gestaltung über die technische Umsetzung bis hin zu Schulungen für die Redakteur:innen. Und wir sind stolz darauf, dass dieser Weg nicht mit dem Launch geendet hat. Denn die Plattform wird von uns weiterhin betreut, technisch gewartet und stetig weiterentwickelt.

Doch das ist noch nicht das Ende der Geschichte – die Zusammenarbeit geht weiter.

Projektziele und Herausforderungen

Ziele

Die Wirkstatt Evangelisch sollte einen digitalen Raum erhalten, der ihre analogen Räume der Unterstützung und Begegnung ideal ergänzt. Ein Ort, an dem sich alle willkommen fühlen – ob Suchende, Neugierige, Ehrenamtliche oder Kooperationspartner.

• Barrierefreiheit für alle: Ein Website, der keine Hürden kennt – weder für Menschen mit körperlichen Einschränkungen noch für Nutzer:innen mit technischen Limits.
• Vernetzung und Austausch: Eine Plattform, die interne und externe Zielgruppen verbindet und den Dialog fördert.
• Effizienz und Benutzerfreundlichkeit: Ein System, das intuitiv bedienbar ist und Redakteur:innen die Arbeit erleichtert.

Herausforderungen

• Barrierefreiheit nach WCAG-Standards (Stufe AA): Jedes Detail musste Screenreader-optimiert, tastaturbedienbar und kontrastreich sein.
• Multidomain-Lösung: Technische Integration des Jugendverbands als eigenständige, aber vernetzte Domain in einer gemeinsamen Drupal-Instanz.
• KI-Integration: Nutzung von KI für automatisierte Alt-Texte und Vorbereitung einer intelligenten Suchfunktion – ohne die menschliche Note zu verlieren.
• DSGVO- und EKD-DSG-Konformität: Einhaltung aller datenschutzrechtlichen Vorgaben, ohne die Nutzerfreundlichkeit zu beeinträchtigen.

Umgesetzte Leistungen

1. Konzeption und Strategie

Jeder große Erfolg beginnt mit einer klaren Vision. Gemeinsam mit der Wirkstatt Evangelisch haben wir in einem Kick-Off-Workshop die Umsetzungsstrategie erarbeitet. Dabei ging es nicht nur um technische Details, sondern vor allem darum, die Bedürfnisse der Nutzer:innen zu verstehen.

• Sitemap und Mindmap: Wir haben eine komplette Sitemap des bestehenden Internetauftritts erstellt und in einem Mindmap-Tool alle umsetzungsrelevanten Informationen gesammelt – von Funktionshinweisen bis hin zu Keyword-Katalogen.
• Feinkalkulation und Pflichtenheft: Jeder Schritt wurde genau geplant, um sicherzustellen, dass am Ende ein maßgeschneidertes Ergebnis steht.

2. Design und Benutzerführung

Ein gutes Design ist mehr als nur Ästhetik – es ist Funktionalität, die begeistert.

• Barrierefreies Design: Jedes Element wurde so gestaltet, dass es den WCAG-Standards entspricht: entsprechende Kontraste, klare Strukturen und eine tastaturbedienbare Oberfläche.
• Responsive Gestaltung: Optimiert für Desktop, Tablet und Smartphone.
• Corporate Design: Konsistente und moderne Umsetzung der vorgegebenen CI/CD-Elemente.
• Mockups und Designsystem: Alle relevanten Seiten wurden als Mockups erstellt, und ein Designsystem sorgt für eine effiziente Umsetzung durch die Entwickler:innen.

3. Technische Umsetzung

Hier kam unser technisches Know-how ins Spiel. Denn eine gute Website steht und fällt mit ihrer technischen Basis.

• Drupal-Installation und -Konfiguration:
  • Aktuelle Drupal-Version mit allen benötigten Modulen: SEO, Cookie-Banner (ccm19), Matomo/Google Analytics, Barrierefreiheits-Module.
  • Performance-Optimierungen für eine schnelle Ladegeschwindigkeit.
  • Backend-Optimierung: Flexibles Redaktionssystem, das es ermöglicht, Inhalte einmal anzulegen und an verschiedenen Stellen anzuzeigen.
• Multidomain-Lösung:
  • Eine gemeinsame Drupal-Instanz für die Hauptseite und den Jugendverband – kosteneffizient und leicht zu warten.
  • Individuelle Gestaltungsmöglichkeiten für jede Domain.
  • Getrennte Benutzerrechte und Rollen.
• KI-gestützte Elemente:
  • Automatische Generierung von Alt-Tags für Bilder.
  • Vorbereitung für eine KI-gestützte Suchfunktion für zukünftige Erweiterungen.
• Schnittstellen und Integrationen:
  • Termine Evangelisch für eine nahtlose Terminverwaltung.
  • Newsletter-Systeme mit teilautomatisierter Erstellung.
  • Kontaktformulare und Anmeldeformulare für Veranstaltungen.

4. Barrierefreiheit

Wer mit elfgenpick zusammenarbeitet, weiß: Barrierefreiheit ist für uns kein nachträglicher Gedanke, sondern von Anfang an zentral. Genau das war in diesem Fall der Fall. Von Anfang an haben wir Folgendes eingeführt:

• Visuelle Anforderungen, darunter die entsprechenden Kontrastverhältnisse. 
• Struktur und Bedienbarkeit:
  • Klare Hierarchien und Navigationspfade.
  • Tastaturbedienbare Oberflächen für alle Funktionen.
  • Screenreader-optimierte Inhalte.
• Alternativtexte:
  • Pflichtfelder für Alt-Tags bei Bildern.
  • Audiobeschreibungen für Multimedia-Inhalte.

5. Projektkoordination und Support

Ein Projekt dieser Größe erfordert klare Kommunikation und enge Zusammenarbeit.

• Regelmäßige Jour Fixe: Abstimmung mit dem Kunden, Klärung von Fragen und interne Kommunikation.
• Technische Abwicklung: Hosting-Einrichtung mit Empfehlung eines Hostingpartners.
• Schulungen: Zwei zusätzliche Schulungen für Redakteur:innen.

Besonderheiten und Innovationen

Barrierefreiheit als Herzstück

Die Website der Wirkstatt Evangelisch setzt neue Maßstäbe in Sachen Inklusion im digitalen Raum:

• Vollständige WCAG-Konformität (Stufe AA) für alle Inhalte.
• Screenreader-Optimierung: Alle Inhalte sind für Nutzer:innen mit Sehbehinderung vollständig zugänglich.
• KI-Unterstützung: Automatisierte Alt-Texte und Vorbereitung für eine KI-Suche.

Multidomain-Lösung für den Jugendverband

• Kosteneffizienz: Keine separate Drupal-Instanz nötig – eine Installation, viele Möglichkeiten.
• Flexibilität: Jede Domain kann individuelle Gestaltungsmerkmale behalten.
• Vernetzung: Gemeinsame Nutzung von Inhalten und Funktionen (z. B. Veranstaltungen, Ansprechpartner).

Menschliche Kommunikation im Fokus

• Automatisierte Benachrichtigungen: Ehrenamtliche Änderungen werden automatisch an Hauptamtliche weitergeleitet.
• Benutzerfreundliches Backend: Schnelle Einarbeitung neuer Redakteur:innen.
• DSGVO-konforme Prozesse: Einhaltung aller datenschutzrechtlichen Vorgaben.

Ergebnis und Nutzen für den Partner

Die neue Website der Wirkstatt Evangelisch ist mehr als nur eine Internetpräsenz – sie ist ein digitaler Ort der Begegnung und Unterstützung.

• Barrierefrei – für alle Nutzer:innen zugänglich
• Vernetzend – verbindet interne und externe Zielgruppen
• Innovativ – nutzt KI und moderne Technologie
• Nachhaltig – leicht wartbar und erweiterbar
• Menschlich – setzt auf klare Kommunikation und Benutzerfreundlichkeit

Die Plattform dient als digitaler Raum der Begegnung und unterstützt die Mission der Wirkstatt Evangelisch, Räume der Unterstützung und Innovation zu schaffen.