[{"data":1,"prerenderedAt":170},["ShallowReactive",2],{"settings":3,"portfolio-victoria-fine-foods":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":156,"cover_image":160,"date":161,"description":52,"extension":162,"meta":163,"meta_description":164,"meta_title":165,"navigation":27,"path":166,"seo":167,"stem":168,"__hash__":169},"portfolio\u002Fportfolio\u002Fvictoria-fine-foods.md","Victoria Fine Foods","A premium brand website for Victoria Fine Foods featuring recipe filtering, ingredient comparison tools, and a sophisticated design system built on a white-label framework.",{"type":36,"value":37,"toc":146},"minimark",[38,43,47,54,58,61,67,71,74,79,83,86,115,120,124,127,132,136,139,143],[39,40,42],"h2",{"id":41},"the-brand","The Brand",[44,45,46],"p",{},"Victoria Fine Foods came to us as part of the B&G brand family. Their existing site was outdated and didn't reflect the premium positioning of their products: artisanal pasta sauces with genuinely minimal ingredients. They needed a full redesign that felt sophisticated and modern while honoring the brand's Italian heritage.",[44,48,49],{},[50,51],"img",{"alt":52,"src":53},"","\u002Fimages\u002Fportfolio\u002Fvictoria-fine-foods\u002Fscreenshot-1.png",[39,55,57],{"id":56},"premium-design-system","Premium Design System",[44,59,60],{},"I built the front end on top of our white-label component framework, but Victoria's budget allowed for significant customization beyond the standard system. The design language paired vintage typography with modern neutral tones: retro serif fonts alongside clean all-caps type, rich accent colors, and a subtle gold foil texture that echoed their physical packaging.",[62,63,64],"blockquote",{},[44,65,66],{},"The best brand websites don't just show products. They make you feel something about the brand before you even think about buying.",[39,68,70],{"id":69},"ingredient-comparison-tool","Ingredient Comparison Tool",[44,72,73],{},"One of Victoria's biggest selling points was their short ingredient lists, so short they fit on the front of the label. I built an interactive comparison tool that let users see Victoria's ingredients side-by-side with competitors. It was a simple concept but technically satisfying to build: dynamic data rendering with smooth transitions that made the comparison feel dramatic.",[44,75,76],{},[50,77],{"alt":52,"src":78},"\u002Fimages\u002Fportfolio\u002Fvictoria-fine-foods\u002Fscreenshot-2.png",[39,80,82],{"id":81},"recipe-browser","Recipe Browser",[44,84,85],{},"The recipe section was a major upgrade. The old site buried recipes behind poor navigation and low-quality photography. I built a modern, filterable recipe experience:",[87,88,89,97,103,109],"ul",{},[90,91,92,96],"li",{},[93,94,95],"strong",{},"Search and filtering"," by occasion, product line, and keyword",[90,98,99,102],{},[93,100,101],{},"Card-based grid layout"," with responsive masonry for recipe browsing",[90,104,105,108],{},[93,106,107],{},"Full-viewport recipe detail pages"," with dramatic photography, serving info, and share functionality",[90,110,111,114],{},[93,112,113],{},"Related recipes"," to keep users exploring",[44,116,117],{},[50,118],{"alt":52,"src":119},"\u002Fimages\u002Fportfolio\u002Fvictoria-fine-foods\u002Fscreenshot-3.png",[39,121,123],{"id":122},"product-filtering","Product Filtering",[44,125,126],{},"The original product organization was confusing, buried behind extra navigation layers with no way to compare across product lines. I reorganized everything into a clean two-tier system (sauce vs. non-sauce) with sub-category filtering and keyword search, letting users quickly find specific flavors or ingredients.",[44,128,129],{},[50,130],{"alt":52,"src":131},"\u002Fimages\u002Fportfolio\u002Fvictoria-fine-foods\u002Fscreenshot-4.png",[39,133,135],{"id":134},"navigation-overhaul","Navigation Overhaul",[44,137,138],{},"The original nav relied on confusing dropdowns where sub-pages didn't correspond to parent items. I simplified the top-level navigation, removed dropdown functionality entirely, and restructured content to surface recipes and lifestyle content that had been previously buried in the footer.",[39,140,142],{"id":141},"the-result","The Result",[44,144,145],{},"The redesigned site gave Victoria Fine Foods a digital presence that matched the premium quality of their products. The recipe section became a genuine traffic driver, the ingredient comparison tool reinforced their brand differentiator, and the whole experience felt like the high-end brand it was meant to represent.",{"title":52,"searchDepth":147,"depth":147,"links":148},2,[149,150,151,152,153,154,155],{"id":41,"depth":147,"text":42},{"id":56,"depth":147,"text":57},{"id":69,"depth":147,"text":70},{"id":81,"depth":147,"text":82},{"id":122,"depth":147,"text":123},{"id":134,"depth":147,"text":135},{"id":141,"depth":147,"text":142},[157,158,159],"Vue","CMS","Component Library","\u002Fimages\u002Fportfolio\u002Fvictoria-fine-foods\u002Fcover.png","2019-04-01T05:00:00+0000","md",{},"A premium brand website for Victoria Fine Foods with recipe browsing, ingredient comparison, and product filtering built on a white-label component framework.","Victoria Fine Foods | Work | Mark Spirek","\u002Fportfolio\u002Fvictoria-fine-foods",{"title":33,"description":52},"portfolio\u002Fvictoria-fine-foods","5dGqTHJZUQH25-ZyuBos7NmqMTNrryo-0lInoyGT4uc",1788901049394]