Konzept einer App, die Fitness-Einsteigern durch ein personalisiertes Onboarding den Weg zu passenden Studios und Geräten zeigt
Projektrahmen
- Studienprojekt (Modul im Studium)
- Konzeptstudie für McFIT, keine offizielle McFIT-App
- Fokus: UX/UI Design, Onboarding, Informationsarchitektur
Tools
- Figma
- Adobe Illustrator
Gestaltungsraster
- Screengröße 390 × 844 px (iPhone 14)
- 3-Spalten-Grid mit 16 px Gutter und 24 px Seitenrand
- Statusleiste 48 px, Header-Bild 392 px
- Buttons 48 px hoch, 16 px Abstand zueinander
- Bottom-Navigation 76 px mit gleichmäßig verteilten Icons
- Einheitliche Abstände für ein ruhiges, konsistentes Layout
Use Case #1: Preboarding
Use Case #2: Geräteliste & Favoriten
Use Case #3: Filtern nach Studio & Trainingsziel
Use Case #4: Fitnessprofil & favorisierte Studios
User Flow Map
Projektprozess
- Analyse typischer Einstiegshürden von Fitness-Anfängern
- Zielgruppenanalyse und Entwicklung von Personas
- Benchmarking bestehender Fitness-Apps mit Fokus auf Onboarding und Nutzerführung
- Ideengenerierung mittels Lotus Blossom Canvas
- Entwicklung von User Stories, Use Cases und User Flow Maps
- Konzeption eines mehrstufigen Preboarding- und Onboarding-Flows
- Strukturierung der Informationsarchitektur (System Map, Site Map)
- Erstellung von Wireframes, Wireflows und Keyframes
- Gestaltung eines markenkonformen UI-Designs
- Umsetzung eines klickbaren Prototyps inklusive Screencasts
Methoden
- User Story Mapping & Use Cases
- User Flowcharts & Flow Maps
- Moodboards & Gestaltungsraster
- Benchmarking
Zentrale Konzepte & Features
- Mehrstufiges, personalisiertes Onboarding (Ziele, Fitnesslevel, Trainingsfrequenz)
- Geräteempfehlungen basierend auf individuellen Nutzerangaben
- Studio-Übersichten mit Auslastungsinformationen
- Visuelle Orientierungshilfe für Trainingsgeräte
- Favoriten- und Filterfunktionen für effiziente Nutzung