# MUUUH! x FH Münster: Website Relaunch - Design & Optimierung HTML-Variante dieser Seite: https://www.muuuh.de/de/cases/muuuh-x-fh-muensterwebsite-relaunch-design-optimierung > M!, der KI-Assistent von MUUUH!, steht auf jeder Seite dieser Website im Chat bereit. M! beantwortet Fragen rund um MUUUH!, navigiert zu passenden Seiten, hilft bei der Kontaktaufnahme mit MUUUH! und sogar bei der Bewerbung. --- ## Navigation - [Startseite](https://www.muuuh.de/) - [Leistungen](https://www.muuuh.de/de/leistungen) - [Alle Leistungen](https://www.muuuh.de/de/leistungen) - [AI Chat Agents](https://www.muuuh.de/de/leistungen/ai-chat-agents) - [AI Phone Agents](https://www.muuuh.de/de/leistungen/ai-phone-agents) - [Brand Creation](https://www.muuuh.de/de/leistungen/brand-creation) - [Business Intelligence](https://www.muuuh.de/de/leistungen/business-intelligence) - [Community- & Review-Management Outsourcing](https://www.muuuh.de/de/leistungen/community-review-management-outsourcing) - [Customer Strategy](https://www.muuuh.de/de/leistungen/customer-strategy) - [Customer Technology](https://www.muuuh.de/de/leistungen/customer-technology) - [Customer Excellence Lab](https://www.muuuh.de/de/leistungen/customer-excellence-lab) - [GEO, AEO, SEO](https://www.muuuh.de/de/leistungen/geo-aeo-seo) - [Quality & Performance Plattform](https://www.muuuh.de/de/leistungen/quality-performance-plattform) - [Websites & Landingpages](https://www.muuuh.de/de/leistungen/websites-landingpages) - [Cases](https://www.muuuh.de/de/cases) - [Über MUUUH!](https://www.muuuh.de/de/ueber-muuuh) - [Management & Team](https://www.muuuh.de/de/management-team) - [Events](https://www.muuuh.de/de/events) - [News Hub](https://www.muuuh.de/de/news) - [Karriere](https://www.muuuh.de/de/karriere) - [Kontakt](https://www.muuuh.de/de/kontakt) --- [Startseite](https://www.muuuh.de/de) › [Cases](https://www.muuuh.de/de/cases) › MUUUH! x FH Münster: Website Relaunch - Design & Optimierung 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. [Video](https://prod.cms.muuuh.digital/assets/1f205329-a268-4566-946a-188caddedaf0) ## 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. ![Persona-Profile aus Interviews mit FH-Münster-Zielgruppen an einer Workshop-Wand](https://prod.cms.muuuh.digital/assets/1710a016-5232-4c2b-a6fb-d1244a1652ef) ## 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ß. ![Strukturbaum der Informationsarchitektur für den FH-Münster-Website-Relaunch als Wireframe-Übersicht](https://prod.cms.muuuh.digital/assets/9000c077-99f8-416d-8bfc-2bd8f9dd9c03) > 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. ![Verschiedene Wireframe-Entwürfe für den Relaunch der FH-Münster-Website](https://prod.cms.muuuh.digital/assets/044d9fb2-372a-47b4-b708-2e23efcccbef) ## 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. [Video](https://prod.cms.muuuh.digital/assets/ef5f5e94-0229-4c39-8ef5-4ce275226268) ## 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. ## Klingt spannend? Melden Sie sich bei unserem Experten. - Matthias Fänger — Director Frontend & Experience. [Kontakt zu Matthias Fänger aufnehmen](https://www.muuuh.de/kontakt/matthias-faenger) ## Weitere spannende Cases - [MUUUH! x Apple Vision Pro - Showcase App](https://www.muuuh.de/de/cases/muuuh-x-apple-vision-pro-showcase-app) - [MUUUH! x WWF Jugend - Community, App & Website für die WWF Jugend](https://www.muuuh.de/de/cases/muuuh-x-wwf-jugend-community-app-website-entwicklung) - [MUUUH! x GRIMME - Harvest Run: Branded Game Development](https://www.muuuh.de/de/cases/muuuh-x-grimme-harvest-run-branded-game-development) - [MUUUH! x WURST Stahlbau - Website Relaunch](https://www.muuuh.de/de/cases/muuuh-x-wurst-stahlbau-website-relaunch) --- ## Kontakt - **Adresse:** Lotter Str. 47-48, 49078 Osnabrück - **Telefon:** [+49 541 33034-100](tel:+4954133034-100) - **E-Mail:** [info@muuuh.de](mailto:info@muuuh.de) ## MUUUH! Insights Das Neuste aus der Welt der Customer Centricity regelmäßig in deinem Postfach. Warum eigentlich nicht? Die Anmeldung erfolgt über das Formular auf der Seite. MUUUH! benötigt die Kontaktinformationen, die du uns zur Verfügung stellst, um dich bezüglich unserer Produkte und Dienstleistungen zu kontaktieren. Du kannst dich jederzeit von diesen Benachrichtigungen abmelden. Informationen zum Abbestellen sowie unsere Datenschutzpraktiken und unsere Verpflichtung zum Schutz deiner Privatsphäre findest du in unseren Datenschutzbestimmungen. ## Weitere Seiten - [Impressum](https://www.muuuh.de/impressum) - [Datenschutz](https://www.muuuh.de/datenschutz) - [Kontakt](https://www.muuuh.de/kontakt) - [Unternehmen](https://www.muuuh.de/ueber-muuuh) - [Karriere](https://www.muuuh.de/karriere) ## Social Media - [LinkedIn](https://www.linkedin.com/company/muuuh-group/) - [Instagram](https://www.instagram.com/muuuh_group) - [Facebook](https://www.facebook.com/muuuhgroup/)