Ostfalia Hochschule für angewandte Wissenschaften
barrierefreier Relaunch der Website
Die Ausgangssituation
Die Ostfalia Hochschule, eine der größten Hochschulen für angewandte Wissenschaften in Niedersachsen mit über 10.000 Studierenden, benötigte eine umfassende Überarbeitung ihrer Website.
Ziel war es, die veraltete Struktur und Gestaltung an moderne Nutzerbedürfnisse anzupassen, die Mobilfreundlichkeit zu verbessern und ein zeitgemäßes, benutzerzentriertes Design zu entwickeln.
EIn Auftritt, der Studieninteressierte, (internationale) Studierende, Alumni und Unternehmen gleichermaßen anspricht und gute Orientierung bietet.
Die neue Plattform soll Barrierefreiheit nach BITV 2.0 sowie WCAG 2.1 (Level AA) sicherstellen.



Unser Lösungsansatz
cosmoblonde entwickelte eine UX/UI-Strategie, die den Relaunch der Website auf eine moderne, nutzerfreundliche Basis stellte. Das Projekt kombiniert:
- Nutzerzentrierung: Erstellung eines User Interfaces sowie eines Struktur- und Navigationsmodells, das den unterschiedlichen Zielgruppen intuitive Nutzung ermöglicht
- Barrierefreiheit: gemäß BITV und WCAG
- Mobile-First-Ansatz: ein responsives Design, das von seinem häufigsten Anwendungsfall ausgeht und sich nahtlos an verschiedene Endgeräte anpasst
- Design Component Library: Entwicklung einer umfangreichen Sammlung wiederverwendbarer und erweiterbarer Komponenten
Der UX/UI Prozess
Personas & Sitemap:
- Basierend auf Zielgruppenanalysen wurden repräsentative Nutzerprofile als Personas erstellt, um die Bedürfnisse und Anforderungen der verschiedenen Interessengruppen und ihre Anliegen sichtbar zu machen.
- In einer Workshop-Reihe wurden die Anforderungen der Zielgruppen-Personas mit Menschen aus allen Bereichen der Hochschule und Vertretenden der Zielgruppen diskutiert und priorisiert.
- Aus den Ergebnissen wurde die neue Sitemap abgeleitet, die relevante Inhalte für die Nutzenden intuitiv und schnell zugänglich macht.
Seitentypen, Navigation, Prototyp:
- Ausgehend von den Anforderungen der Hochschule wurden ein Set wichtiger Seitentypen definiert und in detaillierten Wireframes abgestimmt.
- Verschiedener Navigationsansätze wurden bewertet, ein nutzerorientiertes, zweisprachiges, barrierefreies, mobile-first Navigationsmodell umgesetzt.
- Ausgesuchte User Journeys wurden in einem klickbaren Prototypen dargestellt, der in Usability-Tests von Vertretenden der Zielgruppen evaluiert und anschließend optimiert wurde.
Designentwicklung:
- Das bestehende Corporate Designs der Ostfalia wurde für den barrierefreien Online-Einsatz weiterentwickelt.
- Moderne und ansprechende Seiten-Layouts, überzeugen funktional und ästhetisch.
- Eine vollständigen Design-Elemente-Bibliothek bietet flexible Möglichkeiten der redaktionellen Gestaltung und stellt gleichzeitig die Konsistenz der Gestaltung sicher.
- Die Entwürfe wurden in tests mit Nutzenden überprüft und optimiert.
Kleiner Zwischenschritt - die Microsite für Studieninteressierte
Da ein umfassender, partizipativer und barrierefreier Webrelaunch dieser Größenordnung mit einer umfangreichen inhaltlichen Überarbeitung seine Zeit braucht, gleichzeitig aber die wichtige Zielgruppe der Studieninteressierte in Entscheidungsfindung schnell besser angsprochen werden sollten, wurde vorgelagert eine Landingpage für diese Zielgruppe im neuen Design entwickelt, die kompakt die Vorzüge der Ostfalia kommuniziert und zum passenden Studien- und Beratungsangebot führte.


Das Ergebnis des Relaunchs
Entstanden ist in einem teilagilen und sehr partizipativem Prozess eine neue Website für die Ostfalia, die schon in ihrer Entstehung viele der In- und externen Zielgruppen integriert hat.
- Eine moderne, barrierefreie Website, die sowohl optisch ansprechend als auch benutzerfreundlich ist.
- Eine klare Navigation, die alle Zielgruppen effizient zu den benötigten Informationen führt.
- Ein durchdachtes Set an Gestaltungs-Elementen, das den Redaktionsteams Flexibilität in der Darstellung ihrer Inhalte ermöglicht und für alle wichtigen Seitentypen praktische good practice Vorlagen bietet.
- Eine signifikante Verbesserung der mobilen Nutzungserfahrung.
- Eine Website, die die Anforderungen von BITV und WCAG erfüllt und allen ihren Nutzenden leichten und schnellen Zugang ermöglicht.
Steckbrief
- URL: https://www.ostfalia.de
- Kunde: Ostfalia Hochschule für angewandte Wissenschaften
- Branche: Universität
- Umsetzung: Relaunch: Oktober 2023 - Juli 2025, fortlaufende Weiterentwicklung
- Technologie: TYPO3 V12 LTS, barrierefreie Umsetzung entsprechend BITV 2.0 / WCAG 2.1 (Level: AA)
- Leistungen: Beratung, UX-Konzeption, UX/UI-Design, Testing, Barrierefreie Front- und Backend-Programmierung




