Mobile Fitness App
A fitness app interface running inside a phone frame. Log a set, switch tabs and watch the progress rings update.
Self-initiated projects, designed and built to show how I approach this kind of work.
The challenge
Mobile designs are usually handed over as static screens, which hides the parts that matter most: what happens between screens, and whether everything can be reached comfortably with one thumb.
What I did
- Built it as a working prototype instead of static frames, so the transitions and feedback can be reviewed by actually using them.
- Sized every tap target for a thumb and kept the main actions in the lower part of the screen.
- Connected the progress rings to the same state as the workout log, so the two can never show different numbers.
The result
A self-initiated concept, not client work. It shows how I like to hand over mobile designs: as something you can tap through, not a set of pictures.
Live demo
This is the working interface, not a screenshot. Every control works, so try it out.
Thursday
FitPulse
Tap an exercise to log a set
What you're looking at
A live mobile UI, not a screenshot. Log sets on the Today tab and the ring responds; switch tabs to see the weekly plan and volume history. Every control clears a 44px touch target and the whole thing runs on component state — the same patterns I hand off for React Native and Flutter builds.