Referenz

PerspektivSchule Kurs 2034 Barrierefreie Website

Website
Auftraggeber:in
Land Schleswig-Holstein
Launch
2024
Vorschaubild für die Referenz der Website PerspektivSchule Kurs 2034 mit der Startseite auf einem Smartphone und einem Macbook

Ausgangslage & Ziel

Ein neuer Webauftritt für das bisherige PerspektivSchul-Programm des Landes Schleswig-Holstein

Das 2019 in Schleswig-Holstein gestartete "PerspektivSchul-Programm" wird ab 2024 mit dem Startchancen-Programm zusammengelegt. Das Programm leistet Unterstützung für Schulen in einem sozial belasteten Umfeld mithilfe von finanziellen Mitteln sowie Beratungs- und Fortbildungsangeboten. Zum Auftakt im Juli 2024 sollte die neue barrierefreie Website online gehen, für deren Entwicklung wir beauftragt wurden. Auf der Website werden die teilnehmenden Schulen, das Angebot des Programms sowie die Aktivitäten präsentiert.


Vier Smartphone Mockups, die verschiedene Seiten der Website zeigen
Macbook Mockups, die zwei Seiten der Website beispielhaft zeigen

Unsere Lösung

Umsetzung einer barrierefreien Website

Das barrierefreie Webdesign wurde unter Berücksichtigung des Corporate-Designs des Landes Schleswig-Holstein und einiger Branding-Vorgaben von Lennart Paulsen (Inseljunge Grafikdesign) erstellt. Für die technische Umsetzung der Website haben wir auf das Javascript Framework Nuxt.js sowie das Open Source CMS Strapi zurückgegriffen. Dieser moderne Technologie-Stack ist extrem flexibel, skalierfähig und ermöglicht höchste Performance.

Durch das Behindertengleichstellungsgesetz (BGG) sind öffentliche Stellen des Bundes dazu verpflichtet, ihre Webseiten barrierefrei zu gestalten. Dies trifft auch auf das Programm PerspektivSchule Kurs 2034 des Landes Schleswig-Holstein zu. Aus diesem Grund haben wir die Website basierend auf den Anforderungen der WCAG 2.1 barrierefrei gestaltet und programmiert.


Übersicht aller teilnehmenden Schulen in Listen- und Kartenansicht

Die 135 teilnehmenden Schulen aus Schleswig-Holstein werden in einer Tabelle aufgelistet, welche nach Orten und Kreisen gefiltert werden kann. Zudem bietet eine interaktive Google-Karte Informationen über den jeweiligen Standort. Die Karte ist über die Google-Maps-API eingebunden und wurde farblich an das Webdesign angepasst.

Eine Vorschau der Listen- und Kartenansicht von Schulen

Strukturierter Downloadbereich

Da die Website eine wichtige Anlaufstelle für Schulleiter:innen und Lehrer:innen der teilnehmenden Schulen ist, werden dort in einem eigenen Downloadbereich diverse Info- und Unterrichtsmaterialien angeboten. Die Materialen können über das CMS verwaltet, einfach erweitert und übersichtlich gegliedert bereitgestellt werden.

Das Design einer Download-Sektion auf der Website

Kontaktseite mit gruppierten Ansprechpersonen

Die Ansprechpersonen aus den unterschiedlichen Zuständigkeitsbereichen können ebenfalls über das CMS verwaltet und nach Bereichen gegliedert veröffentlicht werden. Bei Bedarf können optional Beschreibungstexte zu den Personen hinterlegt werden. Um Letzteres optional zu halten beinhaltet unser Konzept eine Einblendung der Texte durch Vergrößerung der Kontakt-Cards und verzichtet explizit auf Detailseiten.

Das Design von Ansprechpartnern in verschiedenen Bereichen

Landesregierung

Land Schleswig-Holstein

Die Landesregierung ist das oberste Leitungs-, Entscheidungs- und Vollzugsorgan der vollziehenden Gewalt. Alle wichtigen politischen, administrativen oder personellen Entscheidungen der Landesverwaltung sowie die Stimmabgabe des Landes im Bundesrat bedürfen der Zustimmung der Landesregierung. Seit dem 29. Juni 2022 regiert Ministerpräsident Daniel Günther (CDU) mit einer Koalition aus CDU und Grünen. Seinem Kabinett gehören fünf Ministerinnen und vier Minister an. Zu unseren Kunden gehören das „Ministerium für Inneres, Kommunales, Wohnen und Sport“ und das „Ministerium für Allgemeine und Berufliche Bildung, Wissenschaft, Forschung und Kultur“.