NGO & Non-Profit

Relaunch sgb-fss.ch: Barrierefreier Verbandsauftritt

Dreisprachig, WCAG AA+, 5x mehr Suchtraffic — in 11 Monaten von der Projektübernahme bis Go-Live.

Kundenname:
Schweizerischer Gehörlosenbund

Branche:
NGO & Non-Profit

Go-Live:
Juni 2023

Leistungen:
Website-Relaunch, Frontend-Entwicklung, Barrierefreiheit

5x
Mehr Suchtraffic nach Relaunch

AA+
WCAG Barrierefreiheit

11 Monate
Von Projektübernahme bis Live

xxx
xxx
xxx
xxx
xxx
xxx

Ausgangslage

Der Schweizerische Gehörlosenbund SGB-FSS hatte den Relaunch seiner Hauptwebsite sgb-fss.ch bereits in Auftrag gegeben — bei einer anderen Agentur. Als diese sich auflöste, war das Projekt mittendrin steckengeblieben. Optisch existierte eine Grundstruktur in WordPress, technisch und konzeptionell fehlte jedoch noch sehr viel: die Navigation war unfertig, die Startseite nicht umsetzungsreif, die Mobilansicht ungeprüft, der Shop nicht einsatzbereit, und ein zentrales Projektziel — die konsequente Integration von Gebärdensprach-Videos — war noch gar nicht angegangen worden. INSOR übernahm das Projekt im Mai 2022, analysierte den Zustand und offerierte die Fertigstellung. Was folgte, war eine umfassende Überarbeitung — konzeptionell, gestalterisch und technisch — auf einer vorhandenen, aber unvollständigen Basis.

Übernahme und Neustrukturierung

Beim ersten Blick in den Code und die Seitenstruktur zeigte sich, wie viel Arbeit tatsächlich noch bevorstand. Neben der Bereinigung von Fehlern aus der Vorgängerentwicklung musste INSOR die einen grossen Teil der Informationsarchitektur überarbeiten: Navigation, Seitenstruktur und Content-Logik wurden gemeinsam mit dem SGB neu definiert. Dabei lag der Fokus auf Übersichtlichkeit — weniger Seiten, klarere Hierarchien, leichtere Auffindbarkeit für Nutzerinnen und Nutzer, die die Website als zentralen Hub für Verbandsangebote, Dienstleistungen und den Online-Shop nutzen.

Video-First: Gebärdensprache als gestalterisches Prinzip

Eine der zentralen Anforderungen des SGB war die Integration von Gebärdensprach-Videos in den Seiteninhalt — nicht als Beiwerk, sondern als gleichwertiges Medium neben dem Text. Gemeinsam mit dem SGB, der intern über einen gehörlosen UX-Spezialisten verfügt, entstand das Konzept: Video links, Text rechts. Das Video bleibt beim Scrollen per CSS-Position Sticky im Bild und wechselt automatisch, sobald die nächste Inhaltssektion in den Viewport eintritt. INSOR teilte mit, was technisch möglich war — der SGB formte daraus ein konsequentes Gestaltungsprinzip, das Gehörlosigkeit nicht kompensiert, sondern als kommunikative Stärke sichtbar macht.

Barrierefreiheit mit Substanz

Barrierefreiheit stand explizit im Pflichtenheft: Access for All AA+ war das Ziel. Was das konkret bedeutet, erarbeitete INSOR in enger Zusammenarbeit mit dem SGB. Denn die Zielgruppe ist nicht homogen: Viele gehörlose Menschen leiden zusätzlich am Usher-Syndrom — einer kombinierten Hör- und Sehbehinderung. Das bedeutete: Kontraste prüfen und korrigieren, Schriftgrössen anpassen, semantische HTML-Marker durchgehend korrekt setzen. Diese Arbeit konnte nur gelingen, weil der SGB als Experte für seine eigene Community in den Prozess eingebunden war und direkt zurückmeldete, was funktioniert und was nicht.

Ergebnis: Sichtbarkeit, die bleibt

Text:Nach dem Go-Live im Juni 2023 war der Effekt auf die organische Sichtbarkeit klar messbar. Da Google Analytics 4 bereits auf der alten Website aktiv war und nahtlos auf die neue übertragen wurde, ist der Vergleich direkt. Die wöchentlichen organischen Besuche stiegen von rund 700 auf rund 3'400 — eine Verfünffachung, die sich in den folgenden Monaten weiter festigte und nicht auf den einmaligen Kommunikationseffekt des Relaunches zurückzuführen ist. Die strukturellen Verbesserungen in Navigation, Seitenarchitektur und inhaltlicher Klarheit haben die Grundlage für diese Entwicklung gelegt.

Das haben wir umgesetzt

  1. Übernahme und Bereinigung einer unfertigen WordPress-Installation einer aufgelösten Agentur
  2. Komplette Überarbeitung der Informationsarchitektur und Navigation (dreisprachig DE/FR/IT)
  3. Neugestaltung der Startseite in gemeinsamer Ausarbeitung mit dem SGB
  4. Implementierung des Video-First-Konzepts: Gebärdensprach-Video sticky links, Textsectionen rechts, automatischer Videowechsel beim Scrollen
  5. Barrierefreiheit nach Access for All AA+, inkl. Usher-Syndrom-spezifische Anpassungen (Kontraste, Schriftgrössen, semantische Marker)
  6. Responsive Umsetzung und Mobiltauglichkeit
  7. Shop-Anpassungen und -erweiterungen
  8. Social-Media-Integration (Crosslinks, Einbettung)
  9. Interaktive SVG-Schweizerkarte
INSOR kennt unsere Systeme so gut wie wir selbst. Das gibt uns die Sicherheit, dass wir uns auf den Betrieb verlassen können - und bei Weiterentwicklungen nicht jedes Mal von vorne erklären müssen, wer wir sind und was wir brauchen.
Yannick Schefer
Schweizerischer Gehörlosenbund SGB-FSS

Info: Schweizerischer Gehörlosenbund

Der Schweizerische Gehörlosenbund SGB-FSS ist der 1946 gegründete nationale Dachverband für gehörlose und hörbehinderte Menschen in der Schweiz. Mit rund 50 Mitarbeitenden an drei regionalen Geschäftsstellen setzt sich der Verband für Gleichstellung, Abbau von Barrieren und die Anerkennung der Gebärdensprache ein. Der SGB-FSS ist Mitglied des Weltverbandes der Gehörlosen und betreibt mit signsuisse.sgb-fss.ch das elektronische Gebärdensprachlexikon der Schweiz. Hauptsitz: Zürich.

Zur Webseite des Kunden
Eidgenössisches Institut für Geistiges EigentumZürcher FilmstiftungSchweizerischer GehörlosenbundEidgenössischer SchwingerverbandMediDataZürcher Theater SpektakelkibesuisseVSV-ASG Verband Schweizerischer VermögensverwalterMMI Marie Meierhof InstitutLEA-Label Living Every AgeElternbildung CHSODK SozialdirektorenkonferenzAWP FinanznachrichtenBGMitte BürgschaftsgenossenschaftHortimaHSO HandelsschulorganisationSchweizerischer StädteverbandBundespatentgerichtRyf AG
250+ Kunden vertrauen uns seit mehr als 18 Jahren alle ihre Onlineprojekte an. Willst du dazugehören? Bist du bereit für den nächsten Schritt?
Kontakt aufnehmen
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.