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.

Aus den Umfrageergebnissen eine Informationsarchitektur ableiten

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ß.

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.

Informationsarchitektur

Informationsarchitekturen strukturieren Ihre Daten für effiziente Nutzung und klare Orientierung, somit optimieren sie den Informationsfluss und steigern die Nutzererfahrung.

Wireframing

Wireframes visualisieren das Layout einer Website oder App, veranschaulichen Struktur und Funktionen für eine zielgerichtete Entwicklung.

Design System / Komponenten Bibliothek

Ein Designsystem bündelt Gestaltungsrichtlinien und Komponenten für konsistentes und effizientes Design von Anwendungen und Websites.

User Interface Design

User Interface Designs optimieren die Nutzerinteraktion, vereinen Ästhetik und Funktionalität für eine intuitive und ansprechende Benutzererfahrung.