Onboarding Gagan

The final onboarding direction — Postcards v2 — is what we're shipping. The earlier exploration sets (six directions across Indian + classic) are kept here for reference. Welcome → identity → OTP → group vibe → contact access → people → done.

What to test

  • Open the floating tweaks button (bottom-right of the phone) to swap between three full onboarding directions
  • In Khata, advance to the OTP step — a fake SMS notification drops in from the top; tap it to autofill
  • In Chai adda, watch Priya, Rohan and Aarav greet you. The bot is Settld itself; quick replies live as polls inside chat bubbles
  • In Aerogramme, the "To: [your name]" handwriting on the envelope updates as you type your name in step 2
  • Pick a group vibe — real Indian archetypes with average rupee amounts (₹12,400/month flat, ₹40/day chai)
  • Try a wrong OTP — cells shake coral
  • Tap "Nahi abhi" on the phonebook permission step — the flow adapts copy on the people step

Final direction (shipping)

★Postcards v2

The shipping onboarding. Refined paper-first direction — a single tilted postcard per step, warm-cream stage, dashed rail with stamp-style step counter. Inputs feel alive: name appears on the postcard as you type, phone country code flips, OTP banner drops in for autofill, group vibe tilts the next card on select. Closes on a teal "DELIVERED" stamp with confetti.

Indian directions (exploration)

कKhata

The onboarding *is* a desi khaata (ledger book). Red top header strip, coral vertical margin rule, dashed ruled lines, monospace amounts, serial number that ticks up each page. Bilingual headings (नाम / Name). Closest in spirit to the landing's calculator and Settld's brand voice. The OTP step has a fake iOS SMS banner that drops in and is tappable.

चChai adda

You've been added to a group chat called "Settld · joining log". Priya, Rohan and Aarav greet you. Settld bot drives onboarding via Hinglish messages ("naam batao", "set hai ✓"). Rich attachments live inside chat bubbles: OTP keypad, poll for group vibe, permission card, contact picker.

हAerogramme

An old-school Indian airmail letter on deep envelope blue. Stamp (₹2 · India Post), circular postmark, dashed striped border. Each step is "Letter № 1 → 7". Body copy in Caveat handwriting, fields underlined like address lines. Ends with a teal "DELIVERED" stamp.

Classic directions (exploration)

APostcards

Paper-first, warm-cream, slide-by-slide. Tilted "S" mark fans postcards behind it. Most aligned to current brand surface.

BConversation

Faux chat with Settld. Bot asks one thing per turn, user replies via text input or rich attachments embedded in bubbles (vibe picker, OTP, permission prompt, contact list).

CStack

Single hero card per step, swipe up to advance. Tinted backgrounds shift step-to-step. Editorial typography.

Flow steps (all three variants)

  • 1 · Khol — brand intro / first page
  • 2 · Naam — name + phone
  • 3 · OTP — 6-digit verify with timer, resend, autofill
  • 4 · Group — Indian archetype + group name
  • 5 · Phonebook — contact-access permission
  • 6 · Members — pick the crew
  • 7 · Tayyaar — stamp + confetti

Why this is funky-Indian and not generic

  • Group vibes use real rupee benchmarks — ₹40/day chai, ₹12,400/mo flat, ₹38k/trip — not abstract archetypes
  • Microcopy is Hinglish where it adds warmth: "khol rahe hain khaata", "naam batao", "set hai ✓", "khaata khul gaya", "kya scene hai?"
  • Khata uses an actual red ledger header strip with a stitched tear-line, plus the coral margin rule from the landing's hero calculator
  • Chai adda uses the chat metaphor that's already the natural home of Indian friend-group expense talk (WhatsApp/iMessage groups)
  • Aerogramme references the blue India Post airmail letters — distinctly Indian nostalgia, not generic "postcard" treatment
  • "We're not going to Splitwise you. Promise." appears once, footer-only, per brand rule

Viewport

390 × 844 — iPhone 15 standard. Each variant is fully self-contained inside the iframe; the tweaks panel swaps which is visible.