The NBA Pixel Arena was not a linear experience. It was a sprawling WebGL world where fans could customise their avatar, recreate iconic dunks, play battle royale minigames against other fans, browse the shop, check game scores, and compete on leaderboards, all inside the NBA app during the 2022 Playoffs. With that many possibilities living side by side, the UX challenge was less about designing screens and more about mapping territory.

My focus was on prototyping the possible user journeys through this open world. With so many entry points and no fixed path, it was critical to understand how different types of fans would move through the space, where they might get lost, and where the experience needed a nudge to feel cohesive rather than chaotic.

Category:

Functional Design

Client:

NBA x Google

Two basketball players looking at you
Interactive Journey Map
Interactive Journey Map

Early in the project, I built a fully navigable prototype in Figma to map out the complete user journey across the Pixel Arena experience. Given the scale and complexity of the product, a static document simply would not cut it. By linking directly to Jira tickets and higher-fidelity prototypes, the map became a single source of truth that kept the entire team aligned throughout the process.

Dunking figure
Pixel ArenA World