03 / One pen sketch

Every screen grew from this page

Six named parts. Draw them the same way, everywhere, and people learn the app once.

Hand drawn notation: a phone with Team, Profile, a card for a thing or step, a quick action button and four sections, plus an expanded step view 1 2 3 4 5 6

my first sketch of the app's anatomy, in a ruled notebook

Live requests screen 1 2 3 4 5

the live app, same anatomy (6 opens below)

1
Team
switches the whole app
2
Profile
who you are, sign out
3
Card
one card per request, class or person
4
Quick action
the one clay button
5
Sections
always four tabs
6
Card, opened
the steps of a request
Sketched progress dots, joined by a line6

6 in the sketch: the card opened, its steps as dots joined by a line

An opened request card with the 5 step tracker6

6 in the live app: the card opened, with the 5 step tracker