McLaren
Gamifying Digital Experience
McLaren
Gamifying Digital Experience
McLaren
Gamifying Digital Experience
Project | Client | Time | Team |
|---|---|---|---|
Formula 1 Campaign | McLaren Racing | 3 week | 1 Design Lead |
Overview | |||
Opportunity | |||
F1 race weekends generate massive peak energy, but most fan experiences are strictly passive. For McLaren's "Papaya Army," we saw a clear opening to turn live-race excitement into an active, gamified touchpoint right inside their official channel. | |||
Business Goal | |||
Drive peak engagement and daily active users on McLaren’s official channel, through a recurring, real-time fastest lap prediction game. | |||
My Role | |||
I worked closely with our team and McLaren to design and execute the end-to-end, fast-tap prediction experience within their WeChat ecosystem. | |||
Project | Client | Time | Team |
|---|---|---|---|
Formula 1 Campaign | McLaren Racing | 3 week | 1 Design Lead |
Overview | |||
Opportunity | |||
F1 race weekends generate massive peak energy, but most fan experiences are strictly passive. For McLaren's "Papaya Army," we saw a clear opening to turn live-race excitement into an active, gamified touchpoint right inside their official channel. | |||
Business Goal | |||
Drive peak engagement and daily active users on McLaren’s official channel, through a recurring, real-time fastest lap prediction game. | |||
My Role | |||
I worked closely with our team and McLaren to design and execute the end-to-end, fast-tap prediction experience within their WeChat ecosystem. | |||
Project
Formular 1 Campaign
WeChat Mini Program Revamp
CLIENT
McLaren Racing
McLaren Automotive
TIME
2 weeks
3 months
Team
DCA
Overview
Opportunity
F1 fans don't just want to watch the race—they want to be part of the strategy. To keep McLaren's "Papaya Army" engaged off-track, we designed an interactive campaign integrated directly into McLaren’s WeChat Mini-Program ecosystem, letting fans put their racing instincts to the test during live Grand Prix weekends.
Business Goal
Drive peak engagement and daily active users on McLaren’s official channel, through a recurring, real-time fastest lap prediction game.
My Role
I worked closely with our team and McLaren to design and execute the end-to-end, fast-tap prediction experience within their WeChat ecosystem.
01 / PRODUCT VISION & CONTEXT
01 / PRODUCT VISION & CONTEXT
Hearty fans always want to participate, more than just watch. They run mental strategies from their couches.
Hearty fans always want to participate, more than just watch. They run mental strategies from their couches.
True engagement happens when fans feel seen and valued by the team they support.
True engagement happens when fans feel seen and valued by the team they support.
01 / PRODUCT VISION & CONTEXT
Hearty fans always want to participate, more than just watch. They run mental strategies from their couches.
True engagement happens when fans feel seen and valued by the team they support.
02 / THE UX ARCHITECTURE
02 / THE UX ARCHITECTURE
By auditing real-time user behavior during live race sessions, we identified critical cognitive barriers and technical drop-off points. We engineered the core interaction flow around three distinct psychological phases:
Phase 1: Attention Capture (Entry): Captures split-second attention during dual-screening (TV + Mobile) via a friction-free, 1-tap entry with zero onboarding barriers.
Phase 2: Decision Reduction (Interaction): Replaces blank-field estimation with pre-loaded benchmark telemetry, turning abstract math into intuitive fine-tuning.
Phase 3: State Certainty (Confirmation): Delivers instantaneous visual proof of submission before the fan's focus shifts back to the live broadcast.
By auditing real-time user behavior during live race sessions, we identified critical cognitive barriers and technical drop-off points. We engineered the core interaction flow around three distinct psychological phases:
Phase 1: Attention Capture (Entry): Captures split-second attention during dual-screening (TV + Mobile) via a friction-free, 1-tap entry with zero onboarding barriers.
Phase 2: Decision Reduction (Interaction): Replaces blank-field estimation with pre-loaded benchmark telemetry, turning abstract math into intuitive fine-tuning.
Phase 3: State Certainty (Confirmation): Delivers instantaneous visual proof of submission before the fan's focus shifts back to the live broadcast.
03 / DEEP DIVE: UX & INTERACTION MECHANICS I
03 / DEEP DIVE: UX & INTERACTION MECHANICS I
Problem 1: Cognitive Friction in Millisecond
PredictionsAsking a fan to guess a lap time like 1:17.342 out of thin air creates instant decision paralysis and drop-off.
Solution: Smart Anchoring
We pre-loaded historical telemetry data (e.g., last year's qualifying benchmark) directly into the time picker, shifting the user task from inventing a number to simply adjusting a realistic baseline.
Problem 1: Cognitive Friction in Millisecond
PredictionsAsking a fan to guess a lap time like 1:17.342 out of thin air creates instant decision paralysis and drop-off.
Solution: Smart Anchoring
We pre-loaded historical telemetry data (e.g., last year's qualifying benchmark) directly into the time picker, shifting the user task from inventing a number to simply adjusting a realistic baseline.
04 / DEEP DIVE: UX & INTERACTION MECHANICS II
04 / DEEP DIVE: UX & INTERACTION MECHANICS II
Problem 2: The Default-Value Illusion
Pre-filled benchmark data creates a dangerous trap—users often assume a populated field means their entry is already submitted, leading to uncommitted drop-offs.
Solution: Binary UX States
We introduced a strict state machine:
Reference Mode (Default): The submission CTA is conditionally locked with explicit micro-copy ("Edit to set your time").
Confirmed Mode (Active): Unlocked only after an explicit wheel-picker interaction, ensuring 100% intent and submission accuracy without passive errors.
Problem 2: The Default-Value Illusion
Pre-filled benchmark data creates a dangerous trap—users often assume a populated field means their entry is already submitted, leading to uncommitted drop-offs.
Solution: Binary UX States
We introduced a strict state machine:
Reference Mode (Default): The submission CTA is conditionally locked with explicit micro-copy ("Edit to set your time").
Confirmed Mode (Active): Unlocked only after an explicit wheel-picker interaction, ensuring 100% intent and submission accuracy without passive errors.
05 / TECHNICAL RESILIENCE & DEFENSIVE UX
05 / TECHNICAL RESILIENCE & DEFENSIVE UX
Designing for live Grand Prix weekends meant building an interface capable of surviving severe network congestion and massive concurrency spikes during peak broadcast moments.
High-Latency Protection: Primary CTAs lock immediately upon first tap, blocking duplicate navigation triggers and preventing multi-submission API errors on jammed cell networks.
Zero-Refresh State Transitions: Client-side reactive timers lock entry windows at exactly
00:00:00without requiring forced page reloads or server pings.Defensive Fallback Management: Graceful UI placeholders for missing CMS assets and delayed API responses, ensuring the core user loop never hits a dead-end screen.
Designing for live Grand Prix weekends meant building an interface capable of surviving severe network congestion and massive concurrency spikes during peak broadcast moments.
High-Latency Protection: Primary CTAs lock immediately upon first tap, blocking duplicate navigation triggers and preventing multi-submission API errors on jammed cell networks.
Zero-Refresh State Transitions: Client-side reactive timers lock entry windows at exactly
00:00:00without requiring forced page reloads or server pings.Defensive Fallback Management: Graceful UI placeholders for missing CMS assets and delayed API responses, ensuring the core user loop never hits a dead-end screen.
06 / THE CORE EXPERIENCE
Predict. Precision. Win.
Predict the fastest lap time for Lando Norris or Oscar Piastri, with the closest predictions winning exclusive official prizes.
06 / THE CORE EXPERIENCE
Predict. Precision. Win.
Predict the fastest lap time for Lando Norris or Oscar Piastri, with the closest predictions winning exclusive official prizes.
06 / THE CORE EXPERIENCE
Predict. Precision. Win.
Predict the fastest lap time for Lando Norris or Oscar Piastri, with the closest predictions winning exclusive official prizes.
Excitement from Every Laps, Every Seconds
Excitement from Every Laps, Every Seconds
Excitement from Every Laps, Every Seconds
07 / CAMPAIGN LAUNCH
07 / CAMPAIGN LAUNCH
The Fastest Lap Challenge is currently live across active F1 race weekends. Try It Live inside the official McLaren WeChat Mini-Program during the next Grand Prix! 🏁 Cheers!
The Fastest Lap Challenge is currently live across active F1 race weekends. Try It Live inside the official McLaren WeChat Mini-Program during the next Grand Prix! 🏁 Cheers!
get in touch
Want to work together? Drop your details and I'll hit you up soon!
contact Me
get in touch
Want to work together? Drop your details and I'll hit you up soon!
contact Me
get in touch
Want to work together? Drop your details and I'll hit you up soon!