NBA League Pass · Video-First Home Screen

DESKTOP WIREFRAMES

Stage-by-stage mockups of the proposed Video-First Home Screen redesign for desktop web, mapped to the three user journeys.

Journeys 03 Screens 17 Platform Desktop Web
Journey 01 · Subscriber + Live Game

OPENS SITE · TEAM IS PLAYING

Subscriber · Standard tier · Wednesday 8:05 PM · Heat vs. Bulls in 25 min

Screens 6 Persona Subscriber
🔒 leaguepass.nba.com
Stage 01
PRE-LAUNCH
NOW
SAME BRANDING, FASTER HANDOFF
Splash screen is unchanged but session is preserved server-side, so the next page load is the broadcast — not a login wall. On desktop, the browser tab title reads "🔴 LIVE: Heat vs Bulls — League Pass."
🔒 leaguepass.nba.com/watch
🔍
H
🏀 HEAT VS BULLS · LIVE BROADCAST
MIA
HEAT 14
LIVE Q1
9:42
11 BULLS
CHI
🔇 Click to unmute
Also Live
LAL 89 - 92 GSW
BOS 77 - 81 NYK
PHX 64 - 58 DAL
Stage 02
GAME IS LIVE
NOW
VIDEO ABOVE THE FOLD
Heat broadcast auto-plays muted on page load. Score, clock, and team marks live inside the hero. Desktop adds a persistent sidebar with tonight's schedule and team context. "Also Live" strip sits below the video — not buried in a menu.
🔒 leaguepass.nba.com/watch
🔍
H
Welcome back Picking up where you left off — Heat are home tonight.
🏀 HEAT VS BULLS · LIVE BROADCAST
MIA
HEAT 16
LIVE Q1
9:38
13 BULLS
CHI
Persistent session · No re-authentication required
Stage 03
RECOGNIZED
NOW
NO LOGIN PROMPT
Subscriber state is recognized server-side. Subtle "welcome back" banner surfaces personalization without interrupting the broadcast. On desktop, persistent cookie + token refresh eliminates re-auth entirely.
🔒 leaguepass.nba.com/watch — Fullscreen
🏀 HEAT VS BULLS · FULLSCREEN BROADCAST
MIA
HEAT 19
LIVE Q1
8:54
15 BULLS
CHI
🔊 Live Audio
Stage 04
UNMUTES + FULLSCREEN
SINGLE CLICK TO UNMUTE
Top nav and sidebar disappear. Game fills the browser viewport. Desktop advantage: F11 or double-click goes true fullscreen. No "find your game" ritual — the game found him.
🔒 leaguepass.nba.com/watch
🏀 HEAT VS BULLS · Q2 IN PROGRESS
MIA
HEAT 42
LIVE Q2
4:11
36 BULLS
CHI
TYLER HERRO · #14
PTS
18
REB
3
AST
5
3PT
4/6
Win Probability
MIA 62% CHI 38%
Stage 05
IN-APP ENGAGEMENT
STATS + SOCIAL AS OVERLAYS
Herro stat line, win probability, and social pulse all surface on top of the broadcast. Desktop advantage: more real estate means overlays can coexist without obscuring the game. No tab switching, no app-juggling.
🔒 leaguepass.nba.com/watch
🔍
H
🏀 HEAT VS BULLS · FINAL
MIA
HEAT 112
FINAL
W +8
104 BULLS
CHI
WHAT TO WATCH NEXT
● Live
Herro Postgame Press Conference
Starting now
Close Game
Lakers vs Nuggets · Q4
LAL 98 — DEN 96 · 3:42 remaining
Recap
Heat vs Bulls · 2-Min Recap
02:14
Stage 06
STAYS PAST FINAL
LATER
POST-GAME RETENTION HOOK
Final whistle triggers a "keep watching" row: postgame presser, another close game still live, condensed recap. Desktop layout shows all three options side-by-side. Session extends 2-3 minutes beyond game end.
Journey 02 · Subscriber + No Live Game

OPENS SITE · NO GAME ON

Subscriber · Tuesday 7:45 AM · Heat have an off day · This is the journey that earns the 3x re-sub stat

