Abschlussprojekt: Mobile Gaming App Lifescape

Nachhaltige Steigerung von realer Welterkundung, Bewegung und sozialer Interaktion Jugendlicher durch standortbasierte Gamification.

Rolle

UX/UI Designer

Branche

Behavior Change

Dauer

6 Monate

Smartphone mit Lifescape-App auf perforierter Metalloberfläche.

PROBLEMSTELLUNG

Jugendliche verbringen immer mehr Zeit in digitalen Welten, während die Realität, Bewegung und soziale Aktivität zunehmend an Bedeutung verlieren.

LÖSUNGSANSATZ

Eine standortbasierte App, die digitale Motivation in reale Bewegung übersetzt.

Phase 1. Recherche & Analyse

Eine Analyse von 100 wissenschaftlichen Studien und eine Wettbewerbsanalyse validierten das Problem, schärften den USP von Lifescape und leiteten zentrale Designentscheidungen ab: darunter ein bewusst reduzierter 2D-Grafikstil der Spielwelt zur Förderung realer statt virtueller Immersion.

Phase 2. Ideenfindung & Konzeption

Zur frühzeitigen Identifikation kritischer Nutzungsmomente wurden User Journeys und User Flows entwickelt, um klare Entscheidungswege und eine leicht verständliche Nutzerführung im UI sicherzustellen.

USER JOURNEY

USER FLOW

Phase 4. Design-Umsetzung

UI Style Guide: Der UI Style Guide definiert ein visuelles System, das gezielt auf die junge Zielgruppe abgestimmt ist: kräftige Akzentfarben fördern Motivation, während eine reduzierte Grundfarbwelt Fokus und Orientierung unterstützt. Klare Hierarchien und konsistente UI-Patterns sorgen für eine geringe kognitive Belastung und eine skalierbare Nutzerführung.

PROBLEMSTELLUNG

Jugendliche verbringen immer mehr Zeit in digitalen Welten, während die Realität, Bewegung und soziale Aktivität zunehmend an Bedeutung verlieren.

LÖSUNGSANSATZ

Eine standortbasierte App, die digitale Motivation in reale Bewegung übersetzt.

Phase 1. Recherche & Analyse

Eine Analyse von 100 wissenschaftlichen Studien und eine Wettbewerbsanalyse validierten das Problem, schärften den USP von Lifescape und leiteten zentrale Designentscheidungen ab: darunter ein bewusst reduzierter 2D-Grafikstil der Spielwelt zur Förderung realer statt virtueller Immersion.

Phase 2. Ideenfindung & Konzeption

Zur frühzeitigen Identifikation kritischer Nutzungsmomente wurden User Journeys und User Flows entwickelt, um klare Entscheidungswege und eine leicht verständliche Nutzerführung im UI sicherzustellen.

USER JOURNEY

USER FLOW

Phase 4. Design-Umsetzung

UI Style Guide: Der UI Style Guide definiert ein visuelles System, das gezielt auf die junge Zielgruppe abgestimmt ist: kräftige Akzentfarben fördern Motivation, während eine reduzierte Grundfarbwelt Fokus und Orientierung unterstützt. Klare Hierarchien und konsistente UI-Patterns sorgen für eine geringe kognitive Belastung und eine skalierbare Nutzerführung.

Wireframing: Wireframes dienten dazu, zentrale Nutzerflüsse, Informationshierarchien und Interaktionsmuster frühzeitig zu überprüfen. So konnten unterschiedliche Lösungsansätze schnell verglichen und fundierte Entscheidungen getroffen werden, bevor visuelle Details ausgearbeitet wurden.

Prototyping: Der Figma-Prototyp diente als konzeptionelles Test- und Entscheidungswerkzeug, um Annahmen zur Nutzerführung und Interaktionslogik zu überprüfen und gezielt zu verfeinern.

Phase 5. Nutzertests & Iterationen

Gezielte UX-Feedback-Runden im persönlichen Umfeld dienten der frühen Überprüfung von Verständlichkeit und Nutzerführung. Die gewonnenen Erkenntnisse flossen direkt in iterative Designanpassungen ein.

Phase 6. Finales UI

Mehrere Smartphone-Screens mit UI-Designs einer Mobile-App in einer schrägen Anordnung.

Überlappende Smartphone-Mockups mit dem Interface einer Mobile-App.

Drei überlagerte Smartphone-Mockups mit verschiedenen Screens der Lifescape-App auf dunklem Hintergrund.

Phase 7. Präsentationsvideos

Ergebnisse

Mobile-Gaming-Konzept zur Förderung realer Aktivität bei Jugendlichen
Spielwelt, die digitale Nutzung in reale Erlebnisse überführt
Skalierbare Designgrundlage für eine spätere MVP-Entwicklung

Key Learnings

Visuelle Einfachheit stärkt Orientierung und Vertrauen
Kerninformationen müssen sofort sichtbar sein
Iteratives Denken verbessert konzeptionelle Qualität

Nächste Schritte

Gezielte Usability-Tests zur Validierung der Nutzerführung
Weiterentwicklung des Prototyps auf Basis definierter Hypothesen
Optimierung der Gamification-Mechaniken im Nutzungskontext

Weitere Projekte

E-Commerce App: UX/UI Design für eine Home Decor App namens Decoze

Komplexe Produktauswahl im Interior-Bereich in eine klare, nutzerzentrierte und skalierbare digitale Experience übersetzen.

a cell phone on a bench

Redesign-Projekt: B2C Service Website für TDS-Systeme

Nutzerzentriertes Redesign einer Website für bessere Orientierung und Conversion.

a cellphone leaning against a wall

UX/UI-Studienprojekt: Mindful Habit App Blossom

Achtsamkeitsbasierte Gewohnheits-App für nachhaltige Routinen ohne Leistungsdruck.

Jetzt Kontakt aufnehmen

Rückmeldungen von Dozenten, Kollegen und Kunden, die meinen beruflichen Weg begleitet und meine Entwicklung miterlebt haben.

Jetzt Kontakt aufnehmen

Rückmeldungen von Dozenten, Kollegen und Kunden, die meinen beruflichen Weg begleitet und meine Entwicklung miterlebt haben.

Jetzt kontaktieren

Rückmeldungen von Dozenten, Kollegen und Kunden, die meinen beruflichen Weg begleitet und meine Entwicklung miterlebt haben.

Viktoria Wirsum

© 2026 Viktoria Wirsum

Viktoria Wirsum

© 2026 Viktoria Wirsum

Viktoria Wirsum

© 2026 Viktoria Wirsum