[{"data":1,"prerenderedAt":141},["ShallowReactive",2],{"settings":3,"portfolio-pg-instacart":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":127,"cover_image":131,"date":132,"description":52,"extension":133,"meta":134,"meta_description":135,"meta_title":136,"navigation":27,"path":137,"seo":138,"stem":139,"__hash__":140},"portfolio\u002Fportfolio\u002Fpg-instacart.md","P&G + 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.",{"type":36,"value":37,"toc":120},"minimark",[38,43,47,54,58,61,67,70,75,79,108,113,117],[39,40,42],"h2",{"id":41},"the-challenge","The Challenge",[44,45,46],"p",{},"P&G needed a way to connect regional grocery stores with Instacart's delivery platform 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.",[44,48,49],{},[50,51],"img",{"alt":52,"src":53},"","\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-1.jpg",[39,55,57],{"id":56},"what-i-built","What I Built",[44,59,60],{},"I created 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.",[62,63,64],"blockquote",{},[44,65,66],{},"The best ecommerce experiences don't feel like ecommerce. They feel like a helpful friend handing you exactly what you need.",[44,68,69],{},"The Instacart integration was the fun part. I 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.",[44,71,72],{},[50,73],{"alt":52,"src":74},"\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-2.jpg",[39,76,78],{"id":77},"the-technical-bits","The Technical Bits",[80,81,82,90,96,102],"ul",{},[83,84,85,89],"li",{},[86,87,88],"strong",{},"Nuxt SSR"," for fast initial loads and solid SEO across all retailer pages",[83,91,92,95],{},[86,93,94],{},"Tailwind CSS"," for rapid theming across dozens of retailer brand variations",[83,97,98,101],{},[86,99,100],{},"Dynamic routing"," that generated unique pages per store with shared components",[83,103,104,107],{},[86,105,106],{},"Instacart API integration"," for real-time product availability and cart handoff",[44,109,110],{},[50,111],{"alt":52,"src":112},"\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fscreenshot-3.jpg",[39,114,116],{"id":115},"the-result","The Result",[44,118,119],{},"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. The modular approach meant spinning up a new store took hours instead of weeks.",{"title":52,"searchDepth":121,"depth":121,"links":122},2,[123,124,125,126],{"id":41,"depth":121,"text":42},{"id":56,"depth":121,"text":57},{"id":77,"depth":121,"text":78},{"id":115,"depth":121,"text":116},[128,129,130],"Vue","Nuxt","Tailwind","\u002Fimages\u002Fportfolio\u002Fpg-instacart\u002Fcover.jpg","2021-05-01T05:00:00+0000","md",{},"A scalable landing page platform connecting P&G products with regional grocery stores through Instacart delivery.","P&G + Instacart | Work | Mark Spirek","\u002Fportfolio\u002Fpg-instacart",{"title":33,"description":52},"portfolio\u002Fpg-instacart","tSJ7u0uUt_vqEBojgqkCC25mK-Sd345EmFv_Fuu12uE",1788901049161]