Flughafen-Parkplatz-Website
ParkMundo (ehemals ROOSH.), ein Unternehmen mit Sitz in Eindhoven, Niederlande, nimmt Reisenden weltweit den Stress beim Parken am Flughafen. Ihre Plattform vereinfacht den Prozess, indem sie es Nutzern ermöglicht, nach verfügbaren Parkplätzen zu suchen, Optionen zu vergleichen und ihre Auswahl direkt zu buchen. ParkMundo ist nicht auf die Niederlande beschränkt; sie sind in über 14 Ländern in Europa, Australien und Nordamerika tätig.
ParkMundo
Feb. 2024 - Feb. 2026
UX/UI Design-Praktikant (Feb 2024 - Jul 2024)
Junior Designer (Sep 2024 – Feb 2026)
Eindhoven, Niederlande
Herausforderung
Zu Beginn des Projekts waren die bestehenden Websites über zehn Jahre alt und basierten auf veralteter Technologie, was ihre Wartung, Skalierung und Erweiterung erschwerte. Im Laufe der Zeit war die Plattform ohne einen strukturierten Ansatz gewachsen, was zu einem uneinheitlichen Designsystem und zahlreichen Problemen bei der Benutzerfreundlichkeit führte. Das Unternehmen erkannte, dass die aktuelle Struktur einschränkend war und den sich entwickelnden Benutzeranforderungen sowie den Branchenstandards nicht mehr entsprach, was die Notwendigkeit einer visuellen und strukturellen Neugestaltung verdeutlichte.
Nach dem Übergang in eine Vollzeitrolle erweiterte sich der Umfang des Projekts. Neben der Verbesserung der kundenorientierten Website zielte das Unternehmen darauf ab, sein internes Mitarbeiter-Dashboard neu zu gestalten, das veraltet und schwierig zu bedienen war. Gleichzeitig wurde ein umfassendes Rebranding initiiert, um dem Unternehmen ein frisches, modernes Aussehen zu verleihen und das Vertrauen der Nutzer an allen Kontaktpunkten zu stärken.
Ablauf während des Praktikums
Während meines Praktikums lag der Schwerpunkt des Projekts auf der Neugestaltung sowohl der mobilen als auch der Desktop-Version der Website, während gleichzeitig die Anforderungen von Stakeholdern und Unternehmen erfüllt wurden. Es wurde ein Design-Thinking-Ansatz gewählt, der das Projekt durch folgende Phasen leitete: Analyse, Ideenfindung, Design und Testing. Während dieser Phasen habe ich verschiedene CMD-Forschungsmethoden angewandt, darunter Interviews, Personas, heuristische Analysen, Online-Analysen und Wettbewerbsforschung, um Designentscheidungen zu treffen und die Lösung iterativ zu verfeinern.
Analysephase
Die Analysephase konzentrierte sich darauf, ein tiefes Verständnis für den Kontext des Unternehmens, die aktuellen Herausforderungen und die Projektziele zu gewinnen. Eine Problemanalyse wurde durchgeführt, um die bestehende Situation zu bewerten, Schwachstellen zu identifizieren und klare Projektanforderungen zu definieren. Die in dieser Phase gewonnenen Erkenntnisse bildeten das Fundament für den Projektplan und leiteten alle nachfolgenden Designentscheidungen.
Um das Projekt auf die Erwartungen des Unternehmens und der Stakeholder abzustimmen, habe ich Stakeholder-Interviews geführt, um Designanforderungen zu erfassen und Prioritäten, Einschränkungen sowie Erfolgskriterien zu verstehen. Parallel dazu habe ich eine heuristische Evaluation der bestehenden Website durchgeführt, um Usability-Probleme, Inkonsistenzen und Verbesserungspotenziale zu identifizieren.
Darüber hinaus wurde eine Wettbewerbsanalyse durchgeführt, bei der direkte Konkurrenten untersucht wurden, um deren Stärken und Schwächen zu bewerten. Dies half dabei, Branchenmuster zu erkennen, Marktlücken aufzudecken und Inspirationen für Funktionen und Best Practices zu sammeln, die im Rahmen des Redesigns angepasst oder verbessert werden könnten.
Empathize-Phase
Die Empathie-Phase konzentrierte sich darauf, das Nutzerverhalten, die Schwachstellen und die Erwartungen bei der Interaktion mit der bestehenden Website zu verstehen. Um dies zu erreichen, habe ich fünf Usability-Testing-Sitzungen mit echten Nutzern durchgeführt. Die Teilnehmer wurden gebeten, vordefinierte Aufgaben zu lösen, während ich die Zeit für die Aufgabenerfüllung erfasste und ihre Interaktionen beobachtete. Diese Daten dienten als Ausgangsbasis für den späteren Vergleich mit der neu gestalteten Lösung, sodass Verbesserungen der Effizienz und Benutzerfreundlichkeit gemessen werden konnten.
Neben quantitativen Erkenntnissen lieferten die Sitzungen auch qualitatives Feedback, Usability-Probleme und Empfehlungen der Nutzer. Basierend auf diesen Erkenntnissen habe ich klare Nutzeranforderungen definiert und diese in User Stories übersetzt, um die Erwartungen der Nutzer zu erfassen und Designentscheidungen zu leiten.
Um sicherzustellen, dass die Lösung den unterschiedlichen Nutzerbedürfnissen gerecht wird, habe ich auf Basis der Erkenntnisse aus den Usability-Tests, den Stakeholder-Interviews und den definierten Nutzeranforderungen Personas erstellt.
Herausforderungen und Einschränkungen
Eine der größten Herausforderungen in dieser Phase war der eingeschränkte Zugang zu tatsächlichen Kunden der Plattform aufgrund von Datenschutzbestimmungen. Infolgedessen war es mir nicht möglich, direkt bestehende Nutzer für Usability-Tests zu rekrutieren. Um dieses Problem zu lösen, habe ich sorgfältig Teilnehmer ausgewählt, die dem Profil der Zielgruppe sehr nahe kamen, um sicherzustellen, dass sie potenzielle Nutzer mit ähnlichen Zielen und Verhaltensweisen repräsentieren.
Designforschung
Der Zweck der Designrecherche war es, aktuelle Trends zu untersuchen und Best Practices in der Branche zu identifizieren. In dieser Phase habe ich eine Analyse von besten, guten und schlechten Designbeispielen sowie eine Trendanalyse durchgeführt, um aufkommende Muster und Standards besser zu verstehen, die in die Neugestaltung einfließen könnten.
Ideenfindungsphase
Nach dem Synthetisieren der Forschungserkenntnisse habe ich die wichtigsten Ergebnisse in Designkonzepte übersetzt. Ich habe eine Inspirationswand erstellt, um die visuelle Richtung vorzugeben, und Skizzen entwickelt, um Lösungen zu erforschen und Ideen frühzeitig mit den Stakeholdern zu validieren.
Ein Low-Fidelity-Prototyp in Figma wurde erstellt, um Kernfunktionen und Benutzerflüsse zu demonstrieren. Durch eine Co-Reflection-Sitzung mit den Stakeholdern wurde Feedback gesammelt und abgestimmt, bevor es an das High-Fidelity-Design ging.
Designphase
Basierend auf den in den vorherigen Phasen gewonnenen Erkenntnissen begann die Designphase mit der Erstellung eines Styleguides, der Farben, Typografie und die allgemeine visuelle Ausrichtung definierte, um die Konsistenz auf der gesamten Plattform zu gewährleisten.
Anschließend habe ich in Figma einen interaktiven High-Fidelity-Prototyp entwickelt, der es den Stakeholdern ermöglichte, die wichtigsten Abläufe und Funktionen zu erkunden. Der Prototyp wurde unter Verwendung von Variablen, gemeinsam genutzten Stilen und interaktiven Komponenten erstellt, um Konsistenz und Skalierbarkeit zu gewährleisten. Er diente zudem als Grundlage für die Testphase.
Basierend auf den Forschungsergebnissen und dem Feedback der Nutzer wurden mehrere Verbesserungen umgesetzt:
Eine neue Informationskarte für Parkplätze wurde mit tabellarischen Abschnitten (z. B. Allgemein, Bewertungen, Ausstattung) gestaltet, damit Nutzer schnell auf wichtige Informationen zugreifen können, ohne die Detailseite aufrufen zu müssen. Basierend auf einer Wettbewerbsanalyse war diese strukturierte Übersicht in der Branche bisher nicht üblich und zielte darauf ab, die Klarheit und die Effizienz bei der Entscheidungsfindung zu verbessern.
Auf der Blog-Übersichtsseite wurde eine Suchleiste hinzugefügt, Kategorien wurden gemäß den Anforderungen der Stakeholder entfernt und eine Sortierung nach Flughäfen wurde eingeführt.
Eine Breadcrumb-Navigation und eine fixierte obere Navigationsleiste wurden implementiert, um die Orientierung und Barrierefreiheit zu verbessern.
Die Schriftgröße wurde auf 16px standardisiert, um die Lesbarkeit zu erhöhen.
Es wurden Illustrationen eingeführt, um dem Design Persönlichkeit und Attraktivität zu verleihen, inspiriert durch eine Trendanalyse.
Schaltflächen wurden vergrößert, um die Benutzerfreundlichkeit auf Touch-Geräten zu verbessern.
In die Navigationsleiste wurde ein globales Suchsymbol integriert, inspiriert von einer Wettbewerbsanalyse, um einen schnellen Zugriff von jeder Seite aus zu ermöglichen (was in der Testphase validiert werden soll).
Nach der Fertigstellung des Prototyps habe ich eine Co-Reflexionssitzung mit den Stakeholdern durchgeführt, um die Lösung zu präsentieren, Feedback einzuholen und uns auf letzte Anpassungen zu einigen. Basierend auf diesem Feedback wurden weitere Verfeinerungen vorgenommen, bevor es in die Testphase ging.
Testphase
Nach Fertigstellung der High-Fidelity-Prototypen für Mobilgeräte und Desktop wurde ein strukturierter Testplan durchgeführt, um die Verbesserungen der Benutzerfreundlichkeit zu validieren. Die Methodik kombinierte quantitative und qualitative Usability-Tests, einschließlich Think-Aloud-Sitzungen und Benchmark-Vergleichen (Bearbeitungszeit und Aufgabenerfüllungsrate).
Für den Desktop-Prototyp wurden fünf Usability-Tests durchgeführt, um die Leistung im Vergleich zur vorherigen Website zu messen und die Modernität des neuen Designs zu bewerten.
Die Ergebnisse zeigten eine schnellere Aufgabenerfüllung in den meisten Szenarien (mit Ausnahme der Startseiten-/Suchaufgabe). Alle Teilnehmer empfanden das Redesign als deutliche Verbesserung und beschrieben es als sauberer, moderner, visuell ansprechender und einfacher zu bedienen. Die Informationsstruktur wurde als wesentlich klarer empfunden, und die neuen Registerkarten für die Anbieterkarten wurden besonders geschätzt, da sie einen schnellen Zugriff auf wichtige Details ermöglichen.
Basierend auf dem Feedback der Benutzer und den identifizierten Reibungspunkten wurden vor der Fertigstellung des Praktikumsergebnisses zusätzliche Iterationen implementiert.
Fazit
Die Neugestaltung der Flughafenparkplatz-Website von ROOSH (heute ParkMundo) für Desktop und Mobilgeräte erfüllte erfolgreich die Anforderungen der Stakeholder und modernisierte sowie verbesserte gleichzeitig die Benutzererfahrung. Durch die Anwendung einer Reihe von CMD-Forschungsmethoden lieferte das Projekt messbare Verbesserungen in den Bereichen Benutzerfreundlichkeit, Klarheit und visuelle Gesamtattraktivität.
Das neue Design wurde von Stakeholdern und Testteilnehmern gut aufgenommen. Das Projekt wurde erfolgreich abgeschlossen und mit einer hervorragenden Note für das Praktikum bewertet. Das Unternehmen war mit meinen Beiträgen äußerst zufrieden und bot mir einen Vollzeitvertrag an, was den Übergang vom Praktikanten zum Junior UX/UI Designer markierte.
Vollzeitstelle
Nach dem Übergang zu einer Vollzeitstelle als Junior UX/UI Designer habe ich das Website-Projekt weiterentwickelt und ausgebaut. Ich habe in Figma von Grund auf ein Design-System erstellt und dabei Variablen und Komponenten verwendet, um Skalierbarkeit, Konsistenz und eine einfache zukünftige Aktualisierung zu gewährleisten. Außerdem habe ich von Stakeholdern gewünschte Funktionen implementiert und verbessert und eng mit den Entwicklern zusammengearbeitet, um ein vollständig dokumentiertes, implementierungsbereites Design zu liefern.
Parallel dazu habe ich das interne Dashboard neu gestaltet und das ShadCN-Design-System genutzt, um die Benutzeroberfläche zu modernisieren, die Benutzerfreundlichkeit zu verbessern und zuvor inkonsistente Muster zu vereinheitlichen.
Ich leitete auch das Rebranding des Unternehmens und arbeitete an der neuen visuellen Identität. Dies umfasste den Entwurf des neuen Logos, die Aktualisierung der Website-Farben sowie die Erstellung visueller Assets für Marketing, Präsentationen und andere Touchpoints. Darüber hinaus habe ich eng mit dem Marketingteam zusammengearbeitet, um Anzeigen für Google und Meta zu entwerfen und so die visuelle Konsistenz und Markenidentität über alle Kampagnen hinweg sicherzustellen.
