CASE STUDYCreative Dev · Data Visualization

Annual Log

Fitness data transformed into a spatial battle report.

Year

2025

Role

UX & Product Engineer

Duration

6 weeks

ReactTypeScriptGSAPViteRechartsTailwind CSSREST API
Explore the experience →

The Brief

Annual Log 2024/25 turns a year of gym data into a scroll-driven battle report. Not a dashboard, not a passive recap. The experience is structured like a game debrief, complete with acts, cinematic reveals, and interactive navigation through a 2D anatomy model. 154 sessions, 628.5 tonnes lifted, Top 4% gym ranking. All visualized through calendar density grids, frequency breakdowns, and exercise mastery scores. Built as a personal project to make twelve months of physical work feel like it actually means something.

Annual Log — 2
Annual Log — 3
Annual Log — 4
Annual Log — 5
Annual Log — 6
Annual Log — 7
Annual Log — 8
Annual Log — 9
Annual Log — 10
Annual Log — 11
Annual Log — 12

Next project →

The REM Project

›››