[{"data":1,"prerenderedAt":137},["ShallowReactive",2],{"settings":3,"portfolio-pg-olympic-games":31},{"id":4,"apple_touch_icon":5,"cv":6,"default_meta_image":7,"default_meta_image_alt":8,"email":9,"extension":10,"external_links":11,"favicon":21,"favicon_png":22,"location":23,"logo_dark":24,"logo_light":24,"meta":25,"name":26,"round_logo":27,"site_url":28,"stem":29,"__hash__":30},"settings\u002Fsettings.yml","\u002Fimages\u002Fapple-touch-icon.png","\u002Fmark-spirek-resume.pdf","\u002Fimages\u002Fog-ms.png","Mark Spirek, AI + growth systems","mark@markspirek.com","yml",[12,15,18],{"url":13,"text":14},"https:\u002F\u002Fgithub.com\u002Fmspirek","GitHub",{"url":16,"text":17},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmspirek\u002F","Linkedin",{"url":19,"text":20},"https:\u002F\u002Ffocusstate.com",":focus state","\u002Ffavicon.svg","\u002Fimages\u002Ffavicon-32.png","Austin, TX","\u002Fimages\u002Flogos\u002Favatar.jpeg",{},"Mark Spirek",true,"https:\u002F\u002Fmarkspirek.com","settings","-NgLmQcZCLb8UuBzHIgaqY01HVxlOIncFQJniBnRPlg",{"id":32,"title":33,"blurb":34,"body":35,"categories":124,"cover_image":127,"date":128,"description":52,"extension":129,"meta":130,"meta_description":131,"meta_title":132,"navigation":27,"path":133,"seo":134,"stem":135,"__hash__":136},"portfolio\u002Fportfolio\u002Fpg-olympic-games.md","P&G Olympic Games","P&G wanted to establish more brand presence in a fun way and educate consumers about their product lines and how they can be used together as part of a regimen. We gave them a series of their own branded games.",{"type":36,"value":37,"toc":117},"minimark",[38,43,47,54,58,61,67,72,76,105,110,114],[39,40,42],"h2",{"id":41},"the-idea","The Idea",[44,45,46],"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. My answer? Give them their own Olympic Games.",[44,48,49],{},[50,51],"img",{"alt":52,"src":53},"","\u002Fimages\u002Fportfolio\u002Fpg-olympic-games\u002Fscreenshot-1.jpg",[39,55,57],{"id":56},"game-on","Game On",[44,59,60],{},"I 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. Think product knowledge wrapped in a dopamine loop.",[62,63,64],"blockquote",{},[44,65,66],{},"If you can make someone smile while they learn about your product, you've already won.",[44,68,69],{},[50,70],{"alt":52,"src":71},"\u002Fimages\u002Fportfolio\u002Fpg-olympic-games\u002Fscreenshot-2.png",[39,73,75],{"id":74},"how-i-built-it","How I Built It",[77,78,79,87,93,99],"ul",{},[80,81,82,86],"li",{},[83,84,85],"strong",{},"Vue.js"," for reactive, game-like UI interactions with smooth state management",[80,88,89,92],{},[83,90,91],{},"Laravel backend"," handling score tracking, leaderboards, and user sessions",[80,94,95,98],{},[83,96,97],{},"Canvas and CSS animations"," bringing the game mechanics to life",[80,100,101,104],{},[83,102,103],{},"Gamification mechanics"," including points, streaks, and shareable results",[44,106,107],{},[50,108],{"alt":52,"src":109},"\u002Fimages\u002Fportfolio\u002Fpg-olympic-games\u002Fscreenshot-3.jpg",[39,111,113],{"id":112},"the-impact","The Impact",[44,115,116],{},"The games drove significantly higher engagement times compared to traditional product pages. Users weren't just clicking through. They were playing, replaying, and sharing. P&G got the brand education they wanted, and consumers actually had fun getting it.",{"title":52,"searchDepth":118,"depth":118,"links":119},2,[120,121,122,123],{"id":41,"depth":118,"text":42},{"id":56,"depth":118,"text":57},{"id":74,"depth":118,"text":75},{"id":112,"depth":118,"text":113},[125,126],"Vue","Laravel","\u002Fimages\u002Fportfolio\u002Fpg-olympic-games\u002Fcover.jpg","2020-06-01T05:00:00+0000","md",{},"Interactive branded games for P&G that educated consumers about product lines while keeping them entertained.","P&G Olympic Games | Work | Mark Spirek","\u002Fportfolio\u002Fpg-olympic-games",{"title":33,"description":52},"portfolio\u002Fpg-olympic-games","OxLDCJQ4syqMHZhqTPHhFJ0JAlHudxYtcwpopVQpAds",1788901049362]