[{"data":1,"prerenderedAt":119},["ShallowReactive",2],{"settings":3,"project-pg-instacart":15},{"id":4,"default_meta_image":5,"email":6,"extension":7,"external_links":8,"favicon":9,"location":10,"meta":11,"name":12,"stem":13,"__hash__":14},"settings\u002Fsettings.yml","https:\u002F\u002Ffocusstate.com\u002Fimages\u002Fog.png","contact@focusstate.com","yml",[],"\u002Fimages\u002Ffavicon.svg","Austin, TX",{},"Focus State","settings","nS_SkIJsK1pwWMBGiqYRq58FnBGwxKCtR9q-BgjQu9I",{"id":16,"title":17,"body":18,"categories":104,"cover_image":108,"date":109,"description":35,"extension":110,"meta":111,"meta_description":112,"meta_title":112,"navigation":113,"path":114,"seo":115,"stem":116,"summary":117,"__hash__":118},"projects\u002Fprojects\u002Fpg-instacart.md","P&G + Instacart",{"type":19,"value":20,"toc":97},"minimark",[21,26,30,37,41,44,47,52,56,85,90,94],[22,23,25],"h2",{"id":24},"the-challenge","The Challenge",[27,28,29],"p",{},"P&G needed a way to connect regional grocery stores with Instacart's delivery platform — all while keeping the spotlight on their own product lines. The goal was to drive traffic from store-specific landing pages directly into the Instacart shopping experience, making it dead simple for customers to add P&G products to their cart.",[27,31,32],{},[33,34],"img",{"alt":35,"src":36},"","\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-1.jpg",[22,38,40],{"id":39},"what-we-built","What We Built",[27,42,43],{},"A flexible landing page system in Nuxt that could spin up branded experiences for each grocery partner. Every page pulled from a shared component library but could be themed to match the retailer's look and feel — fonts, colors, hero imagery, the works.",[27,45,46],{},"The Instacart integration was the fun part. We built a seamless handoff that let users browse P&G products on the landing page and jump straight into Instacart with their cart pre-loaded. No friction, no confusion.",[27,48,49],{},[33,50],{"alt":35,"src":51},"\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-2.jpg",[22,53,55],{"id":54},"the-technical-bits","The Technical Bits",[57,58,59,67,73,79],"ul",{},[60,61,62,66],"li",{},[63,64,65],"strong",{},"Nuxt SSR"," for fast initial loads and solid SEO across all retailer pages",[60,68,69,72],{},[63,70,71],{},"Tailwind CSS"," for rapid theming across dozens of retailer brand variations",[60,74,75,78],{},[63,76,77],{},"Dynamic routing"," that generated unique pages per store with shared components",[60,80,81,84],{},[63,82,83],{},"Instacart API integration"," for real-time product availability and cart handoff",[27,86,87],{},[33,88],{"alt":35,"src":89},"\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-3.jpg",[22,91,93],{"id":92},"the-result","The Result",[27,95,96],{},"The platform launched across multiple regional grocery chains and gave P&G a scalable way to promote products through Instacart's delivery network. Each retailer got a polished, co-branded experience without needing their own dev resources.",{"title":35,"searchDepth":98,"depth":98,"links":99},2,[100,101,102,103],{"id":24,"depth":98,"text":25},{"id":39,"depth":98,"text":40},{"id":54,"depth":98,"text":55},{"id":92,"depth":98,"text":93},[105,106,107],"Vue","Nuxt","Tailwind","\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fcover.jpg","2021-05-01","md",{},null,true,"\u002Fprojects\u002Fpg-instacart",{"title":17,"description":35},"projects\u002Fpg-instacart","P&G wanted to offer regional grocery stores the ability to drive traffic to their Instacart sites while also putting the focus on P&G products.","0CEeX-Wo9y2TazueQw31F40xyjCY4B9E3T7y2Oov6_s",1788054954689]