BodyLog, the v1 prototype

BodyLog

v1 prototype · the user story, end to end

1dermp — personal skin tracking. circleheads system, mobile.

What I assumed, so you can correct me: the app never interprets a photo, never scores a condition and never suggests treatment — every number on screen is something you typed. Severity is self-rated. The calendar grid counts logs, not health. Streaks are hard-break as you asked, but the copy around a broken streak stays neutral — no scolding.

The system: warm near-black default with a paper toggle, one border weight, no shadows, ink hierarchy by alpha. Accents are punctuation — one hue per project, carried consistently from the project card to the body-map hotspot to the calendar cell. The pixel engine does all the brand art: the dermp mark (cross + pencil), tab icons, badges, and the sprite. No photography, no illustration.

1athe app — tap through it. 9 screens, both themes.
9:41
dermp
good evening, sam
33 days running. one photo left on today’s list.
lv 7
360 xp
logging history
one cell per day. darker = more photos.
streak
33 days
last 26 weeks
less
more
photos
586
across 3 projects
days logged
263
of 371
sites pinned
8
front and back
notes
146
your words
what you track
jump to
Photos are pixel stand-ins — drop real images in later. The mark, tab icons, badges and sprite are all drawn by the same pixel engine, so they scale from 14px to 180px without an asset.
1bdashboard b — the number first
days running
33
longest yet. one photo left today.
586
photos
263
days logged
8
sites pinned
146
notes
general acne84 entries2d ago
cystic acne31 entriestoday
psoriasis212 entriesyesterday
1cdashboard c — projects first, grid demoted
three files open33 days
general acne
face · cheeks, jaw
84 entries · 2d ago
cystic acne
left thigh, upper
31 entries · today
psoriasis
4 sites · elbows, scalp, shin
212 entries · yesterday
+ start a new file
everything586 photos
1dgrid — one blue ramp (in 1a)
logging history
intensity only. the colour never means severity.
1egrid — dots, hue = which project
logging history
you can see at a glance which file got attention.
general acnecystic acnepsoriasis
1fgrid — a ribbon per project, weekly
logging history
one week per bar. gaps read as gaps.
general acne
cystic acne
psoriasis
febmaraprmayjunjul

Try next: “use the 1e grid inside 1a” · “make the capture flow one sheet instead of three steps” · “the body map should be anatomical, not abstract” · “show me the doctor export”