FH Münster: Website Relaunch - Design & Optimierung
Die FH Münster ist eine der führenden Hochschulen für angewandte Wissenschaften und möchte durch einen Relaunch der Website ihre Seite zielgruppenorientiert gestalten und optimieren. Dazu zeigen wir Ihnen den Projektplan zum Website Relaunch und alle Schritte, die zu einem erfolgreichen Redesign der Website durchgeführt wurden. Von Interviews über die Informationsarchitektur bis zu den Wireframes.
Nutzerzentrierung durch Methoden der User Experience
Wie schaffen wir aus den Geschäftszielen der FH Münster und den Bedürfnissen der Nutzer:innen eine herausragende User Experience? Spannende Erkenntnisse über die Zielgruppe hatten wir bereits im Rahmen des Projekts gesammelt. Jetzt wartete auf uns die große Herausforderung, beide Interessen zusammen zu bringen.
Vom Interview zur validen Persona
Ganz zu Beginn haben wir Personas konzipiert und so die relevanten Zielgruppen definiert. Gemeinsam mit der FH Münster haben wir dann bestimmte Personas priorisiert, um sie anschließend in Interviews mit passenden Proband:innen zu validieren.
Von der Umfrage zur Informationsarchitektur
Um die vorhandenen Inhalte zu strukturieren und zu priorisieren, führten wir eine Umfrage mit insgesamt sechs Studierenden und Studieninteressierten durch. Unsere Ergebnisse haben wir in einem Strukturbaum abgebildet, der das Gesamtbild für die Stakeholder greifbar werden ließ.
Our site launched on-time, is 5x faster, conversion rates doubled days after launching, and the website is much more functional and easier to manage.
Karsten Schäpermeier
Leiter Hochschulkommunikation
Informationsarchitektur als Grundlage für Wireframes
Basierend auf der erarbeiteten Informationsarchitektur werden die Wireframes erstellt: Wireframes (deutsch: Drahtgerüst, Drahtmodell) repräsentieren Teile der Informationsarchitektur, der Benutzerführung und der Navigation - werfen aber keine Designfragen auf. So wird aus der Vision der erste Prototyp der neuen Webseite, der die weitere Ausarbeitung der inhaltlichen Details ermöglicht.
Der Feinschliff: Barrierefreies Design, das visuell was her macht – gar nicht so leicht.
Für öffentliche Einrichtungen wie die FH Münster besonders wichtig: Barrierefreiheit. Die Barrierefreie Informationstechnik-Verordnung 2.0 (BITV) legt fest, dass öffentliche Stellen dazu verpflichtet sind, den Zugang ihrer Webseiten für Menschen mit Behinderungen sicherzustellen.
Aus den Interviews wurde allerdings schnell klar, dass die alte Webseite als viel zu überfordernd wahrgenommen wurde. Um dem auch auf visueller Ebene entgegenzutreten, wurde im zweiten Teil des Projekts die Designsprache optimiert und aufgeräumt. Dabei wurde unter anderem ein Check nach WCAG-Standarts durchgeführt, der sicherstellt, dass die Farbkontraste innerhalb der festgelegten Richtwerte liegen.
Mehr dazu folgt nach dem offiziellen Relaunch der Webseite.
Enthaltene Leistungen
User Interviews
User Interviews helfen uns, ein tieferes Verständnis für Ihre Zielgruppen zu erlangen. Selbst wenn Sie schon jahrelang mit den Nutzern und Nutzerinnen zusammenarbeiten, macht es Sinn ein neues Projekt oder ein neues Feature mit User Interviews zu stützen.
Design System / Komponenten Bibliothek
Ein Designsystem bündelt Gestaltungsrichtlinien und Komponenten für konsistentes und effizientes Design von Anwendungen und Websites.
Informationsarchitektur
Informationsarchitekturen strukturieren Ihre Daten für effiziente Nutzung und klare Orientierung, somit optimieren sie den Informationsfluss und steigern die Nutzererfahrung.
User Interface Design
User Interface Designs optimieren die Nutzerinteraktion, vereinen Ästhetik und Funktionalität für eine intuitive und ansprechende Benutzererfahrung.
Wireframing
Wireframes visualisieren das Layout einer Website oder App, veranschaulichen Struktur und Funktionen für eine zielgerichtete Entwicklung.
Klingt spannend? Melden Sie sich bei unserem Experten.