Logo Mediendesign Magnus Brühl
i-make.media
Die neue responsive Webseite des Sozialvereins SKM Mönchengladbach sieht auf allen Endgeräten vom Laptop bis zum Handy großartig aus.

Barrierefreies Webdesign für gemeinnützige Organisationen: Der SKM Mönchengladbach zeigt, wie’s geht

Ausgangslage

Der SKM Mönchengladbach ist ein gemeinnütziger Verein, der Menschen in schwierigen Lebenslagen unterstützt. Die Arbeitsbereiche reichen von Integration und Migration über Kinder- und Jugendhilfe bis hin zur Wohnungslosenhilfe. Dazu kommen ein Betreuungsverein, spezielle Hilfsangebote für Männer und verschiedene Gruppenangebote. Mit rund 80 Ehrenamtlichen und 50 Hauptamtlichen ist der Verein eine feste Größe in der sozialen Arbeit der Region.

Als der Bundesverband ein einheitliches Rebranding mit neuer Corporate Identity anstieß, stand der SKM Mönchengladbach vor einer Entscheidung: Die bestehende Website einfach farblich anpassen oder die Gelegenheit nutzen und das digitale Fundament komplett neu aufbauen.

Die Entscheidung fiel auf Letzteres. Und das aus gutem Grund.

Auf einen Blick

Kunde

Gemeinnütziger Verein

Herausforderung

Veraltete Website, drei verschiedene Zielgruppen, begrenzte Ressourcen für Inhaltspflege

Lösung

Barrierefreier Relaunch mit intuitivem Redaktionssystem
Probleme einer veralteten Webseite: unübersichtliche gewachsene Strukturen, verschachtelte Menüs, überholtes Design
Die alte Startseite des SKM Mönchengladbach

Die alte Seite war über Jahre gewachsen, ohne jemals grundlegend überarbeitet worden zu sein. Die Menüs waren überladen, Unterseiten fanden sich an unerwarteten Stellen, eine erkennbare Struktur fehlte. Wer ein passendes Hilfsangebot suchte, musste sich durch ein Labyrinth aus Informationen kämpfen. Eine Suchfunktion gab es nicht.

Das größte Problem: Die wichtigen Inhalte waren durchaus vorhanden aber so tief vergraben, dass sie kaum jemand fand.

Herausforderung

Eine Website für einen sozialen Träger zu gestalten, bringt besondere Anforderungen mit sich. Die Zielgruppen könnten unterschiedlicher kaum sein: Menschen in akuten Krisensituationen, die schnell Hilfe brauchen. Angehörige, die sich im Namen anderer informieren. Potenzielle Ehrenamtliche, die sich engagieren möchten. Und Fachleute aus dem sozialen Bereich, die nach Kooperationspartnern suchen.

Sie alle müssen auf derselben Website fündig werden. Und zwar schnell.

Gerade bei einem sozialen Träger ist Barrierefreiheit keine optionale Zusatzleistung, sondern eine Frage der Haltung. Menschen, die ohnehin mit Hürden im Alltag kämpfen, dürfen nicht auch noch an der Website scheitern. Das bedeutet: klare Kontraste, verständliche Sprache, eine logische Struktur und Inhalte, die auch mit Screenreadern zugänglich sind.

Dazu kam eine weitere Hürde: Die Pflege der Website liegt in den Händen einer einzigen Person, die das neben ihrer eigentlichen hauptamtlichen Tätigkeit erledigt. Das bedeutet: Die neue Seite musste nicht nur für Besucher funktionieren, sondern auch hinter den Kulissen so aufgebaut sein, dass Aktualisierungen ohne großen Aufwand möglich sind.

Die zentrale Frage lautete also: Wie schaffe ich eine Struktur, die komplexe Inhalte barrierefrei und übersichtlich abbildet, für völlig unterschiedliche Nutzergruppen funktioniert und gleichzeitig von einer Person allein gepflegt werden kann?

Lösung

Die Antwort auf diese vielschichtigen Anforderungen lag in einer klaren Informationsarchitektur. Statt die Besucher mit einer Flut an Unterseiten zu überfordern, habe ich die Menüs und die Benutzerführung radikal entschlackt und neu sortiert.

Intuitive Nutzerführung durch große, einladende Einstiegspunkte auf der neuen Startseite des SKM Mönchengladbach
Schnelle benutzerorientierte Navigation auf der neuen Startseite des SKM Mönchengladbach

