Relaunch der MWSP Website
UX-Konzeption & Informationsarchitektur für die Stadtentwicklungsgesellschaft Mannheim
UX-Design
Corporate Website
Kunde
MWSP / GBG Mannheim
Jahr
2021
Rolle
UX-Designerin & Mentorin
Kontext
Während meiner Zeit bei der Profilwerkstatt GmbH
Branche
Wohn- und Stadtentwicklung, Immobilienwirtschaft
Projektdauer
5 Monate
Umfang
UX-Design, Workshop, Informationsarchitektur, Artdirektion
Kontext
Im Rahmen eines gewonnenen Pitches entwickelte die Profilwerkstatt 2019 das neue Corporate Design der GBG Mannheim sowie ihrer elf Tochtergesellschaften inklusive der jeweiligen Websites. Ziel war es, eine konsistente Markenarchitektur zu schaffen, die die Zugehörigkeit zur GBG klar erkennbar macht und gleichzeitig den einzelnen Tochtergesellschaften ausreichend Eigenständigkeit ermöglicht.
Die MWSP (Mannheimer Wohnungsbau- und Stadtentwicklungsgesellschaft) erhielt innerhalb dieses Systems eine eigene visuelle Identität auf Basis des zentral entwickelten Designsystems. Das übergreifende Corporate Design sowie die zentralen UI-Komponenten wurden von Zentralmassiv für die GBG entwickelt. Die Profilwerkstatt verantwortete darauf aufbauend die Konzeption und Gestaltung der MWSP-Website.
Ein zentraler Bestandteil des Projekts war außerdem die Berücksichtigung von Barrierefreiheit und einer möglichst zugänglichen Nutzerführung.
Herausforderung
Die bestehende Website der MWSP war inhaltlich gewachsen und strukturell schwer zugänglich. Unterschiedliche Zielgruppen, darunter Bürger:innen, Investor:innen, Fachpublikum und Bewerber:innen, benötigten schnelle Zugänge zu sehr unterschiedlichen Informationen.
Die Herausforderung bestand darin:
eine klare Informationsarchitektur zu entwickeln,
komplexe Inhalte verständlich zu strukturieren,
die Corporate-Vorgaben der GBG in ein eigenständiges digitales Erlebnis zu übersetzen,
sowie die neue Website barrierearm und zukunftsfähig aufzubauen.
Ansatz
Als Grundlage für die neue Struktur führten wir zunächst eine inhaltliche Bestandsaufnahme der bestehenden Website durch. Anschließend entwickelten wir gemeinsam mit dem Kunden in einem Card-Sorting-Workshop neue Inhaltscluster und Navigationslogiken.
Dadurch konnten wir:
Inhalte priorisieren,
Zielgruppen besser abbilden,
Redundanzen reduzieren
und klare Einstiegspunkte definieren.
Auf Basis dieser Erkenntnisse entstand eine neue Informationsarchitektur, aus der anschließend erste Wireframes und ein grober Prototyp entwickelt wurden.
Im nächsten Schritt wurden die bestehenden UI-Komponenten des GBG-Designsystems auf die Anforderungen der MWSP übertragen und dort erweitert, wo neue funktionale Anforderungen entstanden.
Lösung
Die neue MWSP-Website schafft eine deutlich klarere Nutzerführung und verbindet die visuelle Identität des Mutterkonzerns mit einer eigenständigen Markenpräsenz der MWSP.
Besonderer Fokus lag auf:
einer verbesserten Informationsarchitektur,
einer zielgruppenorientierten Navigation,
konsistenten Designmustern,
sowie einer barrierearmen Nutzererfahrung.
Die neue Plattform ermöglichte eine wesentlich bessere Orientierung innerhalb komplexer Inhalte und stärkte gleichzeitig die Zugehörigkeit zur Markenwelt der GBG Mannheim.
Finale Umsetzung
Fazit
Meine Rolle lag schwerpunktmäßig im UX-Design und der strukturellen Konzeption der Website.
Gemeinsam mit einer Kollegin plante und moderierte ich Workshops mit dem Kunden, analysierte die bestehende Seitenstruktur und entwickelte daraus die neue Informationsarchitektur.
Zu meinen Aufgaben gehörten unter anderem:
Analyse der bestehenden Website-Struktur
Planung und Moderation eines Card-Sorting-Workshops
Entwicklung der Informationsarchitektur und Seitenhierarchie
Konzeption erster Wireframes und User Flows
Mentoring und fachliche Begleitung der UI-Designerin innerhalb des Projekts
Credits
Das Projekt entstand in enger Zusammenarbeit zwischen der Profilwerkstatt, Zentralmassiv und dem Kunden.
Während Zentralmassiv die übergreifende gestalterische Leitung des Corporate Designs verantwortete, lag mein Fokus auf der UX-Konzeption und der strukturellen Übersetzung des Designsystems in eine funktionierende Nutzererfahrung für die MWSP, wobei letzteres meine Kollegin Claudia Schomers maßgeblich mitverantwortete.
