{"data":{"prismic":{"blog_article":{"article_type":"Tech","title":[{"type":"heading1","text":"Boost Conversions And Cut Emissions Through Smarter Design","spans":[{"start":0,"end":5,"type":"strong"},{"start":23,"end":25,"type":"strong"},{"start":43,"end":51,"type":"strong"}],"direction":"ltr"}],"summary_text":[{"type":"paragraph","text":"Did you know that the colour blue uses 25% more power on screen than red? Good to know, right? This blog is part 2-part of our our sustainability series. Design smart, see the benefits. ","spans":[],"direction":"ltr"}],"seodescription":null,"seotitle":[{"type":"paragraph","text":"Boost Conversions, Cut Emissions: Smart Design","spans":[],"direction":"ltr"}],"author":{"__typename":"PRISMIC_Person","name":"Matt Powell","job_title":"Creative Director","profile_picture":null},"published":"2025-03-26","image":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/Z-QJGXdAxsiBv7fx_delve3.png?auto=format,compress"},"programming_language":null,"singleAspectRatioImage":{"childImageSharp":{"fluid":{"aspectRatio":1.779527559055118,"src":"/static/5831cccb0f41807391a3809fdd943ba5/ea5de/Z-QJGXdAxsiBv7fx_delve3.png","srcSet":"/static/5831cccb0f41807391a3809fdd943ba5/6b0e5/Z-QJGXdAxsiBv7fx_delve3.png 200w,\n/static/5831cccb0f41807391a3809fdd943ba5/a489e/Z-QJGXdAxsiBv7fx_delve3.png 400w,\n/static/5831cccb0f41807391a3809fdd943ba5/ea5de/Z-QJGXdAxsiBv7fx_delve3.png 800w,\n/static/5831cccb0f41807391a3809fdd943ba5/b36f0/Z-QJGXdAxsiBv7fx_delve3.png 1200w,\n/static/5831cccb0f41807391a3809fdd943ba5/cfd9e/Z-QJGXdAxsiBv7fx_delve3.png 1600w,\n/static/5831cccb0f41807391a3809fdd943ba5/96abc/Z-QJGXdAxsiBv7fx_delve3.png 1808w","srcWebp":"/static/5831cccb0f41807391a3809fdd943ba5/0c129/Z-QJGXdAxsiBv7fx_delve3.webp","srcSetWebp":"/static/5831cccb0f41807391a3809fdd943ba5/0e93d/Z-QJGXdAxsiBv7fx_delve3.webp 200w,\n/static/5831cccb0f41807391a3809fdd943ba5/2259f/Z-QJGXdAxsiBv7fx_delve3.webp 400w,\n/static/5831cccb0f41807391a3809fdd943ba5/0c129/Z-QJGXdAxsiBv7fx_delve3.webp 800w,\n/static/5831cccb0f41807391a3809fdd943ba5/45222/Z-QJGXdAxsiBv7fx_delve3.webp 1200w,\n/static/5831cccb0f41807391a3809fdd943ba5/1f191/Z-QJGXdAxsiBv7fx_delve3.webp 1600w,\n/static/5831cccb0f41807391a3809fdd943ba5/70720/Z-QJGXdAxsiBv7fx_delve3.webp 1808w","sizes":"(max-width: 800px) 100vw, 800px","presentationWidth":800}}},"link":{"uid":"increase-conversions-and-decrease-emissions-design"},"related_blogs":[{"blog":{"__typename":"PRISMIC_Blog_article","title":[{"type":"heading1","text":"Great People: Introducing Matt Powell","spans":[{"start":0,"end":37,"type":"strong"}]}],"summary_text":[{"type":"paragraph","text":"Matt is Creative Director at Great State. That means he's responsible for driving not only creative excellence but also baking innovation and experimentation into our work. He and his talented team of creatives don't just hit the brief, they deliver work that goes beyond expectations of what our clients thought possible. So, meet Matt! You won't be disappointed. ","spans":[]}],"author":{"__typename":"PRISMIC_Person","name":"Great State","job_title":null},"thumbnail":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/88a0f4ca-1066-413d-932e-79ed97df97ea_Matt+P+blog+header.jpg?auto=compress,format"},"article_type":"News","published":"2023-07-04","link":{"uid":"great-people-introducing-matt-powell"},"image":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/88a0f4ca-1066-413d-932e-79ed97df97ea_Matt+P+blog+header.jpg?auto=compress,format"},"_meta":{"uid":"great-people-introducing-matt-powell"}}},{"blog":{"__typename":"PRISMIC_Blog_article","title":[{"type":"heading1","text":"Increase conversions and decrease emissions: The role of technology","spans":[{"start":0,"end":67,"type":"strong"}],"direction":"ltr"}],"summary_text":[{"type":"paragraph","text":"Here we explore the benefits, recommendations, and developments relating to sustainable web development. Specifically, the role of technology.  Onwards. ","spans":[],"direction":"ltr"}],"author":{"__typename":"PRISMIC_Person","name":"Fame Razak","job_title":"Head of Engineering"},"thumbnail":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/Z8cjiBsAHJWomGrE_BLOG3.png?auto=format,compress"},"article_type":"Tech","published":"2025-02-26","link":{"uid":"increase-conversions-decrease-conversionstech"},"image":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/Z8cjiBsAHJWomGrE_BLOG3.png?auto=format,compress"},"_meta":{"uid":"increase-conversions-decrease-conversionstech"}}},{"blog":{"__typename":"PRISMIC_Blog_article","title":[{"type":"heading1","text":"Brandification not blandification","spans":[{"start":0,"end":33,"type":"strong"}]}],"summary_text":[{"type":"paragraph","text":"UX design functionality is becoming a dead end for brands and platforms seeking to differentiate as being told exactly how to design something doesn’t leave much room for creative expression – so how can brands still create competitive advantages through intelligent design?","spans":[]}],"author":{"__typename":"PRISMIC_Person","name":"Matt Powell","job_title":"Creative Director"},"thumbnail":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/27906c99-f009-46b6-aafe-49c85a36b007_Two+doggoes.jpg?auto=compress,format"},"article_type":"Opinion","published":"2023-01-26","link":{"uid":"brandification-not-blandification---why-brands-need"},"image":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/27906c99-f009-46b6-aafe-49c85a36b007_Two+doggoes.jpg?auto=compress,format"},"_meta":{"uid":"brandification-not-blandification---why-brands-need"}}}],"body":[{"__typename":"PRISMIC_Blog_articleBodyText","type":"text","primary":{"text":[{"type":"paragraph","text":"As of today, 5.5 billion people use the internet. 1 billion more than this time last year.","spans":[],"direction":"ltr"},{"type":"paragraph","text":"That’s a fair number of click, likes, and shares happening every day. But as we become more connected around the world, the sustainability of the planet pays a price.","spans":[],"direction":"ltr"},{"type":"paragraph","text":"Due to the proliferation of connected devices and global population growth, personal usage of the internet has doubled since 2010. And the resulting stats are staggering. Digital technology now accounts for 4% of the global carbon emissions – more than international air travel. The average search query emits 1.45g of carbon dioxide. And in 2018, Google alone used the equivalent of a quarter of New Zealand’s annual energy consumption – using 10 terawatt hours of electricity and emitting over 4 million tons of CO2.","spans":[],"direction":"ltr"},{"type":"paragraph","text":"As a digital agency, we’re no stranger to this discussion. And we believe in leading the way when it comes to digital customer experiences. Today, customers care more than ever about carbon responsibility and emissions, with 21% of Brits favouring products or services that favour sustainability (YouGov, 2024). ","spans":[],"direction":"ltr"},{"type":"paragraph","text":"This blog explores the hidden ways in which clients can both increase conversions and decrease emissions. And when it comes to sustainable web development, there are 2 key factors to consider: Technology, and Design.","spans":[],"direction":"ltr"},{"type":"heading2","text":"How design affects sustainability","spans":[],"direction":"ltr"},{"type":"paragraph","text":"Video, colour, and text all add to your site’s carbon footprint. So, the simpler your web design, the better. Not only does it help reduce carbon emissions; it also improves the overall customer experience. It’s easy to assume that every user is on the latest mobile phone, in a relaxed state of mind, with perfect eyesight to boot. But when we design with assumption, a degree of privilege creeps in. Sustainable web design pushes us to make equitable experiences. When you simplify and standardise your design, inclusivity gets baked into the customer experience.","spans":[],"direction":"ltr"},{"type":"heading2","text":"Reduce bloat, not your brand","spans":[],"direction":"ltr"},{"type":"paragraph","text":"You may be thinking, “Does this mean my site needs to be boring and grey?” To which we say, “absolutely not.” Change doesn’t have to be plain. When designing websites with sustainability in mind, it’s important to consider how to keep your design elements compact, concise, and clear. Reducing real estate and information processing will take you a long way. Let your brand shine with things like typography and illustration and consider losing heavy elements like videos and auto-play features.","spans":[],"direction":"ltr"},{"type":"heading2","text":"Adopt a style guide","spans":[],"direction":"ltr"},{"type":"paragraph","text":"Design systems, though extensive, require a lot more from the internet than a style guide in PDF format. Style guides are particularly useful as they provide a highly consistent and reliable resource for front-end development, driving efficiency and protecting your accessibility and inclusivity standards. They also allow for faster prototyping and testing with real users, leading to user-centred outcomes, and reduce the use of ‘plaster’ solutions like pop-ups and other hacks that slow users down.","spans":[],"direction":"ltr"},{"type":"heading2","text":"Colour me sustainable","spans":[],"direction":"ltr"},{"type":"paragraph","text":"Your brand palette may actually be using too much power. We know. It’s a hard pill to swallow, but equally important to recognise. The screen is one of the biggest drains on a device’s battery power. To help reduce energy consumption, consider black for your background. It uses the least amount of power on the colour spectrum – unlike white, which uses the most. The colours in between also have an effect: with blue using 25% more power than green or red. ","spans":[],"direction":"ltr"},{"type":"heading2","text":"Weigh up those fonts","spans":[],"direction":"ltr"},{"type":"paragraph","text":"Custom fonts. We love ‘em. But – they ask a lot from your website. Every custom font means extra code. If you’re using anything other than system fonts – like Arial or Roboto, for example – your website will find itself under a bit of pressure. Commonly, one font file can weigh 200kb. But multiply 2/3 of your fonts by light, roman, bold, italics and so much more, and you have a recipe for increased energy usage. While branding is undoubtedly important, consider a system font for body text.","spans":[],"direction":"ltr"},{"type":"heading2","text":"Curb your content","spans":[],"direction":"ltr"},{"type":"paragraph","text":"Reducing bloat on your website isn’t just about the veneer. Content also plays a big role. Regularly reviewing and removing out-dated visual and copy content keeps your website relevant to customers and optimises your site for search engines. And while images are the most popular resource type on the web – making up 50% of the average web page size – they require a lot of power and processing. Consider ways to keep your copy and visual content concise to reduce scrolling and still honour your brand.","spans":[],"direction":"ltr"},{"type":"heading2","text":"Do the bare minimum","spans":[],"direction":"ltr"},{"type":"paragraph","text":"It’s better for the planet. Adopt “lazy loading” wherever you can. Think images, video, content, and code. When you reduce the weight of your website a few amazing things happen. Firstly, your pages load faster. Faster loading equals less energy used; less energy used equals increased sustainability! Secondly, you remove the unnecessary burden on your users by presenting them only with the things they need. And lastly, though no less important, you make it easier for your pages to cache in a CDN. It’s a win-win-win situation.","spans":[],"direction":"ltr"},{"type":"heading2","text":"Watch the webinar","spans":[],"direction":"ltr"},{"type":"paragraph","text":"If you’re excited about sustainable web design and want in-depth insight from some of our in-house experts, follow along with our Delve series. Led by our Great State team members, we share the latest insights and guidance from the world of digital and tech to keep your customer experiences ahead of the curve. Ready to learn more about Sustainable Web Design? Watch the webinar here.","spans":[{"start":380,"end":384,"type":"hyperlink","data":{"link_type":"Web","url":"https://vimeo.com/manage/videos/923416304","target":"_blank"}}],"direction":"ltr"}]}}],"_meta":{"uid":"increase-conversions-and-decrease-emissions-design"}}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"rootQuery":"\n  query PrismicBlogArticleByDocumentID($uid: String!) {\n    prismic {\n      blog_article(uid: $uid, lang: \"en-gb\") {\n        ...prismicBlogArticleFields\n      }\n    }\n  }\n","id":"ZmhVwREAACkAeEbA","lang":"en-gb","uid":"increase-conversions-and-decrease-emissions-design","alternateLanguages":[]}}