Screens 5 Persona Subscriber
🔒 Desktop Notification
NBA
NBA League Pass now
Heat won 112-104. Herro had 28.
Click for your 60-second briefing →
TUESDAY · MARCH 24 · 7:45 AM
Stage 01
MORNING PUSH
NOW
OWNS THE MORNING ROUTINE
LP enters the morning sports habit currently held by ESPN/Google. On desktop, this is a browser notification or OS-level push. Personalized, brief, action-oriented. Clicking opens directly to the briefing page.
🔒 leaguepass.nba.com/briefing
🔍
H
GOOD MORNING
Your Heat Briefing · 60 Seconds
Last Night
MIA 112 — CHI 104
W · Heat move to 39-29
Herro: 28 PTS · 6 AST · 5/9 3PT
Next Heat Game
1D 12H
vs. Celtics · Wed 8:00 PM
Eastern Conference showdown
Top 3 Plays
▶ Herro stepback 3 · Q4 2:11
▶ Bam block + coast-to-coast · Q3
▶ Jaime fastbreak alley-oop · Q2
Stage 02
DAILY BRIEFING
NOW
HEAT-PERSONALIZED, 60 SECONDS
Heat result first, then countdown to next Heat game, then top plays. Desktop uses a 3-column grid so everything is visible at once — no scrolling needed. Every element ties to his team. The home screen IS the briefing on non-game days.
🔒 leaguepass.nba.com/highlights
🏀 HERRO STEPBACK 3 · HIGHLIGHT
Now Playing
HERRO STEPBACK 3
Q4 2:11 · Heat vs Bulls
♥ Like
↗ Share
⊕ Save
Up Next
Bam Block + Coast-to-Coast
Q3 8:22 · Heat vs Bulls
Jaime Fastbreak Alley-Oop
Q2 4:05 · Heat vs Bulls
Stage 03
MICRO-ENGAGE
HIGHLIGHT PLAYER WITH QUEUE
Desktop replaces the TikTok-style vertical swipe with a theater-mode highlight player + sidebar queue. Like, share, save. Up-next queue keeps the session alive. All personalized to Heat first — builds dwell time on a non-game day.
🔒 leaguepass.nba.com/briefing
🔍
H
DID YOU KNOW?
New for You
Condensed Games
CONDENSED HEAT GAMES
Watch the entire Heat vs Bulls in 8 minutes. All the buckets, none of the timeouts.
▶ Watch Now
Behind the Scenes
JUMBOTRON FEED
During ad breaks, watch what fans in the arena see — including the Kiss Cam.
Premium Preview →
Stage 04
FEATURE DISCOVERY
LATER
SURFACES HIDDEN FEATURES
Replays, condensed games, jumbotron feed all surface in context — not via tutorial. The 60% who don't use these features finally see them. Desktop uses side-by-side cards so both features are visible at once.
🔒 leaguepass.nba.com/briefing
🔍
H
Your Streak
🔥
DAY 4
Open tomorrow to keep your streak alive.
3 more days until your SUPERFAN BADGE.
4 / 7 days Superfan Badge
Tomorrow · Wed Mar 25
8:00 PM
Heat vs Celtics
Eastern Conference showdown · TNT simulcast
🔔 Set Reminder
📅 Add to Calendar
Stage 05
RETURN HOOK
TOMORROW IS THE METRIC
Streak + countdown + progress bar give the user a non-content reason to come back. Desktop shows streak and next-game side-by-side. This is what moves them from 1-2 weekly opens to 3-4 — the 3x re-sub trigger.
🔒 leaguepass.nba.com
🏀
NBA LEAGUE PASS
🔥 CLOSE GAME · Q4 1:32
just now
Heat trail by 2 — Jimmy just hit a 3
MIA 104 · BOS 106 · The final minute is must-watch.
▶ WATCH LIVE
DISMISS
DESKTOP · BROWSER NOTIFICATION · TUE 9:58 PM
Stage 06
CLOSE-GAME PULL-IN
NOW
SMART NOTIFICATION · NON-GAME NIGHT
On a Heat off-night, a close game elsewhere (≤ 5 pts in Q4) fires a browser-level pull-in push. The notification surfaces LIVE score + context — not "check out this game." Click routes directly into the live broadcast. Converts "no game tonight" into "there's always a game," and uses the favorite-players list to decide which non-Heat matchup is worth surfacing.
Journey 03 · New User Onboarding

