[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

NBA Experiences

Add a URL to embed a website.
Three iPhone SE screens of the Summer League calendar picker on Ramos Blue

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.

Mobile scroll map of the old date list beside the calendar redesign

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.

Four research findings from session recordings, each with a fix

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.

The calendar picker: choosing July 10, then July 12, with that day's packages below

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.

Four rounds of the Summer League date picker, April to June 2025

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.

Package cards before and after on mobile

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.

Event page hero before and after, with a visible recap video preview

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.

Concept for a combined All-Star page covering 2026 and 2027

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.

Slides from the NBA Experiences sync decks

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