[{"data":1,"prerenderedAt":211},["ShallowReactive",2],{"project-orlo-nutrition":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"meta":8,"hero":15,"sections":19,"nextProject":198,"_id":205,"_type":206,"title":207,"_source":208,"_file":209,"_stem":210,"_extension":206},"\u002Fprojects\u002Forlo-nutrition","projects",false,"",{"title":9,"subtitle":10,"slug":11,"category":12,"year":13,"assetsFolder":14},"ORLO Nutrition","Carbon-Negative Supplements","orlo-nutrition","Shopify",2025,"orlo",{"type":16,"file":17,"path":18},"image","orlo-web-design-agency-image-1-hero.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-1-hero.jpg",[20,54,93,126,186],{"id":21,"number":22,"label":23,"description":24,"mediaBlocks":25},"challenge",1,"The Challenge","Orlo Nutrition, the direct-to-consumer brand from Icelandic biotech company VAXA, produces carbon-negative omega-3 and spirulina supplements derived from microalgae. The science was world-class, but the Shopify store telling that story wasn't. Years of fragmented development had left the codebase disjointed and fragile - every change carried risk and the conversion rate reflected it.",[26,33,48],{"layout":27,"items":28},"video",[29],{"type":27,"file":30,"path":31,"alt":32},"orlo-web-design-agency-image-2-brand-photograpy.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-2-brand-photograpy.mp4","ORLO brand photography",{"layout":34,"items":35},"stack-right",[36,40,44],{"type":27,"file":37,"path":38,"alt":39},"orlo-web-design-agency-image-3-brand-colors.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-3-brand-colors.mp4","ORLO brand colors",{"type":27,"file":41,"path":42,"alt":43},"orlo-web-design-agency-image-3-benefits-cycle.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-3-benefits-cycle.mp4","ORLO benefits cycle",{"type":27,"file":45,"path":46,"alt":47},"orlo-web-design-agency-image-3-brand-messages.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-3-brand-messages.mp4","ORLO brand messages",{"layout":27,"items":49},[50],{"type":27,"file":51,"path":52,"alt":53},"orlo-web-design-agency-image-4-brand-typeface.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-4-brand-typeface.mp4","ORLO brand typeface",{"id":55,"number":56,"label":57,"description":58,"mediaBlocks":59},"strategy",2,"Strategy","Rather than patch what existed, we audited every layer of the store and identified three pillars: elevate the brand to match the product, rebuild the technical foundation on native Shopify to reduce fragility and cost, and plug the revenue leaks in their subscription ecosystem. For the visual identity, we'd lean into Orlo's Icelandic heritage - light, ethereal aesthetics true to the brand's origin.",[60,71,86],{"layout":61,"items":62},"pair",[63,67],{"type":16,"file":64,"path":65,"alt":66},"orlo-web-design-agency-image-5-brand-photoshoot-1.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-5-brand-photoshoot-1.jpg","ORLO brand photoshoot",{"type":16,"file":68,"path":69,"alt":70},"orlo-web-design-agency-image-5-brand-photoshoot-2.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-5-brand-photoshoot-2.jpg","ORLO product photography",{"layout":72,"items":73},"stack-left",[74,78,82],{"type":16,"file":75,"path":76,"alt":77},"orlo-web-design-agency-image-6-brand-photoshoot-1.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-6-brand-photoshoot-1.jpg","ORLO lifestyle photography",{"type":16,"file":79,"path":80,"alt":81},"orlo-web-design-agency-image-6-brand-photoshoot-2.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-6-brand-photoshoot-2.jpg","ORLO product detail",{"type":16,"file":83,"path":84,"alt":85},"orlo-web-design-agency-image-6-brand-photoshoot-3.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-6-brand-photoshoot-3.jpg","ORLO brand imagery",{"layout":87,"items":88},"single",[89],{"type":16,"file":90,"path":91,"alt":92},"orlo-web-design-agency-image-7-brand-photoshoot-1.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-7-brand-photoshoot-1.jpg","ORLO AI lifestyle imagery",{"id":94,"number":95,"label":96,"description":97,"mediaBlocks":98},"solution",3,"Solution","We conducted a full AI photo shoot, generating lifestyle imagery rooted in a soft, luminous visual language - lens flares woven through each image to evoke the elemental magic of Iceland. Every product was rebuilt as a 3D render, producing scroll-reactive turntable videos that rotate as users move down the page. Technically, we stripped back app bloat, replacing redundant functionality with native Shopify equivalents.",[99,105,110,116],{"layout":27,"items":100},[101],{"type":27,"file":102,"path":103,"alt":104},"orlo-web-design-agency-image-8-rocks-mockup.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-8-rocks-mockup.mp4","ORLO website",{"layout":27,"items":106},[107],{"type":27,"file":108,"path":109,"alt":104},"orlo-web-design-agency-image-9-website.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-9-website.mp4",{"layout":87,"items":111},[112],{"type":16,"file":113,"path":114,"alt":115},"orlo-web-design-agency-image-10-website.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-10-website.jpg","ORLO website design",{"layout":61,"items":117},[118,122],{"type":27,"file":119,"path":120,"alt":121},"orlo-web-design-agency-image-11-bottle-spin-words-behind.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-11-bottle-spin-words-behind.mp4","ORLO website interaction",{"type":27,"file":123,"path":124,"alt":125},"orlo-web-design-agency-image-11-phone-site-scroll.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-11-phone-site-scroll.mp4","ORLO website animation",{"id":127,"number":128,"label":129,"description":130,"mediaBlocks":131},"execution",4,"Execution","We redesigned the entire site from the ground up, building a complete design system that gave every page a consistent, cohesive foundation. A full URL audit ahead of launch preserved the existing URL structure wherever possible, with redirects placed for any pages that had moved - ensuring SERP stability throughout the transition.",[132,137,151,160,170,176],{"layout":27,"items":133},[134],{"type":27,"file":135,"path":136,"alt":104},"orlo-web-design-agency-image-12-website.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-12-website.mp4",{"layout":138,"items":139,"compareLabels":148},"compare",[140,144],{"type":16,"file":141,"path":142,"alt":143},"orlo-web-design-agency-image-13-website-before-render.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-13-website-before-render.jpg","ORLO website before redesign",{"type":16,"file":145,"path":146,"alt":147},"orlo-web-design-agency-image-13-website-after-render.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-13-website-after-render.jpg","ORLO website after redesign",[149,150],"Before","After",{"layout":61,"items":152},[153,157],{"type":27,"file":154,"path":155,"alt":156},"orlo-web-design-agency-image-14-website-product-turntable-1.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-14-website-product-turntable-1.mp4","ORLO product turntable",{"type":27,"file":158,"path":159,"alt":156},"orlo-web-design-agency-image-14-website-product-turntable-2.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-14-website-product-turntable-2.mp4",{"layout":61,"items":161},[162,166],{"type":16,"file":163,"path":164,"alt":165},"orlo-web-design-agency-image-15-website-mobile-1.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-15-website-mobile-1.jpg","ORLO mobile experience",{"type":16,"file":167,"path":168,"alt":169},"orlo-web-design-agency-image-15-website-desktop-2.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-15-website-desktop-2.jpg","ORLO desktop design",{"layout":87,"items":171},[172],{"type":16,"file":173,"path":174,"alt":175},"orlo-web-design-agency-image-16-website-cart-2.jpg","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-16-website-cart-2.jpg","ORLO cart design",{"layout":61,"items":177},[178,182],{"type":27,"file":179,"path":180,"alt":181},"orlo-web-design-agency-image-17-website-card-frame-ui.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-17-website-card-frame-ui.mp4","ORLO card frame UI",{"type":27,"file":183,"path":184,"alt":185},"orlo-web-design-agency-image-17-website-testimonials.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-17-website-testimonials.mp4","ORLO testimonials",{"id":187,"number":188,"label":189,"description":190,"mediaBlocks":191},"outcome",5,"The Result","The rebuilt store delivered increased sales, more orders, and a significantly improved conversion rate - all from a smaller, higher-quality traffic base. Orlo now operates on a leaner, more maintainable platform with lower cost of ownership, stronger brand presence, and a subscription infrastructure built to retain and grow customer lifetime value.",[192],{"layout":27,"items":193},[194],{"type":27,"file":195,"path":196,"alt":197},"orlo-web-design-agency-image-18-social-feed.mp4","\u002Fprojects\u002Forlo\u002Forlo-web-design-agency-image-18-social-feed.mp4","ORLO social feed",{"title":199,"href":200,"tags":201,"featuredImage":204},"LearnIT Academy","\u002Fwork\u002Flearnit-academy",[202,203],"Branding","Web","\u002Fprojects\u002Flearnit\u002Flearnit-web-design-agency-image-1-logo-animation.mp4","content:projects:orlo-nutrition.json","json","Orlo Nutrition","content","projects\u002Forlo-nutrition.json","projects\u002Forlo-nutrition",1775662760565]