[{"data":1,"prerenderedAt":109},["ShallowReactive",2],{"settings":3,"project-pg-olympic-games":9},{"name":4,"location":5,"favicon":6,"default_meta_image":7,"external_links":8},"Focus State","Austin, TX","\u002Fimages\u002Ffavicon.svg","https:\u002F\u002Ffocusstate.com\u002Fimages\u002Fog.png",[],{"id":10,"title":11,"body":12,"categories":95,"cover_image":98,"date":99,"description":29,"extension":100,"meta":101,"meta_description":102,"meta_title":102,"navigation":103,"path":104,"seo":105,"stem":106,"summary":107,"__hash__":108},"projects\u002Fprojects\u002Fpg-olympic-games.md","P&G Olympic Games",{"type":13,"value":14,"toc":88},"minimark",[15,20,24,31,35,38,43,47,76,81,85],[16,17,19],"h2",{"id":18},"the-idea","The Idea",[21,22,23],"p",{},"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.",[21,25,26],{},[27,28],"img",{"alt":29,"src":30},"","\u002Fimages\u002Fportfolio\u002Fpg-olympic-games\u002Fscreenshot-1.jpg",[16,32,34],{"id":33},"game-on","Game On",[21,36,37],{},"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.",[21,39,40],{},[27,41],{"alt":29,"src":42},"\u002Fimages\u002Fportfolio\u002Fpg-olympic-games\u002Fscreenshot-2.png",[16,44,46],{"id":45},"how-we-built-it","How We Built It",[48,49,50,58,64,70],"ul",{},[51,52,53,57],"li",{},[54,55,56],"strong",{},"Vue.js"," for reactive, game-like UI interactions with smooth state management",[51,59,60,63],{},[54,61,62],{},"Laravel backend"," handling score tracking, leaderboards, and user sessions",[51,65,66,69],{},[54,67,68],{},"Canvas and CSS animations"," bringing the game mechanics to life",[51,71,72,75],{},[54,73,74],{},"Gamification mechanics"," including points, streaks, and shareable results",[21,77,78],{},[27,79],{"alt":29,"src":80},"\u002Fimages\u002Fportfolio\u002Fpg-olympic-games\u002Fscreenshot-3.jpg",[16,82,84],{"id":83},"the-impact","The Impact",[21,86,87],{},"The games drove significantly higher engagement times compared to traditional product pages. Users weren't just clicking through — they were playing, replaying, and sharing.",{"title":29,"searchDepth":89,"depth":89,"links":90},2,[91,92,93,94],{"id":18,"depth":89,"text":19},{"id":33,"depth":89,"text":34},{"id":45,"depth":89,"text":46},{"id":83,"depth":89,"text":84},[96,97],"Vue","Laravel","\u002Fimages\u002Fportfolio\u002Fpg-olympic-games\u002Fcover.jpg","2020-06-01","md",{},null,true,"\u002Fprojects\u002Fpg-olympic-games",{"title":11,"description":29},"projects\u002Fpg-olympic-games","P&G wanted to establish more brand presence in a fun way and educate consumers about their product lines. We gave them a series of their own branded games.","PXr3u1Mih3VjPQEN4UhgfQNLWFhDchl5EnbOtrvjH0U",1788900440490]