Das Herzstück der neuen Struktur ist die Startseite selbst. Direkt beim ersten Besuch werden Nutzer dort abgeholt, wo sie stehen: Drei große, einladende Einstiegspunkte führen sie genau dorthin, wo sie hin möchten: „Hilfe finden", „Mitmachen" oder „Spenden". Keine Umwege, keine Überforderung.

Wer Hilfe sucht, findet unmittelbar darunter die Kategorien der Hilfsangebote als große, einladende Kacheln. Ein Klick, noch ein Klick und man ist beim passenden Angebot. Diese intuitive Nutzerführung ist besonders wichtig für Menschen in belastenden Situationen, die weder Zeit noch Nerven für komplizierte Navigation haben.

Besonders benutzerfreundliche Navigation durch große bebilderte Schaltflächen mit kurzem Erklärtext auf der neuen Webseite des SKM Mönchengladbach.
Die Kategorisierung der Hilfsangebote erleichtert das Auffinden des passenden Angebots.
Wiedererkennbare und wiederverwendbare Komponenten auf den Angebotsseiten des SKM Mönchengladbach sorgen für einen runden Gesamteindruck und machen die essenziellen Informationen gut sichtbar.
Wiederverwendbare Komponenten sorgen für einen runden Gesamteindruck.

Die Vielfalt der Angebote stellte eine besondere Herausforderung dar: Von Migrationsberatung über rechtliche Betreuung bis hin zu Wohnungslosenhilfe ist jedes Angebot anders strukturiert. Ein starres Seitenschema hätte hier nicht funktioniert. Stattdessen habe ich einen Komponenten-Baukasten entwickelt, der alle Eventualitäten abdeckt. Wiederkehrende Elemente wie der Info-Kasten mit Kontaktdaten und Öffnungszeiten sorgen trotzdem für Orientierung und Wiedererkennung.

Bei der technischen Umsetzung setze ich auf WordPress mit dem Page-Builder Breakdance. Der entscheidende Vorteil: Einmal angelegte Komponenten lassen sich seitenübergreifend wiederverwenden. Globale Farbpaletten und Styles ermöglichen es, Anpassungen zentral vorzunehmen, statt jede der 54 Unterseiten einzeln anfassen zu müssen.

Ergebnis

Die neue Website ist seit Juli 2025 online und zieht monatlich zwischen 1.500 und 2.000 Besucher an. Die Seite ist endlich gut auffindbar und für Suchmaschinen optimiert. An den Klickzahlen der Unterseiten lässt sich ablesen, dass die Informationen gefunden werden, die gesucht wurden.

Auch die Pflege ist endlich realistisch geworden. Es war schon immer nur eine Mitarbeiterin, die die Website nebenbei betreut hat. Aber erst jetzt ist das auch tatsächlich machbar. Übersichtsseiten aktualisieren sich automatisch, wenn sich Beschreibungen oder Bilder ändern. Kontaktpersonen werden zentral gepflegt, typische Inkonsistenz-Fallen wie veraltete Telefonnummern auf vergessenen Unterseiten gibt es nicht mehr. Eine Person, überschaubarer Aufwand, konsistente Inhalte.

Das Wichtigste ist aber: Die Webseite wird ihrem Zweck gerecht. Sie ebnet Menschen in schwierigen Lebenssituationen den Weg zur Hilfe, statt ihn zu versperren. Eine Webseite, die Ehrenamtliche willkommen heißt und Spender nicht verprellt.

Eine Website, die endlich so arbeitet wie der Verein selbst: menschlich, zugänglich und klar.

Barrierefreie Webseite für einen Sozialverein. Die benutzerfreundliche Navigation berücksichtigt die Bedürfnisse mehrerer Zielgruppen gleichzeitig.
Die neue Startseite des SKM Mönchengladbach

Stehst du vor einer ähnlichen Heraus­forderung?

Veraltete Webseite, unübersichtliche Strukturen, zu wenig Ressourcen für die Pflege? Das muss nicht so bleiben.

Buche ein kostenloses Beratungsgespräch und wir schauen gemeinsam, wie ich die Webseite deiner Organisation perfekt mit deinen Zielen übereinbringen kann.

© 2026 i-make.media – Magnus Brühl

Professionelles Webdesign aus Mönchengladbach •  Umweltschonende Webseiten  •  KI-gestützte Optimierung  •  SEO-Experte  •  WordPress-Spezialist