Website-Relaunch des Studierendenwerks Bremen
Das Spannende steckt unter der Haube
Für über 30.000 Studierende in Bremen und Bremerhaven ist das Studierendenwerk zentrale Anlaufstelle. Der neue Webauftritt setzt auf funktionale Klarheit, barrierefreie Zugänglichkeit und eine technologische Infrastruktur, die vor allem eines leistet: einen reibungslosen und schnellen Zugang zu relevanten Informationen. Was einfach aussieht, ist intelligent gedacht.
In einem gemeinsamen Workshop mit dem Team des Studierendenwerks wurde die Inhaltsarchitektur überarbeitet. Die Seite gliedert sich in fünf Hauptbereiche:
- BAföG
- Beratung
- Essen & Trinken
- Kultur & Projektförderung
- Wohnen
Jeder Bereich startet mit einem FAQ, gefolgt von thematischen Unterseiten. Die Inhalte lassen sich je nach Bedarf über das CMS individuell aufbauen.
Gestaltung: Reduktion als Haltung
Die visuelle Sprache ist dezent gewählt. Der Fokus liegt auf Barrierearmut und Orientierung. Farblich reduziert, strukturell klar, bewusst schlicht: Eine Gestaltung, die nicht ablenkt, sondern führt.
„Es ging darum, die Seite sinnvoller zu strukturieren und zu gestalten. Der neue Webauftritt denkt Inhalte konsequent vom Bedarf her – zugänglich, modular und zukunftssicher.“
Nils Penner, Webentwicklung
Technische Besonderheiten
Die Website basiert auf Kirby, eingesetzt als sogenanntes Headless CMS. Die Inhalte werden in einem Deployment-Prozess mit Astro JS und Github statisch generiert. Das heißt: Jede Seite liegt als fertige HTML-Datei auf dem Server vor. Das sorgt für sehr schnelle Ladezeiten, verbesserte Performance, Suchmaschinenfreundlichkeit und geringe Serverlast, Stichwort Nachhaltigkeit.
Eine Ausnahme stellt der Speiseplan dar, denn hier sind es „Echtzeitdaten“, die dargestellt werden müssen.
- Speiseplan als technische Insel
Etwa 90 Prozent der Seitenzugriffe entfallen auf den Bereich „Essen & Trinken“. Die technische Anbindung an das interne Verwaltungssystem der Gastronomie war herausfordernd: keine API, keine direkte Schnittstelle. Die Lösung: eine dynamisch nachgeladene „Insel“ auf Vue-JS-Basis und virtuelle Seiten im Kirby CMS, die im Backend aus einem komplexen Verwaltungssystem (TL1) via CSV-Export alle fünf Minuten gespeist werden. Zusätzlich können sowohl die Nutzer:innen als auch die Betriebe Speisepläne und Aushänge automatisiert und bedarfsgerecht als PDF generieren.
- Wohnanlagen & WG-Zimmer
Neben einer Übersicht aller Wohnanlagen lassen sich freie WG-Zimmer pflegen. Jedes Zimmer verfügt über ein Bewerbungsformular, das direkt an die hinterlegte Kontaktadresse der WG gesendet wird.
- Kartenintegration
Standorte wie Wohnanlagen, Mensen oder Cafeterien werden nicht im CMS verwaltet, sondern in einer eigenen Google Map. Jeder Ort kann dort zentral gepflegt werden. Über Koordinaten und Zoomlevel werden passende Ausschnitte auf der Website verlinkt – wartungsarm, präzise und nachhaltig. Unnötige große JavaScript-Dateien und Karten-Daten werden nur bei expliziter Anfrage geladen.
- Kontaktbereiche
Jede Seite kann individuell mit einem Kontaktabschluss versehen werden: als reiner Text, mit namentlicher Personenzuweisung oder als Formular. Formulare können je nach Bereich zusätzliche Felder einblenden (z. B. Fördernummer bei BAföG).
- Live-Übersetzung
Die Speisepläne auf der Website lassen sich per Klick ins Englische umschalten. Die Übersetzung erfolgt in Echtzeit über die DeepL-API, mit lokalem Zwischenspeicher für bereits übersetzte Inhalte. Auch die PDF-Ausgaben werden live übersetzt. Für alle anderen Inhalte ist die DeepL-API ebenfalls im Backend in Kirby integriert.
- Live-Meldungen
Redakteur:innen können zeitlich gesteuerte Informationen gezielt auf einzelnen Seiten einblenden, mit Start- und Enddatum.
Eine Seite, die bleibt
Die neue Website des Studierendenwerks ist ein durchdachtes System für Informationen, Anträge und Orientierung – klar in der Struktur, stabil im Betrieb, offen für Weiterentwicklungen. Mit dem Headless CMS als Kern z.B. in Richtung Digital Signage.
Konzeption, Design, Umsetzung – ganzheitliche Webprojekte
Unser Team aus Entwickler:innen und UX-Designer:innen entwickelt Webprojekte, die höchsten Anforderungen aus den Bereichen Design, Usability, SEO und Barrierefreiheit entsprechen. Wir setzen Ihr Webprojekt ganzheitlich um – das heißt, wir beraten und begleiten Sie von der Konzeption bis zum Launch und unterstützen Sie auch im Anschluss bei der Wartung und Weiterentwicklung der Website.