~/case-studies/pg-olympic-games

P&G Olympic Games

VueLaravel · Jun 2020
P&G Olympic Games

The Idea

P&G wanted brand engagement that didn't feel like a commercial. Their ask was straightforward: help consumers discover how P&G products work together as part of a daily regimen — but make it fun. Our answer? Give them their own Olympic Games.

Game On

We built a series of branded mini-games that were playful, competitive, and sneakily educational. Each game tied back to a P&G product category, teaching users about product benefits while they were busy trying to beat their high score.

How We Built It

  • Vue.js for reactive, game-like UI interactions with smooth state management
  • Laravel backend handling score tracking, leaderboards, and user sessions
  • Canvas and CSS animations bringing the game mechanics to life
  • Gamification mechanics including points, streaks, and shareable results

The Impact

The games drove significantly higher engagement times compared to traditional product pages. Users weren't just clicking through — they were playing, replaying, and sharing.