[UX/UI DESIGN]
NBA Experiences
A research-led mobile redesign of NBA Experiences, the NBA’s official ticket and hospitality package site.
Role
Solo designer, marketing team
Year
2025
Platform
Mobile web
Services
UX Research, Mobile UX, UI Design

The short version
Problem
Summer League sold by the day, but the page opened with a long list of dates. Only 40% of mobile visitors scrolled past it.
What I did
Watched session recordings and heatmaps, redesigned event and package pages from a 320px baseline, and replaced the date list with a calendar picker.
Outcome
Findings and redesigns went to marketing leadership in sync decks. The calendar picker stayed a prototype. It’s the first thing I’d ship.

01 / The problem
Most phones never reached the packages.
Summer League sells by the day, so the page opened with a long list of dates. The scroll map showed only 40% of mobile visitors got past it, so most never saw a single package.

02 / The research
I watched the sessions before I redrew anything.
Mouseflow recordings and heatmaps showed four patterns. People stopped at the date list, rage-tapped cards that looked like buttons, hopped between packages to find prices, and didn’t know what Rookie or Veteran meant. Each pattern got a specific fix.

03 / The calendar
A calendar, not a list of dates.
I replaced the date list with one small calendar. Dots mark the days that have packages. Pick July 10 and July 10’s packages sit right below, each with price, inclusions and actions. Multi-day buyers would get a range select on the same calendar, a state I hadn’t designed yet.

04 / The rounds
Four rounds to get there.
The calendar was there from the first lo-fi sketch. One round tested a lower-effort option, packages tucked inside each date, before the calendar won. The final version never got dev time. It’s the piece I’d ship first.

05 / The cards
Cards that read as cards.
The old package cards looked like buttons with photos, so people tapped the photo and nothing happened. The new card leads with a guest-and-player photo, lists what’s included, and keeps View Package and Compare together.

06 / The video
Let the recap video sell it.
Heatmaps showed people engaging with video, but the hero hid it behind a small text button. I cut hero copy by half and put a click-to-play preview in the first viewport. No autoplay.

07 / The architecture
One All-Star page for two years of events.
2026 Los Angeles and 2027 Phoenix lived on separate pages. A combined page tells the All-Star story once and lets buyers compare, join a waitlist, or place a deposit. It was built to sit alongside the existing pages, not replace them.

08 / The room
Research is how one designer wins the room.
I was the only designer on a marketing team, presenting to marketing managers and directors. Each sync deck opened with the last meeting’s takeaways, then paired a heatmap or session pattern with the redesign it led to. Evidence, not taste, moved the conversation.
Results
40%
Mobile visitors who scrolled past the date list
320px
Design baseline. iPhone SE first
50%
Less hero copy on event pages
4
Rounds of the calendar picker, Apr to Jun 2025
Next project
Yappy
