Screens in this prototype

Every screen and state, on desktop and mobile, at a glance. Click any frame — or Enter the prototype — to open it live.

Variants: Owner journey (overview) · Member perspective (Sarah) · Invitee journey (accept + signup) · Settings (photo + people)

Solo — Add People button

primary

Reach: any authed page, nobody invited yet

default; blend initial state (FR5). Mobile capture shows the deliberately UNCHANGED gradient bar

Desktop

Mobile

Invite popover (form-first)

primary

Reach: Add People click

real InvitePartnerForm content + last-name field; bottom sheet on mobile — desktop only: the mobile header carries no household UI (settings-only on mobile, Carl 2026-09-01)

Desktop

Pending invite in header

state

Reach: after first Send invite

cluster replaces the button; greyed avatar (FR3) — desktop only: the mobile header carries no household UI (settings-only on mobile, Carl 2026-09-01)

Desktop

Active members

state

Reach: invites accepted

Desktop

Mobile

People popover (people-first)

primary

Reach: cluster click

list leads; Add another person reveals the form — desktop only: the mobile header carries no household UI (settings-only on mobile, Carl 2026-09-01)

Desktop

At cap (4 invited)

state

Reach: 4 active+pending invited

desktop only: the mobile header carries no household UI (settings-only on mobile, Carl 2026-09-01)

Desktop

Cap message in popover

state

Reach: cluster click at cap

form suppressed (FR6) — desktop only: the mobile header carries no household UI (settings-only on mobile, Carl 2026-09-01)

Desktop

Acceptance toast

state

Reach: inviter's next session after an accept

exactly-once + native push (FR7)

Desktop

Mobile

SortMe AI — attributed chat

secondary

Reach: AI FAB, shared space

author avatar + full name; AI addresses the actual asker (FR13)

Desktop

Mobile

768–1023px band header

state

Reach: desktop between md and lg (Earn $40 hidden)

cluster keeps the anchor next to the trial chrome (SCOPE md-band row)

Desktop

Member view of the household

primary

Reach: invited member signs in

identical view (FR4); YOU = actual person (FR2)

Desktop

Mobile

Member people popover

secondary

Reach: cluster click as member

owner row has no Remove (FR9) — desktop only: the mobile header carries no household UI (settings-only on mobile, Carl 2026-09-01)

Desktop

Welcome modal (first landing)

primary

Reach: member's first landing in the shared space

exactly-once; never for the owner (FR14)

Desktop

Mobile

Account switcher w/ avatars

state

Reach: name dropdown click (member)

options gain avatars; trigger = actual person (FR12/AC13)

Desktop

Accept invitation

primary

Reach: invite email link

Desktop

Mobile

Accept — existing account

state

Reach: invitee already has a SortMe

your-own-SortMe reassurance (FR8)

Desktop

Mobile

Invited signup (existing flow)

primary

Reach: accept → no account

existing registration screens; goal + how-did-you-hear skipped (FR15); card summarises collected fields

Desktop

Mobile

Settings — photo + people

primary

Reach: Settings

NEW profile-photo card + People in your SortMe (hover Remove)

Desktop

Mobile

Photo uploading

state

Reach: Upload photo click

Desktop

Mobile

Photo uploaded

state

Reach: upload finishes

Desktop

Mobile

Photo upload error

state

Reach: failed upload

Desktop

Mobile

Settings at cap (5 of 5)

state

Reach: 4 invited

Desktop

Mobile