← BackNext project
Product Design · Vibe CodingLive prototype ↗︎

People budget money carefully but rarely see where their time goes. I designed a lightweight tracker that makes the shape of a week visible enough to reflect on.

RoleBuilder: concept, product logic, four life pillars, and spec-first build direction
TimelinePersonal June 2026
PlatformMobile web

Walkthrough: logging a session and watching the weekly balance update across the four life pillars.

01 / The concept

Budget your time the way you budget money

A budget app breaks your spending into categories so you can see where the money goes. Time Tracker does the same thing with your calendar. Four life pillars (Family, Self-Care, Socialization, and Career) are the default categories, each assigned a target share of your time. The app shows you the actual breakdown next to the one you choose for yourself.

Each pillar carries its own target, so the dashboard always has something to measure against. My goal was to create something that could hold you accountable to how you want to spend your time, because most people, including me, feel like life runs on autopilot without us directing it. And almost always, people's regrets have to do with, “I wish I did that with my time at that age.” So I wanted to see where the time was actually going, in more than one view.

Familytarget 25%
Self-Caretarget 20%
Socializationtarget 15%
Careertarget 40%
V2 dashboard: a week of time across Family, Self-Care, Socialization, and Career, each measured against its target
The dashboard: each pillar next to its target
Balance states: Balanced, On track, Drifting, Off balance, the plain-English read on the week
The balance read: where you land, in one word
Where your time went: the calendar and the actual sessions behind a week
Drill into any week to see the sessions that filled it
02 / The decision

Pillars have to fit the life you're living

The hardest part of any tracker isn't the chart: it's categorization. Pillars have to be personal, because different things matter to different people at different stages in their life.

Since some categories could overlap, we also needed to set definitions around each category. So the onboarding starts with defaults, but lets people shape the system around what they actually want to track. The point is not to force one universal definition of a balanced life; it is to make the categories meaningful enough that the breakdown feels honest.

“Different things matter at different stages of life, so the pillars need to be personal enough to grow with you.”
Onboarding step 1: intro and setup framing
Onboarding · intro
Onboarding step 2: configuring preferences
Onboarding · setup
Onboarding step 3: pillar defaults and confirmation
Onboarding · defaults
03 / The reflection

It's fun to see my ideas come to life

Bloom showed me I could move at the speed of my own judgment. Time Tracker showed me that writing the logic first — categories, targets, states, and edge cases — made the build sharper and kept the product coherent.

Time Tracker: the balance read and the weekly breakdown of hours across four life pillars