[{"data":1,"prerenderedAt":324},["ShallowReactive",2],{"navigation":3,"socials":68,"post-\u002Fterranindustries":83,"project-\u002Fterranindustries":84},{"id":4,"extension":5,"footer":6,"header":56,"meta":65,"stem":66,"__hash__":67},"navigation\u002Fnavigation.yml","yml",[7,26,38],{"label":8,"items":9,"path":25},"Web development",[10,13,16,19,22],{"label":11,"path":12},"Vue web development","\u002Fvue-js-development-services",{"label":14,"path":15},"React development services","\u002Freact-js-development-services",{"label":17,"path":18},"Laravel development services","\u002Flaravel-development-services",{"label":20,"path":21},"Shopify developers Melbourne","\u002Fshopify",{"label":23,"path":24},"Next.js developers Melbourne","\u002Fnext-js-framework","",{"label":27,"items":28,"path":25},"Cyber security",[29,32,35],{"label":30,"path":31},"Cyber security for small business","\u002Fcyber-security\u002Fsmall-business",{"label":33,"path":34},"Lessons from famous breaches","\u002Fcyber-security\u002Fbreach-lessons",{"label":36,"path":37},"Free cyber health check","\u002Fcyber-security\u002Fsmall-business\u002Fdiy-cyber-security-health-check",{"label":39,"items":40},"Navigate",[41,44,47,50,53],{"label":42,"path":43},"Home","\u002F",{"label":45,"path":46},"Case Studies","\u002Fcase-studies",{"label":48,"path":49},"Cyber Security","\u002Fcyber-security",{"label":51,"path":52},"Contact Us","\u002Fcontact",{"label":54,"path":55},"Editorial Policy","\u002Feditorial-policy",[57,60,61,62],{"label":58,"path":59},"Web Development","\u002Fweb-development",{"label":45,"path":46},{"label":48,"path":49},{"label":63,"path":64},"About","\u002Fabout",{},"navigation","vaEm85Hrq3ctMNbTgmkywbdLEBklhE1-5zsuR9ZI5Oo",{"id":69,"extension":5,"items":70,"meta":80,"stem":81,"__hash__":82},"socials\u002Fsocials.yml",[71,74,77],{"type":72,"link":73},"facebook","https:\u002F\u002Fwww.facebook.com\u002Fitclub.com.au",{"type":75,"link":76},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fitclub\u002Fabout\u002F",{"type":78,"link":79},"behance","https:\u002F\u002Fwww.behance.net\u002Felenaitclub\u002F",{},"socials","R3zh7G2Yeky6IFraIEG2izmfHXa3EG7r0rHl4YbjpWk",null,{"id":85,"title":86,"body":87,"card":296,"description":304,"extension":305,"meta":306,"metadata":307,"navigation":310,"path":311,"platform":312,"quote":313,"quoteAuthor":314,"seo":315,"sitemap":316,"stem":317,"subtitle":318,"summary":319,"technologies":320,"__hash__":323},"projects\u002Fterran-industries.md","Sustainability B2B Website",{"type":88,"value":89,"toc":287},"minimark",[90,95,104,121,128,135,139,146,174,178,202,209,213,216,242,246,256,259,263,270,285],[91,92,94],"h2",{"id":93},"uiux-design-website-development","UI\u002FUX design & website development",[96,97,98,99,103],"p",{},"A sustainability company’s website should feel as considered as its mission. For the original version of TerranIndustries.com.au, our team delivered the complete ",[100,101,102],"strong",{},"UI\u002FUX design and website development"," - turning a broad B2B sustainability offering into a clear, easy-to-use website built with Next.js and Contentful.",[105,106,107],"blockquote",{},[96,108,109,116,117,120],{},[110,111,115],"a",{"href":112,"rel":113},"https:\u002F\u002Fterranindustries.com.au\u002F",[114],"nofollow","Terran Industries"," is an Australian company that helps businesses replace single-use plastics and synthetic products with ",[100,118,119],{},"eco-friendly, sustainable alternatives",". It connects companies with sustainable products, recycling providers, buyers for excess material and sustainability specialists - making the transition to a circular economy simpler and more achievable.",[96,122,123,124,127],{},"The website had to do two things at once: clearly explain a wide range of services and let businesses tell Terran Industries exactly what they needed. To support this, we created a custom ",[100,125,126],{},"\"Find Alternatives\" selection tool",", where a visitor selects the products and waste services they want greener options for. Their selections are then included in a single enquiry.",[96,129,130,131,134],{},"The Terran Industries team also needed to manage their services, packages, team members and website content independently, so a ",[100,132,133],{},"headless CMS"," was essential.",[91,136,138],{"id":137},"web-development-services-for-a-sustainability-website","Web development services for a sustainability website",[96,140,141,142,145],{},"Our designer and software engineers delivered the complete ",[100,143,144],{},"UI\u002FUX design and development"," of the foriginal Terran Industries website, including:",[147,148,149,153,156,159,162,165,168,171],"ul",{},[150,151,152],"li",{},"UI\u002FUX design across the homepage, About, How It Works, What We Do, Services, How It Works, Blog and supporting pages",[150,154,155],{},"Design and development of the interactive \"Find Alternatives\" tool",[150,157,158],{},"Front-end development with Next.js",[150,160,161],{},"Headless CMS configuration and content modelling in Contentful",[150,163,164],{},"A dynamic enquiry form that includes each visitor's products and services",[150,166,167],{},"Responsive development across desktop, tablet and mobile",[150,169,170],{},"Performance optimisation and SEO foundations",[150,172,173],{},"Project management, testing and delivery.",[91,175,177],{"id":176},"technology-used-to-build-the-sustainability-website","Technology used to build the sustainability website",[147,179,180,186,196],{},[150,181,182,185],{},[100,183,184],{},"UI\u002FUX design:"," A clean, approachable interface designed around Terran Industries' brand and illustrations, guiding visitors from initial exploration to enquiry.",[150,187,188,191,192,195],{},[100,189,190],{},"Framework:"," ",[110,193,194],{"href":15},"Next.js",", a React framework that supports fast page loads, server-side rendering and a reusable component architecture.",[150,197,198,201],{},[100,199,200],{},"Headless CMS:"," Contentful, allowing the Terran Industries team can manage services, team members and blog posts through a structured editorial interface, independent of the code.",[96,203,204,205,208],{},"The combination of ",[100,206,207],{},"Next.js and Contentful"," produced a fast, maintainable website with a custom enquiry tool at its centre, giving Terran Industries a strong foundation for launching its business.",[91,210,212],{"id":211},"website-features","Website features",[96,214,215],{},"The main features of this sustainability website include:",[147,217,218,221,224,227,230,233,236],{},[150,219,220],{},"An interactive \"Find alternatives\" tool for selecting products and waste services",[150,222,223],{},"A single enquiry form that includes the visitor's selections",[150,225,226],{},"Some page content and blog posts managed in Contentful",[150,228,229],{},"Service packages and a \"book an appointment\" flow",[150,231,232],{},"Team, partners and newsletter sections",[150,234,235],{},"Fully-responsive layouts across desktop, tablet and mobile",[150,237,238,239],{},"An SEO-friendly website structure and metadata for organic search visibility.\n",[240,241],"br",{},[91,243,245],{"id":244},"what-terran-industries-say","What Terran Industries say",[105,247,248],{},[96,249,250,251,253,255],{},"Elena and her team are incredible! I could not be happier with the website she designed for me - it was beyond my expectations! She is full of knowledge and advice, and will always deliver you the best outcome. I will definitely be working with her on my next project.",[240,252],{},[240,254],{}," - Evannah, Founder of Terran Industries",[257,258],"hr",{},[91,260,262],{"id":261},"planning-a-new-business-website","Planning a new business website?",[96,264,265,266,269],{},"Launching a business or rebuilding an existing website? Our designers and ",[110,267,268],{"href":24},"Next.js developers"," create fast, professional websites using modern headless CMS platforms such as Contentful - so your team can manage its content with ease.",[271,272,276],"div",{"dataCmsId":273,"className":274},"cta-button",[275],"align-center",[271,277,280],{"className":278},[279],"button",[110,281,284],{"href":52,"className":282},[283],"cta","Get in touch",[240,286],{},{"title":25,"searchDepth":288,"depth":288,"links":289},2,[290,291,292,293,294,295],{"id":93,"depth":288,"text":94},{"id":137,"depth":288,"text":138},{"id":176,"depth":288,"text":177},{"id":211,"depth":288,"text":212},{"id":244,"depth":288,"text":245},{"id":261,"depth":288,"text":262},{"title":86,"summary":297,"image":298,"logo":299,"order":302,"background":303},"A website for TerranIndustries.com.au, offering eco-friendly alternatives to single-use plastics.","portfolio\u002Fterran-industries.png",{"width":300,"src":301},150,"companies\u002Fterran-industries-logo.png",6,"#f4f4f4","A B2B sustainability website, designed and built with Next.js and Contentful.","md",{},{"title":308,"description":309},"UI\u002FUX Design & Next.js Development with Contentful","How we designed the UI\u002FUX and built the first edition of terranindustries.com.au, a B2B sustainability website, with Next.js and a Contentful headless CMS.",true,"\u002Fterranindustries","Web","I could not be happier with the website Elena designed for me - it was beyond my expectations.","Evannah, Founder at Terran Industries",{"title":86,"description":304},{"loc":311},"terran-industries","UI\u002FUX | Website development","We designed and built the original website for Terran Industries, a B2B sustainability company helping Australian businesses find eco-friendly alternatives to single-use plastics. The website was developed with Next.js and Contentful.",[321,194,322],"UI\u002FUX","Contentful","oTom4S9E6xdSu-iKs14Kcjspx-iI4nboLR_Chi0s1wo",1785205145434]