~/case-studies/pg-olympic-games
P&G Olympic Games
VueLaravel · Jun 2020

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.