Hero Log onboarding and home screens: dark UI with orange accents, weekly goal ring and progress bars

Mobile app

Hero Log

A workout tracker for gym-goers: log sets in seconds, follow weekly goals and repeat what works.

Overview

Hero Log is a mobile workout tracker. I designed the app end to end: onboarding, the home screen with weekly goals, logging a workout set by set, the history calendar and the style guide.

Role
Product Designer (solo)
Platform
iOS and Android
Tools
Figma

Solution

Onboarding asks only what the app needs to set goals: sex, height, weight, age and gym experience, from Beginner to “Hercules”. Home shows the weekly volume goal as a ring, daily progress as bars, and body weight against last month. In the gym, every exercise is a simple table of sets: weight, reps and one big check button, built for a sweaty thumb between sets. Finishing a workout shows time, total volume and every set, and the workout can be saved as a template to repeat later.

Hero Log onboarding: welcome, about you, gym experience and home

Logging a workout: choose exercises, log sets, finish and save as template

Workout history calendar, a past workout and the exercise library

Hero Log style guide: typography, colours and components