CONTRA UNIVERSITY / LEVELUP — USER FLOW

Version 28 · Final · April 2026

MACRO FLOW

DISCOVER → CONVERT → ACTIVATE → EARN
  (public)  (onboarding)  (dashboard)  (post-badge)

FLOW A — PUBLIC DISCOVERY

Entry Points

Direct URL: /
Contra.com partner badge link
Social share / community post
Search (landing on /expert-paths or /courses)
Mentor referral link

A1 — Landing Page ( / )

User arrives
      │
      ▼
Hero Section
  ├── Reads: "BECOME THE EXPERT YOU WERE HIRED TO BE."
  ├── Sees: floating tool icons (Framer, Figma, Webflow, Rive, Bubble, Kittl, Notion, Spline)
  ├── Reads: "2,400+ freelancers enrolled"
  │
  ├── CTA A: "Choose Your Expert Path →" ─────────── → /onboarding
  └── CTA B: "See How It Works" ──────────────────── → scroll to #system
       │
       ▼
  Scrolls through:
    Marquee strip (infinite expert path pills)
    Problem Section (Before/After cards)
    System Section (01 Learn · 02 Prove · 03 Partner · 04 Earn)
    AI Terminal Section (live roadmap demo)
    Social Proof (stats + community feed)
    Economics ("your knowledge earns twice")
    Contra Connection (tool logos + partner program)
    Final CTA ("Your Expert badge is 42 days away")
       │
  At any point via TopNav:
  ├── "Expert Paths" ─────────────────────────────── → /expert-paths
  ├── "Courses" ───────────────────────────────────── → /courses
  ├── "Community" ─────────────────────────────────── → /community
  ├── "For Mentors" ───────────────────────────────── → /for-mentors
  ├── "Sign In" ───────────────────────────────────── → /signin
  └── "Join Free →" ──────────────────────────────── → /onboarding

A2 — Expert Paths ( /expert-paths )

User arrives
      │
      ▼
Path Cards Grid (9 options)
  ├── Reads: enrolled count, skills, duration
  ├── Clicks any active path card ─────────────────── → /onboarding
  └── Clicks "Custom Path" [Coming Soon]
         └── [MODAL] Custom Path Request
               ├── Fills: skill name + goal + level + email
               ├── Clicks "Submit Request" ────────── → Success state → modal closes
               └── Clicks "Cancel" ────────────────── → modal closes

A3 — Courses ( /courses )

User arrives
      │
      ▼
Filter Bar → click chip → grid filters
      │
Course Cards Grid
  ├── Reads: title + instructor + duration + level + price
  ├── Clicks "Enroll →" ────────────────────────────── → /onboarding
  └── Clicks "Request a Path →" (bottom of page)
         └── [MODAL] Request Path Modal — 2 steps
               Step 1: Tool name + chip suggestions + level + rationale + email
                     └── Clicks "Submit Request →" ─── → Step 2
               Step 2: Success
                     └── Animated check + confirmation pill
                     └── Clicks "Done" ─────────────── → modal closes

A4 — Community ( /community )

User arrives
      │
      ▼
Left: Learning Journal Feed
  └── 4 community posts (read-only, public)
  └── "Join to post" ──────────────────────────────── → /onboarding

Right Sidebar:
  └── 🔥 Top Streaks leaderboard
  └── "Find a Partner →" ──────────────────────────── → [MODAL]

[MODAL] Find a Partner — 3 steps:

  STEP 1: Gate (Identity Verification)
    ├── Reads explanation + benefits
    ├── Clicks "I am a verified Contra Independent" toggle → isVerified = true
    │       └── "Not on Contra yet?" link → contra.com (new tab)
    └── Clicks "Continue to Matching →"
          [disabled if !isVerified]
          └── → Step 2

  STEP 2: Form
    ├── Expert Path dropdown (required)
    ├── Level chips (required): Beginner / Some / Intermediate / Advanced
    ├── Study schedule chips (required): Morning / Afternoon / Evening / Flexible
    ├── Goal chips (required): Certified / First client / Raise rates / Portfolio / Career switch
    ├── Note textarea (optional)
    └── Clicks "Match Me →"
          [disabled until all required filled]
          └── → Step 3

  STEP 3: Success
    ├── "You're in the queue!"
    ├── "Matched within 24 hours. Email when found. 🤝"
    └── Clicks "Done" ──────────────────────────────── → modal closes

A5 — For Mentors ( /for-mentors )

User arrives
      │
      ▼
Hero + 3-step process cards
    ├── Mentor social proof (Sarah Chen / Raj Patel / Aiko Tanaka)
    ├── Economics section
    └── "Apply as a Mentor →" ─────────────────────── → [MODAL]

[MODAL] Apply as a Mentor
    └── Portfolio + expertise + course concept + submit