Sustainable Web Design

Posted by in Business Strategy, Software Development, Sustainability, Web Development tagged with

Illustrations of people collaborating on a sustainable web design project

How can we reduce the internet’s massive environmental impact? Here are some sustainable web design practices you can use to create high-performing, low-carbon digital products and services.

As a Certified B Corp, Mightybytes wants to help our clients and the larger web community understand how to design more sustainable digital products and services while also prioritizing business goals and users’ needs.

When we published our first blog post on sustainable web design in 2013, most people didn’t know about the impact our global appetite for data has on the environment:

  • By some estimates, the internet emits 1.6 billion annual tons in greenhouse gas emissions. This number is rising quickly.
  • Over 50 million tons of e-waste were produced in 2019 alone, a number that’s expected to rise by 8% each year. In addition to polluting waterways and adding toxic chemicals to landfills, e-waste produces significant greenhouse gas emissions as well.

This is not just about buying carbon offsets and renewable energy credits, something any of us can do. To successfully address the climate crisis and reach a zero emissions economy, organizations across all sectors need to reduce emissions and design waste out of their systems. And we need to do this quickly. In 2019, Swedish climate activist Greta Thunberg famously pleaded:

I want you to act like your house is on fire, because it is.

Environmental charity Friends of the Earth aptly concluded their 2021 study, Chasing Carbon Unicorns with:

This house of cards will go up in flames with all of us in it.

It’s time to go into crisis-mode. If you’re not already actively pursuing digital sustainability initiatives, sustainable web design might be a good place to start. (We have some thoughts on what you can do about your e-waste too.)

Understanding Your Digital Footprint

An organization’s digital footprint grows as it produces content, launches websites, shares marketing updates, hosts virtual workshops, upgrades cloud accounts, and designs more apps to meet evolving business needs. As an example:

  • A single email with a photo attachment can emit as much as 50 grams of CO2e. (e = “equivalent” to include greenhouse gases beyond just carbon dioxide.)
  • While that may seem like a small amount, think about how many emails your organization sends every day.
  • Now, multiply that by every digitally-enabled organization in the world.

And that’s just email. Understanding this, it’s easy to see how we reach 1.6 billion tons in annual emissions.

Compounding this, many organizations don’t properly resource digital departments, which causes content governance bottlenecks, technical debt, and, ultimately, millions of websites cluttered with unread blog posts, broken links, bloated images, and out-of-date content. These issues frustrate users, waste energy, and cost time and money, directly impacting an organization’s long-term sustainability and bottom line. 

While many organizations assess the environmental impact of their office space, supply chain, or business practices, rarely do they audit the carbon footprint of their online properties. Given the rate at which the internet is growing, this needs to change.

Sustainable web design can help you address these issues. How does this work in practice? Let’s break it down.

Sustainable Web Manifesto image
The Sustainable Web Manifesto: sign it today!

What is Sustainable Web Design?

Sustainable web design is an approach to designing digital products and services that puts people and planet first. It respects the principles of the Sustainable Web Manifesto, which calls for an internet that is:

  • Clean: Services provided and used will be powered by renewable energy.
  • Efficient: Products and services will use the least amount of energy and material resources possible.
  • Open: Products and services will be accessible, allow users to control their data, and enable the open exchange of information.
  • Honest: Products and services will not mislead or exploit users.
  • Regenerative: Products and services will support an economy that nourishes people and the planet.
  • Resilient: Products and services will function in times and places where users need them most.

If you haven’t already signed the Sustainable Web Manifesto, you should. Go ahead, do it now. We can wait. 🙂 

Sustainable web design is also part of a larger Corporate Digital Responsibility (CDR) strategy that includes social, economic, environmental, and technological practices as well. Read our corporate digital responsibility blog series to learn more.

Sustainable Web Design Practices

Sustainable web design is a hybrid blend of environmental conservation principles and performance-based web and usability standards. These practices can be applied to the life cycle of any website, app, or online media to maximize efficiency, increase usability, and improve performance. Sustainable web design can also reduce the environmental impact of your digital products and services through green hosting, carbon measurement and reduction, minimizing electricity use, and so on.

The practice of sustainable web design is commonly broken down into these categories:

  1. Web Performance Optimization: How quickly do assets download to a user’s device?
  2. Content Findability: How quickly can users find the content they need? And how useful is that content once it’s found?
  3. Usability: How quickly can all users accomplish tasks across devices and platforms at various bandwidth speeds?
  4. Green Web Hosting: Are the servers hosting your digital products and services powered by renewable energy?

More recently, two important additions were added to the sustainable web design lexicon:

  1. Client and Project Ethos: What are your digital projects actually promoting or selling? How do you execute them transparently and effectively?
  2. Business Practices: How does your organization embody these same principles in its operations?

Below you will find a collection of resources we have created to help you incorporate sustainable web design practices into your own digital products and services. Whether you’re a website owner, product manager, digital marketer, designer, or developer, this content is meant to give you a broad overview of this rapidly evolving field of knowledge. 

If you want to dive deeper into this topic, you will find other resources at the end of this post.

sustainable web design performance optimization illustration

Web Performance Optimization

Web performance optimization is all about loading as few page assets as quickly as possible without sacrificing user experience. To learn more, read the posts below.

Web Performance Optimization Resources

sustainable web design UX and usability illustration

Improving User Experience (UX)

A great user experience helps people accomplish tasks quickly and efficiently without confusion or barriers. In some cases, good UX can help users make more sustainable choices as well. You can learn more in these posts.