FIRST VISIT · GUIDED ONBOARDING

Skeptical Non-Sub (Michael · Lakers fan in SF) · Friday 10:15 PM · Already signed in to nba.com · 5 setup steps + 5-min free preview before paywall

Screens 10 Persona Skeptical Non-Sub
🔒 nba.com/lakers
NBA.COM
Lakers · Schedule · News · Stats · Standings
M
SIGNED IN VIA NBA ID
Michael Chen
WELCOME, MICHAEL
Set up League Pass in 60 seconds. We'll use what you already told us — confirm and you're in.
GET STARTED →
5 quick steps · no payment yet
Stage 01
WELCOME, MICHAEL
NOW
WARM ENTRY · ALREADY KNOWN
Michael arrives from nba.com where he's already signed in. The setup modal opens with his name surfaced and an explicit "we'll use what you already told us" promise. No fresh signup form, no cold paywall — the product treats him as someone the NBA already knows.
🔒 leaguepass.nba.com/setup/step-1
STEP 1 OF 5
STEP 1 OF 5

CONFIRM YOUR DETAILS

Pulled from your NBA ID. Click to edit anything.

FULL NAME
Michael Chen
✎
EMAIL
m.chen@email.com
✎
CONTINUE →
Stage 02
CONFIRM NAME + EMAIL
NOW
STEP 1 · PRE-FILLED FROM NBA ID
Two fields, both pre-populated from his nba.com profile. Michael confirms in two clicks — or edits if anything is stale. Removes the form-fill friction that kills cold-signup funnels at the very first screen.
🔒 leaguepass.nba.com/setup/step-2
STEP 2 OF 5
STEP 2 OF 5

YOUR TEAM + PLAYER

Auto-detected from your nba.com activity. Click to change or add more.

LAL
FAVORITE TEAM
Los Angeles Lakers
✓
23
FAVORITE PLAYER
LeBron James
✓
+ Add another team or player
LOOKS GOOD →
Stage 03
CONFIRM TEAM + PLAYER
NOW
STEP 2 · INFERRED, NOT ASKED
Lakers and LeBron pre-checked from his nba.com browsing history and saved-team data. Two clicks to confirm, optional "add another" to extend. The personalization service is ~80% built before he sees the home screen.
🔒 leaguepass.nba.com/setup/step-3
STEP 3 OF 5
STEP 3 OF 5

WHEN SHOULD WE PING YOU?

Each toggle is independent — turn off any without losing the others.

Lakers game start
30 min before tip-off
Close-game alerts
Q4, within 5 points · across the league
Morning briefing
7 AM · 60-sec digest of your teams
📅 Add next Lakers game to calendar
Lakers vs Warriors · Sun 7 PM · 15-min reminder
CONTINUE →
Stage 04
NOTIFICATION SETTINGS
NOW
STEP 3 · NOTIFICATIONS + CONDITIONAL CALENDAR PUSH
Three category-level opt-ins (morning briefing, game-start, close-game) plus a conditional calendar push for Michael's next Lakers game — the PRD-defined 48-hour return hook. All on by default. Michael can pare back any one without losing the others, which protects against fatigue-driven full opt-out.
🔒 leaguepass.nba.com/setup/step-4
STEP 4 OF 5
STEP 4 OF 5

WHAT DO YOU LIKE TO WATCH?

Pick any. Drives what your home screen and morning briefing show.

✓ Live games ✓ Highlights ✓ Condensed games Stats deep-dives Behind-the-scenes Post-game press Fantasy
CONTINUE · 3 SELECTED →
Stage 05
CONTENT TYPES
NOW
STEP 4 · CONTENT FORMAT PREFERENCE
The fourth onboarding signal. Drives what surfaces in the personalized feed and morning briefing — a Live + Highlights + Condensed picker like Michael's gets short-form treatment, while a Stats + Press picker gets long-form analysis.
🔒 leaguepass.nba.com/setup/decision
STEP 5 OF 5
STEP 5 OF 5

