Case Study
ApeStep
Die Fitness-App, die Spaß macht. ApeStep verwandelt tägliche Schritte in ein Spiel — mit Bananen als Währung, sammelbaren Pixel-Art-Monkes und Streaks, die dranbleiben lassen.
- Rolle
- UX/UI Design (3er-Team)
- Team
- mel · daniil · kathrin
- Zeitraum
- 2026
- Typ
- Mobile App · Konzept
Vom Dashboard mit Tagesziel über die Monke-Sammlung bis zum Profil — jede Bewegung wird sichtbar belohnt.
Das Problem
Viele Menschen — vor allem die jüngere Generation — schaffen ihr tägliches Schrittziel nicht und verlieren dabei schnell die Motivation.
Das Ziel
Eine coole, leicht bedienbare und motivierende Fitness-App, die Spaß macht und dabei hilft, das tägliche Schrittziel wirklich zu erreichen.
Meine Rolle
Mein Beitrag im Team
ApeStep ist im 3er-Team entstanden — mit viel gemeinsamer Recherche, Diskussion und Entscheidungen als Gruppe. Mein persönlicher Schwerpunkt lag auf den Screens rund um den Account: Profil, Onboarding & Tutorial, Login/Registrierung/Logout, die Einstellungen sowie die Homescreen- und Lockscreen-Widgets.
- ▸Profil-Screen
- ▸Onboarding & Tutorial
- ▸Login, Registrierung & Logout
- ▸Homescreen- & Lockscreen-Widgets
- ▸Einstellungen
Von mir gestaltet
Recherche
Erst verstehen, dann gestalten
In der Konkurrenzanalyse haben wir herausgearbeitet, woran bestehende Fitness-Apps scheitern — und mit einer eigenen Umfrage validiert, was unsere Zielgruppe wirklich motiviert.
Hauptprobleme der Konkurrenz
- ▸Kein gutes Onboarding / Tutorial
- ▸Trackt nicht effektiv & nicht korrekt
- ▸Schwer zu verstehen, worum es geht
- ▸Unübersichtliche Oberflächen
75 %
würden Schritte sammeln, um eine ganze „Saison“-Kollektion freizuschalten
58 %
der Befragten sind zwischen 25 und 44 Jahre alt
58 %
haben grundsätzlich Interesse an Fitness-Apps
3000+
Schritte macht jede befragte Person mindestens pro Tag
Persona
Für wen wir gestalten: „Ellis“
Ellis, der junge Gamer, sitzt viel vor dem PC und bewegt sich wenig. Klassische Fitness-Tracker sind ihm zu nüchtern — „Bewegung muss sich wie ein Spiel anfühlen, sonst mach ich's nicht.“ Genau ihn holt ApeStep mit Belohnungs- und Sammelmechaniken aus Games ab.
Vorgehen
Der Prozess
- 01
Design Thinking
Bedürfnisse & Probleme der Zielgruppe verstehen, Ideen zur Motivation entwickeln.
- 02
Wireframes
Screens & Flows schnell und roh skizzieren, testen, iterieren.
- 03
Design System
Farben, Typografie, Icons und der Pixel-Art-Baukasten.
- 04
High-Fidelity
Klickbarer, realitätsnaher Prototyp inkl. Widgets & Watch.
- 05
Keep, Start & Stop
Retrospektive im Team — was bleibt, was kommt neu, was lassen wir.
Das Konzept
Bewegung, die sich wie ein Game anfühlt
Die klare Erkenntnis aus der Umfrage: Sammeln motiviert. Also haben wir Schrittzählen mit einem spielerischen Belohnungs-Loop verbunden.
Bananen als Währung
Schritte werden zu Bananen — die Währung, mit der man Monkes und Extras freischaltet.
Sammelbare Monkes
Über 28 Charaktere in vier Seltenheiten (Common bis Legendary) motivieren zum Weitersammeln.
MonkeBox & Shop
Bananen in der MonkeBox einlösen oder im Shop investieren — der spielerische Belohnungs-Loop.
Streaks & Challenges
Tages-Challenges und Streaks halten die Gewohnheit am Leben — Tag für Tag.
Animation
Momente, die sich lebendig anfühlen
Zwei Schlüssel-Animationen geben ApeStep seinen verspielten Charakter: das Onboarding, das neue Nutzer mit Rob abholt — und der große Moment, das Öffnen der MonkeBox.
Design System
Verspielt, aber konsistent
Ein eigenständiger Retro-Pixel-Look mit klaren Regeln: eigene Charaktere, ein Seltenheits-System und wiederkehrende Bausteine wie die MonkeBox.
Magenta
#C21C78
Bananengelb
#F4C40E
Creme
#FBF3D6
Braun
#2E2013
Typografie
Fredoka
Rundliche, freundliche Headlines mit Charakter.
Nunito
Body & Interface — klar und angenehm lesbar.
Monkes — 4 Seltenheiten
- Common
- Rare
- Epic
- Legendary
Über 28 selbst gebaute Pixel-Art-Charaktere, eine eigene Icon-Familie und die MonkeBox als Belohnungs-Moment.
Die Monkes
Sammle sie alle
Über 28 handgemachte Pixel-Art-Charaktere in vier Seltenheiten — jeder mit eigener Persönlichkeit und Geschichte. Vom kultigen Maskottchen Rob über den urzeitlichen Ice Monke bis zum bunten Rainbow Monke. Genau dieses Sammeln hält bei der Stange.
High-Fidelity
Motivation über die App hinaus
Die App holt Nutzer genau dort ab, wo sie sind: mit Push-Notifications („Beweg dich du Affe!“), Lockscreen- und Homescreen-Widgets und einer Apple-Watch-Ansicht mit Bananen-Ring — Motivation im ganzen Tagesablauf.
Apple Watch
Dein Fortschritt am Handgelenk
Der Bananen-Ring zeigt auf einen Blick, wie viele Schritte bis zum Tagesziel fehlen — 2.568 von 3.000. Motivation direkt am Handgelenk, ganz ohne die App zu öffnen.
Funktionen
Was ApeStep kann
- +Schrittzähler mit tagesaktuellem Ziel
- +Bananen-Währung aus Schritten
- +Über 28 sammelbare Monkes in 4 Seltenheiten
- +MonkeBox öffnen & Shop
- +Streaks & Tages-Challenges
- +Push-Notifications („Beweg dich du Affe!“)
- +Homescreen- & Lockscreen-Widgets
- +Apple-Watch-Ansicht mit Bananen-Ring
Prototyp
Scan mich & probier ApeStep aus
Vollständig klickbarer High-Fidelity-Prototyp in Figma — von Onboarding und Registrierung bis zum Sammeln der Monkes. Einfach den QR-Code scannen.
Bewegung darf sich wie ein Spiel anfühlen. 🍌