Tendd Wireframes

Overview of the wireframe set. Structure, not look: grey, semantic, real copy. A screen is done only when every state it produces has its own page (empty, error, loading, success).

Phase: Wireframes 6 clusters 16 screens 41 pages 4 flows Built: 41 of 41 pages
base = success / default page empty no data, with a way out error a failure, with recovery loading calm placeholder planned not built yet

Flows and their screens

Flow A - See all recurring charges calmly

J-MAIN · Emma (bank path) · PRIMARY, build first

First session, bank-connected. Welcome to the calm list. This flow sets the pattern the rest clone.

  1. tap 0 Welcome / Value Intro J1 show value before asking for data base
  2. tap 1 Activation Path Choice J1 + J5 two paths, equal weight (D2) base
  3. tap 2 Connect Bank J1 bank path (D5 Plaid US first) base empty error loading
  4. tap 3 Guided Reveal J-MAIN the aha, gradual (D1) base empty
  5. end Home / Subscription List J-MAIN + E1 calm list, count, total · reference screen base save-focus empty error loading

Flow B - Track without sharing bank data

J5 · Ravi (manual + presets)

The privacy path. Shares Welcome, Path Choice, Guided Reveal, and Home with Flow A; the distinct screen is Add Subscription (400+ presets, D2).

Flow C - Find, cancel, and feel the win

J2 + E2 · Claudia

The cut job and the pride moment. Basic cancel is free; the full guide is Pro (D3). Cancel is never walled at the relief moment.

  1. start Home / Subscription List shared with Flow A
  2. tap Subscription Detail J3 decode a charge + J4 its alerts base empty error loading
  3. cancel Cancel Guide J2 identify and cancel; basic free (D3) base empty error
  4. gate Upgrade / Tendd Pro D3 split + D4 price (the gate) · orphan by design base
  5. win Cancel Win Moment E2 the small win, money saved · success-only base
  6. share Share Snapshot S1 privacy-safe share card base error loading

Flow D - Stay ahead of a surprise

J4 · alert to action

Entry is a notification (the return hook). Price change and payment failed are free; trial ending and unusual are Pro (D3).

  1. open Alerts / Activity J4 price change, payment failed base empty error loading
  2. tap Subscription Detail shared with Flow C, "caught it early"
  3. gate Upgrade / Tendd Pro shared with Flow C, a Pro alert type hits the gate
  4. handoff Cancel Guide shared with Flow C, a price change may hand off to cancel
  5. fallback Home / Subscription List shared with Flow A

Beyond the four core flows - steady-state and account

Reached globally (You tab) or contextually (a Pro gate)

In the sitemap but not part of one linear persona flow. Built in Step 8.

All pages and states (40)

Rows are the 16 screens. A link is a page to build; a dash means the scenario does not produce that state. Success is the base page.
# Screen empty error loading success (base) Build
1Welcome / Value Intro --- welcome main
2Activation Path Choice --- path-choice main
3Connect Bank empty error loading connect-bank main
4Add Subscription empty error loading add-subscription step 8
5Guided Reveal empty -- guided-reveal main
6Home / Subscription List empty error loading home save-focus main (reference)
7Subscription Detail empty error loading subscription-detail main
8Alerts / Activity empty error loading alerts step 8
9Cancel Guide empty error - cancel-guide step 8
10Cancel Win Moment --- cancel-win step 8
11Share Snapshot - error loading share-snapshot step 8
12History and Trends empty - loading history-trends step 8
13Upgrade / Tendd Pro --- upgrade step 8
14Connections / Accounts empty error - connections step 8
15Data and Privacy --- data-privacy step 8
16Settings / Profile --- settings step 8