OBOpportunity BridgeInitial sketches · paper & pencil

Initial sketches

Paper & pencil exploration — before wireframes

Rough on purpose. These are thinking-out-loud thumbnails: get the flow and hierarchy right, worry about pixels later.
01Onboarding
logo + low-data ●
bridge illustration
goal ▾
city ▾
lang ▾
Get started
keep it to 1 screen — don't scare them off
➜
02Skills quiz
3/8
picture per question
✔ helpfix✔ build numberscomputer
back
next
NO résumé. tap, don't type
➜
03Recommendations
88%
82%
76%
show % + "in demand"
➜
04Career pathway
✔ verified~3 mo$0-120
⚠ not a guarantee
◻ training step 1 · free
◻ training step 2 · $40
Add to my plan
time / cost / eligibility up front = trust
➜
05Dashboard
progress 62%
◔ training in progress
✔ skill✔ skill
saved jobapply
ONE progress bar = the whole idea

Concept & IA doodles

The core flow

Onboard→ Skills→ Recommend→ Pathway→ Dashboard

= discover → learn → demonstrate → connect

Rules I keep repeating

  • Mobile first, works on cheap phones
  • Low-data + downloadable
  • Plain words, big taps
  • Only verified training & jobs
  • Never promise a job
  • Ask for the least data possible

Nav idea

PlanExploreSavedMe

→ bottom nav only appears AFTER onboarding