Michael Jordan isn't just a player. He's a canon. The Jordan Challenge asked players to step into his greatest moments — the 1982 championship shot, the 63-point Garden game, the Flu Game, The Last Dance — and the UI had to match the weight of that legacy.
01 — Era Intro — College & Early NBA (1980s)
The Jordan Challenge was structured across four eras — College, the 80s, the 90s Bulls dynasty, and the final chapter. Each era required its own visual identity: a distinct colour treatment, typographic register, and atmospheric tone that placed the player in the right decade before they touched a single game mechanic. The era intros were designed as cinematic entrances — a few seconds of motion that set mood, not instruction.
I designed the full visual language for each era, from the grunge and grain of the college years to the black-and-red dominance of the championship Bulls. The Jordan Challenge wordmark and star system were designed to feel earned — not the usual gamification ticker, but something closer to a medal.
02 — Era Intro — Bulls Dynasty (1990s)
03 — Challenge Landing — UI Template System
Each challenge moment needed a landing screen — a page that introduced the stakes, the context, and Jordan's place in history — before the player stepped onto the court. I designed a single UI template system that scaled across all 15 moments while allowing each challenge to feel distinct through photo, era colour, and moment-specific copy. The star rating system, challenge objectives, and navigation strip were all designed here and authored to spec for engineering.
04 — UX Concept & Flow Design — Challenge Sequencing
The UX sequencing for Jordan Challenge was designed around a single emotional arc: discovery, challenge, achievement. A player scrolls a filmstrip of Jordan's career — real archival photography — selects a moment, reads its history, sets their objective tier, and enters the game. Stars earned in each challenge accumulate on a master count that tracks how close you are to legendary status.
I designed the entire challenge flow from scratch: the moment-select filmstrip at the bottom of each landing screen, the three-star objective hierarchy (win the game, score X points, hit a specific milestone), the star unlock animations, and the overall progression cadence across the mode. The intent was to feel less like a checklist and more like a career retrospective you were actively building.
05a — Parallax Depth Layer Setup
05b — Parallax Composite Output
The signature visual element of Jordan Challenge was the photo parallax background: each challenge landing was backed by an archival Getty photograph of Jordan — the actual moment — cut into depth layers and animated with subtle parallax motion as the player navigated. It transformed static photography into something alive.
I designed and documented the full photo parallax pipeline. Every Getty image was manually selected and sourced for each of the 15 moments, then cut into foreground, midground, and background layers — athlete, crowd, environment — and animated in engine with depth-offset movement. To scale the photo cutting across all 15 challenges, I authored a detailed outsource specification document with annotated examples, layer conventions, and delivery format requirements, so the photographic work could be produced off-site to a consistent standard.
06 — Photo Mural Background — Depth Layer Example
The mural backgrounds were designed as full-bleed photographic environments — not cropped thumbnails, but deliberately composed visual stages that gave Jordan room to breathe within the frame. The background layer sat behind the UI, the midground held the isolated player figure, and the foreground held the crowd and environmental detail. In motion, the layers moved at different rates as the player scrolled between challenges, giving a sense of three-dimensional depth entirely from still photography.
Jordan Challenge shipped as a back-of-box feature for NBA 2K23 and was one of the most celebrated modes in the game's release window. The visual system — the era identities, the challenge template, the photo parallax — was designed, documented, and delivered in full from this desk.