HC.Harvey
Rayhanson
EXPLORE
STAY CURIOUS.
← Back to work
01 / MOBILE APP DESIGN / 2026

GymLog.

Make every set count.
Keep the logging simple.

Launch prototype
CONTEXT
Design Foundations II
FOCUS
Core workout flow
PROCESS
Flow → Wireframes → Mockup
FORMAT
Interactive web prototype

Three key interface views

01 Start a workout
02 Review actual results
03 Save, rest, continue
THE STARTING POINT

Built for the space
between sets.

A workout log should fit into a busy day, without becoming another task to manage.

GymLog began with a routine familiar to me: balancing the gym, classes, and work. The concept focuses on recording what actually happened in a workout, reusing familiar numbers, and keeping the next action clear.

The goal is a small, useful core flow: choose an exercise, perform the set, record the result, and continue.

FROM FEEDBACK TO FLOW

The workout
comes first.

Instructor feedback on the initial flow raised two questions: where does the physical workout happen, and how can repeated weight and rep entry require less typing?

The revised flow separates lifting from saving. Previous values are a starting point, while an explicit confirmation records the completed set.

  1. 01Choose
  2. 02Lift
  3. 03Review
  4. 04Save
  5. 05Continue
DESIGN DECISIONS

Small details.
Clearer interactions.

01 / CLARITY

One clear save action.

“Log completed set” opens the form. “Confirm and save set” records the result. The labels make the difference explicit.

02 / LESS REPETITION

Reuse, then adjust.

Previous numbers appear in editable fields. Later sets reuse the latest set in the session. First-time users start with empty fields.

03 / CONTROL

Make correction easy.

A visible edit action updates an existing set without adding a duplicate. The rest timer can be changed or skipped.

SCENARIO REVIEW

Two ways
into the same flow.

The design review considered an experienced gym-goer who wants quick repeat entry and a beginner who needs clear guidance with no previous records.

Those scenarios shaped editable prefills, a distinct save confirmation, and a direct correction path. They are design considerations; participant testing is the next validation step.

What I want to validate next

Observe two people starting a workout, logging a completed set, correcting a saved number, and finishing the session. Watch for uncertainty about what saves a set and whether the reuse and correction controls are discoverable.

THE LATEST ITERATION

A quieter surface.
A stronger focus.

The final visual direction moves from charcoal to jet black, preserving the crimson accent. Subtle glass surfaces, fine borders, and restrained motion give the interface depth without competing with the workout.

Large editable numbers, readable secondary text, and high-contrast primary actions keep the interaction grounded. Motion respects reduced-motion preferences.

Jet blackCrimsonRose accent
EXPLORE THE EXPERIENCE

Take it through
one more set.

Try the returning-user or first-time-user path.
Log a set, change a number, and finish a workout.

Open interactive prototype ↗

Sample workout data. Progress lasts for the current page session.