UX Design and Usability Resources

sustainable web design content  illustration

Sustainable Content Strategies

Getting your users to content that quickly answers their questions is at the heart of a sustainable content strategy. But it doesn’t stop there. You also need to develop efficient content governance practices that help you maintain a sustainable content strategy over time. The posts below can help.

Content Strategy and Governance Resources

sustainable web design green hosting illustration

Green Web Hosting

Perhaps the most environmentally impactful choice you can make is to power your digital products and services with renewable energy. There are a lot of green hosting choices out there and not all are created equal. The posts below can help you make more informed and meaningful decisions.

Green Hosting Resources

Client and Project Ethos

Sustainable web design practices are incomplete if you also don’t apply the same ethics, performance, and responsibility commitments to the projects you bring to life. This means aligning the work you produce with a vision that supports a just and more sustainable future. It also means creating mutually beneficial relationships with project stakeholders that are built on trust, transparency, and accountability. These things greatly improve your chances for project success and long-term product/service sustainability.

Client and Project Resources

Sustainable Business Practices

Your organization’s day-to-day business practices impact how effectively you can produce more sustainable digital products, services, and practices. Acting responsibly and focusing on sustainability leads to better business performance. These practices will be unique to individual organizations. Below are some resources to get you started. 

Sustainable Business Resources

  • Proud to Be a Certified B Corp: Our B Corp page and the annual benefit reports we produce best showcase Mightybytes’ commitment to building an inclusive, equitable, and regenerative economy. You don’t have to become a B Corp to enable these practices within your own organization (but it might help).
  • What is Corporate Digital Responsibility?: This post outlines a high-level set of practices any organization can employ to make ethical, responsible, and more sustainable digital decisions. It also includes links to related posts on social, economic, technological, and environmental digital responsibility as well. 
  • Redesigning How We Work: To build resilience, adaptation, and interdependence into our organizations, we must first redefine the social contract between government, business, and society.
  • 5 Ways to Create Shared Value: In order to create shared value in business, we first must think differently about how we define capital. 
  • 7 Pitfalls to Avoid in Your Sustainability Story: You can’t tell a good sustainability story if you’re not living those values. This can lead to so many problems.
  • Aligning Your Organization with the U.N. Sustainable Development Goals: The U.N. SDGs offer a framework for aligning your organization’s social and environmental performance with your business model. 
Sustainable Web Design homepage
We collaborated with our friends at Wholegrain Digital on this sustainable web design resource.

Incorporating Sustainable Web Design Into Your Digital Products

A website or product redesign offers a great opportunity to comprehensively incorporate sustainability principles into your digital ecosystem. However, that might be a ways off for your organization. Here are a few steps you can take right now:

  1. Set a baseline: Use Wholegrain Digital’s Website Carbon or our own Ecograder to better understand how your current site performs right now. 
  2. Devise a plan: Ecograder also provides scoring and handy reports to help you figure out where to start making improvements. More on Ecograder’s scoring methods here.
  3. Incremental Improvements: Create a prioritized list of things to improve. Put a plan in place to address them as time and resources allow.
  4. Benchmarking: Measure your performance over time with an eye on continuous improvement.

Other Sustainable Web Design Resources

Finally, here are some other resources to help you dig deeper into this topic. 

Books

Communities

  • ClimateAction.Tech, a global community of tech workers using their skills to take and accelerate climate action.
  • Climate Designers, a community of designers and creative professionals from all industries committed to using their creative skills for climate action.
  • Clean Creatives, a community that helps leading ad and PR agencies move away from fossil fuel campaigns.

Organizations & Events

  • Sustainable UX, a free, online conference dedicated to design in a warming world.
  • SUX Playbook, a community of UX designers working toward more sustainable UX practices.
  • The Green Web Foundation, find a green web host in their directory.
  • B Lab, a nonprofit dedicated to everything B Corp.

There are also dozens of other blog posts, reports, and interviews across the internet that touch on various aspects of this and related topics. However, covering each one is beyond this scope of this post.

Sustainable Web Design: Last Word

There’s a growing recognition of the impact of humans’ digital footprint on the environment.

— Wunderman Thompson Intelligence

It is exciting to see a burgeoning global movement emerge to prioritize digital sustainability. When we started covering this issue in 2013, our blog was one of only a few that regularly addressed these topics. 

Thankfully, times have changed. In fact, Wunderman Thompson Intelligence listed Digital Sustainability as the #13 trend in their report, The Future 100: Trends and Change to Watch in 2021. Mainstream publications like Forbes and Wired cover this topic with increasing frequency. Universities around the world are incorporating digital sustainability into their curriculum. Now, it is time for companies, government agencies, and nonprofits to follow suit. 

Feel free to contact us if you want to discuss how to do this.

NOTE: Originally published in 2013, this post was one of the earliest on the internet to cover sustainable web design and digital sustainability. We have updated it to reflect changing times and new practices.

Digital Carbon Ratings, now in Ecograder.

Understand how your website stacks up against industry carbon averages with this new feature.

Try Ecograder
Tim Frick founded Mightybytes in 1998 to help mission-driven organizations solve problems, amplify their impact, and meet business and marketing goals. He is a seasoned speaker, facilitator, and the author of four books, including Designing for Sustainability: A Guide to Building Greener Digital Products and Services from O'Reilly Media. Connect with Tim on LinkedIn.