Stepo Ultimate

Private design showcase. Enter the passphrase to view.

Stepo · The revamp

The Ultimate design

Stepo's UI is built around one mechanic: a step is live for 24 hours, and stepping with it while it's live is how support becomes recognition — Starter, Companion, Celebrator. Live cards glow and count down, past cards stay warm but go quiet, and every badge is a person you stepped with, never a number.

Starter · marigold Live · tangerine Celebrator · rose
Read the design notes
feed
Who needs me now? — live 24-hour cards, countdown rings, and badges earned at the moment of action.
journey
Who walked this with me? — the authored story: live-finish banner, the people panel, and the step trail.
step
The conversation — comments under the live step; commenting IS stepping with, and the composer says so.
profile
Who did I support, who supports me? — the two door tiles, journey filmstrips, and your on-air strip.
profile steps
The Steps tab — an Instagram-style media grid with the ultimate's semantics: live, first and final steps ringed.
badges
Who did I show up for? — opens on a person, then “Needs you now” turns recognition into the next tap.
supporters
Who shows up for me? — the podium, the ranked list, and the by-kind facepiles.
search
Find people and journeys — relationship-first results, privacy-gated.
notifications
What happened while you were away — step-withs, comments, follows, and the recognition moments.
signup
The first impression — the product selling itself, then Apple / Google / Facebook / email OTP.
onboarding
Become someone people can step with — one screen: avatar, name, and the username row where identity is born.
create journey
What are you starting? — 1 of 2: the title field IS the serif preview; the authored voice is born as you type.
create first step
Day one, documented — 2 of 2: the marigold composer; the photo already wears its first-step ring.
create step
Add to the story — the [Step] FAB's composer: journey picker, the rose final-step toggle, on air for 24 hours.
chat
Pick up the conversation (V2) — a plain DM list; shared steps flow into chat like posts into Instagram DMs.
chat thread
Talk to one person (V2) — carbon bubbles, one relationship caption, and the shared-step card as a door into the 24h window.
icon
The mark, decided — the picked tangerine icon in its settings: home screens, iOS light/dark/tinted, notification, in-app chrome, splash.

All other designs

13 earlier concepts · 64 screens — kept for reference.