[{"data":1,"prerenderedAt":113},["ShallowReactive",2],{"settings":3,"project-pg-instacart":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":98,"cover_image":102,"date":103,"description":29,"extension":104,"meta":105,"meta_description":106,"meta_title":106,"navigation":107,"path":108,"seo":109,"stem":110,"summary":111,"__hash__":112},"projects\u002Fprojects\u002Fpg-instacart.md","P&G + Instacart",{"type":13,"value":14,"toc":91},"minimark",[15,20,24,31,35,38,41,46,50,79,84,88],[16,17,19],"h2",{"id":18},"the-challenge","The Challenge",[21,22,23],"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.",[21,25,26],{},[27,28],"img",{"alt":29,"src":30},"","\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-1.jpg",[16,32,34],{"id":33},"what-we-built","What We Built",[21,36,37],{},"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.",[21,39,40],{},"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.",[21,42,43],{},[27,44],{"alt":29,"src":45},"\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-2.jpg",[16,47,49],{"id":48},"the-technical-bits","The Technical Bits",[51,52,53,61,67,73],"ul",{},[54,55,56,60],"li",{},[57,58,59],"strong",{},"Nuxt SSR"," for fast initial loads and solid SEO across all retailer pages",[54,62,63,66],{},[57,64,65],{},"Tailwind CSS"," for rapid theming across dozens of retailer brand variations",[54,68,69,72],{},[57,70,71],{},"Dynamic routing"," that generated unique pages per store with shared components",[54,74,75,78],{},[57,76,77],{},"Instacart API integration"," for real-time product availability and cart handoff",[21,80,81],{},[27,82],{"alt":29,"src":83},"\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-3.jpg",[16,85,87],{"id":86},"the-result","The Result",[21,89,90],{},"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":29,"searchDepth":92,"depth":92,"links":93},2,[94,95,96,97],{"id":18,"depth":92,"text":19},{"id":33,"depth":92,"text":34},{"id":48,"depth":92,"text":49},{"id":86,"depth":92,"text":87},[99,100,101],"Vue","Nuxt","Tailwind","\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fcover.jpg","2021-05-01","md",{},null,true,"\u002Fprojects\u002Fpg-instacart",{"title":11,"description":29},"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",1788900438148]