START YOUR LEAGUE PASS?

Lakers · LeBron · Live + Highlights + Condensed · 3 alerts on

SUBSCRIBE NOW
$9.99/mo
Cancel anytime
Out-of-market live games · Condensed replays · No ads on highlights · Morning briefing
SUBSCRIBE WITH ONE-CLICK CHECKOUT
SKIP FOR NOW →
Try 5 minutes free · tonight's Lakers game
Stage 06
SUBSCRIBE? · SKIP FOR NOW
NOW
STEP 5 · THE DECISION MOMENT
Subscribe immediately or take the 5-min free preview. The skip path is the conversion experiment — instead of selling with copy, the personalized home and live broadcast do the selling for the next five minutes. Michael skips, and the product gets to prove itself.
🔒 leaguepass.nba.com/home
FREE PREVIEW · 5:00
M
🏀 LAKERS VS NUGGETS · LIVE · YOUR TEAM
FREE PREVIEW · 5:00
LAL
LAKERS 71
LIVE Q3
10:48
71 NUGGETS
DEN
▶ TAP TO WATCH FREE
QUEUED FOR YOU · MICHAEL
LEBRON · TOP PLAYS
3 min · this week's reel
CONDENSED GAME
8 min · ready post-final
LAKERS · NEWS
Reaves trade rumors · 2 min
Stage 07
PERSONALIZED HOMEPAGE
NOW
HOME REBUILT AROUND HIM
Lakers game hero, LeBron highlights queued, condensed-game waiting, Lakers news — the home screen demonstrates Michael's personalization on first landing. A persistent "Free Preview · 5:00" chip sets expectations for the timer that follows.
🔒 leaguepass.nba.com/watch/lal-den
🏀 LAKERS VS NUGGETS · Q3 7:15 LIVE
LIVE · Q3 7:15
FREE PREVIEW · 4:32
LAL
LAKERS 78
LIVE Q3
07:15
76 NUGGETS
DEN
LEBRON · LIVE STAT LINE
22 PTS · 8 REB · 6 AST
WIN PROBABILITY
LAL 58% · DEN 42%
🔊 Live Audio
Stage 08
5-MIN FREE WATCH
NOW
FIVE MINUTES OF THE REAL PRODUCT
Full-broadcast access, no degradation. Persistent timer chip stays visible so the cutoff is never a surprise. Long enough that Michael feels the product, short enough that the paywall lands while he's leaning in — not after he's already mentally checked out.
🔒 leaguepass.nba.com/watch/lal-den
🏀 LAKERS VS NUGGETS · Q3 7:11
LIVE · Q3 7:11
LAL 78 — DEN 76
5-MIN PREVIEW ENDED
5-MIN PREVIEW ENDED
KEEP YOUR SEASON
Don't lose what you set up.
★Lakers feed seeded ready
★LeBron alerts 3 active
★Morning briefing scheduled 7 AM
Subscribe · $9.99/mo
Cancel anytime · One-click checkout
Stage 09
PREVIEW ENDED · PAYWALL
NOW
PAYWALL AT PEAK ENGAGEMENT
Timer hits 0:00 mid-Q3. Broadcast freezes; checkout panel slides in alongside with the personalization Michael just built. The paywall reflects what he assembled — Lakers feed, LeBron alerts, scheduled briefing — not a generic offer. The product is selling itself with his own data.
🔒 leaguepass.nba.com/checkout
🏀 LAKERS VS NUGGETS · Q3 7:08
LIVE · Q3 7:08
ONE-CLICK CHECKOUT
CONFIRM YOUR LEAGUE PASS
Saved card on file from your NBA ID
NBA League Pass · monthly $9.99
Tax $0.85
Total $10.84
💳 Visa •••• 4242 · saved from NBA ID
Confirm Subscription
Renews monthly · cancel from Settings any time
Stage 10
ONE-CLICK CHECKOUT
NOW
SAVED CARD · NO FORMS
Single click, saved-card confirmation, ~3 seconds. The card on file from his NBA ID profile means no form-filling at the conversion moment. After confirmation, the broadcast resumes full-screen with a "You're in, Michael" toast — Q3 still playing, no possession missed. The pay moment never broke the watch moment.