[{"data":1,"prerenderedAt":129},["ShallowReactive",2],{"settings":3,"project-cheers-to-the-host":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":114,"cover_image":118,"date":119,"description":35,"extension":120,"meta":121,"meta_description":122,"meta_title":122,"navigation":123,"path":124,"seo":125,"stem":126,"summary":127,"__hash__":128},"projects\u002Fprojects\u002Fcheers-to-the-host.md","Cheers To The Host",{"type":19,"value":20,"toc":106},"minimark",[21,26,30,37,41,44,49,53,56,61,65,94,99,103],[22,23,25],"h2",{"id":24},"the-brief","The Brief",[27,28,29],"p",{},"Brown-Forman saw a shift happening. With online alcohol delivery booming, they wanted to meet people where they were — at home, planning their next dinner party. Cheers To The Host was their answer: a content-rich platform that turned nervous first-time hosts into confident entertainers.",[27,31,32],{},[33,34],"img",{"alt":35,"src":36},"","\u002Fimages\u002Fportfolio\u002Fcheers-to-the-host\u002Fscreenshot-1.jpg",[22,38,40],{"id":39},"the-approach","The Approach",[27,42,43],{},"We built the front end in Vue with Tailwind, sitting on top of a WordPress CMS that the Brown-Forman content team could manage themselves. The site was packed with recipes, cocktail guides, party planning tips, and curated product recommendations — all designed to feel editorial and approachable rather than salesy.",[27,45,46],{},[33,47],{"alt":35,"src":48},"\u002Fimages\u002Fportfolio\u002Fcheers-to-the-host\u002Fscreenshot-2.jpg",[22,50,52],{"id":51},"design-to-code","Design to Code",[27,54,55],{},"The design phase involved close collaboration with the creative team to nail the warm, inviting visual language. We prototyped key interactions early and iterated quickly to get the feel just right.",[27,57,58],{},[33,59],{"alt":35,"src":60},"\u002Fimages\u002Fportfolio\u002Fcheers-to-the-host\u002Fprototype.jpg",[22,62,64],{"id":63},"under-the-hood","Under the Hood",[66,67,68,76,82,88],"ul",{},[69,70,71,75],"li",{},[72,73,74],"strong",{},"Vue.js"," component architecture for a fast, interactive browsing experience",[69,77,78,81],{},[72,79,80],{},"Tailwind CSS"," utility-first styling for consistent, responsive layouts",[69,83,84,87],{},[72,85,86],{},"WordPress REST API"," powering a headless CMS that the content team loved",[69,89,90,93],{},[72,91,92],{},"Recipe and cocktail filtering"," with dynamic category pages",[27,95,96],{},[33,97],{"alt":35,"src":98},"\u002Fimages\u002Fportfolio\u002Fcheers-to-the-host\u002Fscreenshot-3.jpg",[22,100,102],{"id":101},"the-outcome","The Outcome",[27,104,105],{},"The site gave Brown-Forman a genuine content marketing platform — not just a product catalog. It drove organic traffic through helpful, searchable content and subtly guided users toward Brown-Forman products without feeling pushy.",{"title":35,"searchDepth":107,"depth":107,"links":108},2,[109,110,111,112,113],{"id":24,"depth":107,"text":25},{"id":39,"depth":107,"text":40},{"id":51,"depth":107,"text":52},{"id":63,"depth":107,"text":64},{"id":101,"depth":107,"text":102},[115,116,117],"Vue","Tailwind","Wordpress","\u002Fimages\u002Fportfolio\u002Fcheers-to-the-host\u002Fcover.jpg","2020-10-20","md",{},null,true,"\u002Fprojects\u002Fcheers-to-the-host",{"title":17,"description":35},"projects\u002Fcheers-to-the-host","To leverage the increase in online purchase and home delivery of alcohol, Brown-Forman revamped one of its websites to provide information for novice hosts.","y9IvtWcmCimqihtk7IWblRkOKa6v84BoKnu198TW2yE",1788054954799]