Oberlinhaus Freudenstadt + Neue Website mit Storyblok

Die vielen unterschiedlichen Angebote und Bereiche waren bislang nicht unter einem einheitlichen Auftritt gebündelt.

Es stand ein Rebranding an: Der neue Markenauftritt sollte von Anfang an konsequent in der Website umgesetzt werden.

Interessierte sollten aus der Vielzahl an Ausbildungen, Berufsvorbereitungen und Weiterbildungen schnell das passende Angebot finden, ohne die Struktur der Website zu kennen.

Mehrere Abteilungen mit unterschiedlichem technischen Hintergrund sollten Inhalte selbst pflegen können, ohne bei jeder Änderung auf Entwicklung warten zu müssen.

Der Speiseplan der Mensa mit rund 800 Gerichten, mehreren Varianten (z. B. vegetarisch) und Allergenkennzeichnung sollte zentral gepflegt und dennoch flexibel je Woche zusammengestellt werden können.

Bestimmte Dokumente sollten nur für ausgewählte Zielgruppen zugänglich sein, ohne dass Entwicklung für jede neue geschützte Seite eingebunden werden muss.

Die bestehende Domain sollte migriert werden, ohne bestehende Verlinkungen und Suchmaschinen-Platzierungen zu verlieren.

Der neue Markenauftritt mit neuem Logo, neuer Farbwelt und neuem Designsystem wurde im Zuge des Projekts in der Website umgesetzt, sodass Rebranding und Relaunch zusammen live gingen.

Eine Website unter einer Domain mit flacher Hauptnavigation. Tiefe entsteht über Themenseiten statt über verschachtelte Menüs, trotz der vielen Angebotsbereiche des Kunden.

Ausbildungsfinder als zentrale Anlaufstelle: Alle Angebote aus Ausbildung, Berufsvorbereitung und Weiterbildung erscheinen als Karten, die sich durchsuchen und nach Art und Interessen filtern lassen. Die Karten entstehen direkt aus den Angebotsseiten im CMS, neue Angebote tauchen ohne Zusatzaufwand auf.

Storyblok als Headless-CMS mit zwei Deploy-Umgebungen auf derselben Codebasis: eine serverseitig gerenderte Vorschau, in der die Mitarbeitenden Entwürfe sofort sehen, und ein statischer Produktions-Build, der automatisch über einen Storyblok-Webhook neu gebaut wird, sobald etwas veröffentlicht wird.

Eigenes Datenmodell für den Speiseplan: eine zentrale Gerichte-Bibliothek mit Allergenen und Zusatzstoffen, referenziert von Wochenplänen mit mehreren Varianten und frei konfigurierbaren Kategorien je Tag - Allergene werden am Gericht gepflegt, nicht in jeder Woche neu.

Eigene Permalink-Seite für einen Mensa-Monitor: zeigt nur den heutigen Plan, aktualisiert sich automatisch stündlich, zeigt an Wochenenden und vor Veröffentlichung eine Ausweichmeldung und ist bewusst von Navigation und Analytics ausgeschlossen, damit automatische Reloads die Nutzungsstatistik nicht verfälschen.

Passwortgeschützte Download-Seiten als eigener Storyblok-Seitentyp: Mitarbeitende legen Seite und Passwort selbst an, der Abgleich läuft serverseitig.

Migrationsplan für die bestehende Domain über 301-Weiterleitungen auf die passenden neuen Seiten, bei parallelem Betrieb der alten Domain.

Barrierefreiheits-Schnellzugriff auf jeder Seite (Datenschutz, Intranet, Leichte Sprache) sowie eine eigene Seite mit der gesetzlich vorgeschriebenen Erklärung zur Leichten Sprache.

Aus vielen einzelnen Auftritten ist ein einheitlich gestalteter Auftritt geworden.

Das Rebranding wurde im Zuge des Projekts erfolgreich umgesetzt: Der neue Markenauftritt zieht sich konsistent durch alle Seiten der Website.

Der Ausbildungsfinder führt Interessierte direkt zum passenden Angebot, neue Angebote erscheinen dort, sobald sie veröffentlicht sind.

Mitarbeitende aus mehreren Abteilungen pflegen, veröffentlichen und prüfen Inhalte über Storyblok selbst - in der Vorschau-Umgebung sichtbar, ohne auf Entwicklung oder einen Rebuild warten zu müssen.

Mitarbeitende können neue passwortgeschützte Downloadseiten selbst anlegen, ohne dass jedes Mal Entwicklung eingebunden werden muss.

Der Speiseplan wird zentral gepflegt und je Woche flexibel zusammengestellt, ohne Allergendaten mehrfach erfassen zu müssen.