Sports
IQ
Design · v2
Mobile + Bar screen mockups
Everything on this page is
today's v2 design direction
. Older mockups are preserved in the
archive
at the bottom. Click any card to view the mockup. Bar screens have a
[TV]
link for true 4K fullscreen on a real bar TV.
Primary flow
First-time user journey
Phone
→
OTP
→
Nickname
→
First-time Play
→
Trivia
→
Reveal
→
Round result
Start flow →
Mobile · Auth
Sign-in & setup
📱
Phone entry
Uber-style. Inline terms disclosure. Live teaser creates urgency.
🔢
OTP verification
5-digit SMS code. Auto-fill ready. Resend countdown.
✏️
Pick a nickname
First-time only. Live leaderboard preview shows how you'll appear.
Mobile · Play screens
Play — the default hub
🏠
Play · default
Live Stack Pill + Focused Hero. Trivia focused — the canonical state.
🏀
Play · predictor focused
Same shell, different pill focused. Live game pick visible.
🎁
Play · first-time user
New user with 500 IQ gift, Day 1, unranked. No tutorial overlay.
🌙
Play · dead time
Nothing live. Daily challenge + tonight's games fill the space.
Mobile · Trivia loop
Trivia gameplay
🧠
Gameplay
Active question. Progress dots, timer, 4 answers, 1.5×/2×/3× multiplier.
✓
Reveal · correct
Answer revealed. Green glow + crowd % on every answer + fun fact.
✕
Reveal · wrong
Tough-break variant. Red glow, correct + your pick both highlighted.
🏆
Round result
End of Q10. Score ring, IQ earned, rank climb, national leaderboard.
Mobile · Predictor loop
Predictor (live-game picks)
🔒
Pick locked · tracking
Your pick, multiplier, live stat tracker until resolution.
🎯
Pick resolved
Win state. Outcome banner + stats + stat-resolution callout.
Mobile · Other tabs & modals
Rank · You · Exit
🏆
Rank tab
Friends / Your Bar / National + Today/Week/Lifetime filters. Your rank card pinned.
👤
You tab
Profile + stats grid + recent picks + settings (incl. delete account).
⚠️
Exit confirm modal
Appears when user taps × mid-round. Specific stakes shown.
Bar TV screens
Bar TV · 6 states (add
?tv=1
for 4K fullscreen)
🧠
Bar · Trivia active
Live trivia question. 3 columns: Current Game · Question · Today at bar.
Real TV:
[TV 4K]
✓
Bar · Trivia reveal
Correct answer + all crowd %s. Leaderboard updates live.
Real TV:
[TV 4K]
⏱️
Bar · Intermission
Between rounds. Big countdown + last round winner. QR is hero.
Real TV:
[TV 4K]
🏀
Bar · Predictor active
Live game + YES/NO pick question. Sharp money signal visible.
Real TV:
[TV 4K]
🔒
Bar · Predictor locked
Voting closed, tracking live stat. Crowd split revealed.
Real TV:
[TV 4K]
🎉
Bar · Predictor result
Win reveal. Confetti, outcome banner, Current Game deltas.
Real TV:
[TV 4K]
Archive
Earlier work & references
Older mockups and spec docs. Kept around in case any ideas are worth revisiting — nothing here is the current design direction.
📚 Old mockup collection
The previous
index.html
— 40+ tabs: trivia variants, mobile pick-cards, bar screens (v1), onboarding ideas, daily challenge, Sports DNA, etc.
📋 Isaac Phase 4 handoff
The original spec Isaac built from. Baseline reference for what shipped to production pre-v2.
🎬 Demo video
Earlier marketing/demo video mockup.
📄 Terms & Conditions
Live terms page.