A Gamified Family Experience for McDonald’s

A Gamified Family Experience for McDonald’s

A Gamified Family Experience for McDonald’s

McWonder: Educational Game (Northwestern University Sponsored Client Project)

McWonder: Educational Game (Northwestern University Sponsored Client Project)

McWonder: Educational Game (Northwestern University Sponsored Client Project)

McWonder is an interactive, location-guessing mini-game integrated directly into the McDonald’s app. It invites families to explore and guess iconic McDonald’s locations around the world, turning a standard food purchase into a shared family activity.

3 months, Jan - Mar 2026

3 months, Jan - Mar 2026

Timeframe

Timeframe


Interaction + Mobile Design



Interaction + Mobile Design


Figma, Vizcom, Adobe Suite

Tools / Skills

Tools / Skills



Product Design Co-Lead





Product Design Co-Lead



Role

Role

Michelle, Roaa, Danielle, Morana, Kandice

Michelle, Roaa, Danielle, Morana, Kandice

The Team

The Team

August - September 2024

Timeframe

Figma

Tools

Product Design Lead

Role

3 product designers, 1 pm ,1 engineer

The Team
01. Context
01. Context
What's the project overview?
What's the project overview?

This project explores expanding McDonald’s digital ecosystem. As the company continues to invest in its mobile app, it's seeking new ways to increase downloads and strengthen its loyalty program, with a key focus on deepening engagement with families.

@ Hamburger University

Meet Our Team!

Presented to 6 McDonald’s senior directors

02. Solution
02. Solution
03. Problem Framing
03. Problem Framing
McDonald’s Business Goals
McDonald’s Business Goals

We worked with McDonald’s Family Business team to understand their primary business verticals, gaining insight into the value they deliver to users and stakeholders, as well as the company’s future direction. This ensured our feature development complemented McDonald’s existing experience.

Increase App Downloads

Increase App Downloads

Increase App Downloads

Digital tools are becoming central to the dining experience, from discovery to purchase, making app adoption a critical growth driver.

Revive Happy Meals

Revive Happy Meals

Revive Happy Meals

Engagement among children ≤12, the core Happy Meal audience, is declining. McDonald’s aims to create more playful experiences.

Change Brand Perception

Change Brand Perception

Change Brand Perception

McDonald’s seeks to evolve its perception from convenience-first to a more experience-led, and culturally relevant brand.

User Research
User Research

We conducted user interviews via Zoom with six 8-year-old children (under adult supervision) and six parents to understand family perspectives on the McDonald’s experience.

"I don’t love giving my kids screen time, but if it’s educational, I feel better."

"I don’t love giving my kids screen time, but if it’s educational, I feel better."

Opp: Design experiences that feel educational to increase parents’ acceptance of screen time.

Opp: Design experiences that feel educational to increase parents’ acceptance of screen time.

“When we’re somewhere busy, I just want something that keeps my kid occupied without me constantly checking in.”


“When we’re somewhere busy, I just want something that keeps my kid occupied without me constantly checking in.”


Opp: Easy-to-follow, self-guided experiences that keep children occupied and engaged.

Opp: Easy-to-follow, self-guided experiences that keep children occupied and engaged.

"I love going to McDonald’s with my friends. We can eat and just hang out."

"I love going to McDonald’s with my friends. We can eat and just hang out."

Opp: Design social experiences that reinforce McDonald’s as a social destination.

Opp: Design social experiences that reinforce McDonald’s as a social destination.

How might we create a playful, shared experience at McDonald’s that engages children, feels valuable to parents, and strengthens app adoption and brand perception?

How might we create a playful, shared experience at McDonald’s that engages children, feels valuable to parents, and strengthens app adoption and brand perception?

04.Secondary Research
What makes McDonald’s cool?
What makes McDonald’s cool?

McDonald’s is a global brand with many unique locations shaped by local culture and history. Around the world, its restaurants can be found in places like historic buildings, train stations, and other unexpected environments.

These distinctive locations offer a different side of the brand, one that is more unique and worth exploring.

This finding led us to focus on making these unique locations more visible and accessible, allowing users to experience a different side of the brand.
This finding led us to focus on making these unique locations more visible and accessible, allowing users to experience a different side of the brand.
05. Design Decisions
With this, we proposed a weekly modular game system called McWonder
Weekly GeoGuessr Challenge

Users unlock a weekly challenge through a food purchase to access the game. Using three clues—culture, food, and store environment—they guess McDonald’s locations on a map to progress.

Explore, Learn, and Collect

As users progress, they build a visual map of unlocked locations, with each one revealing cultural insights, local menu items, and stories tied to that place.

Points & Rewards System

Correct guesses earn points that can be used for rewards such as exclusive patches or food redemption. Streaks and bonus multipliers encourage repeat engagement over time.

Annual Giveaway

When users start playing the game, they are entered into a yearly raffle for a chance to win a trip to a unique McDonald’s location around the world. At the end of the year, selected users receive flight tickets to visit their chosen destinations, turning everyday engagement into a real-world experience.

06.Design System
Adding a fun twist to McDonald's pre-existing design system

When I hosted a design critique with McDonald’s Design Director Jesse Wilbur, we received feedback that the experience needed to feel FUN! This led us to design a new layer of playfulness into McDonald’s existing design system.

Nami the Nugget

A cheerful guide to the McWonder world, brought to life through character motion design.

A cheerful guide to the McWonder, brought to life through motion design.

A cheerful guide to the McWonder world, brought to life through motion design.

Icons & Stickers

Color Palette

07. Reflection
Learning Motion Design with AI

I learned to use AI tools like Vizcom, ChatGPT, and Gemini to quickly explore, generate, and iterate on motion concepts.

Storytelling is the key

While creating high-fidelity prototypes is important, the real value of the design comes through personas, emphasizing the business value, and keeping users entertained.

Learning Motion Design with AI

I learned to use AI tools like Vizcom, ChatGPT, and Gemini to quickly explore, generate, and iterate on motion concepts.

Storytelling is the key

While creating high-fidelity prototypes is important, the real value of the design comes through personas, emphasizing the business value, and keeping users entertained.