As UX designers, it’s difficult to wrap our heads around the degree of impact our work makes on sustainability. The reality is that our digital footprint is far more significant than we might imagine.
What is the true impact of our work on sustainability? Are we, in fact, part of the problem? The numbers are startling. The carbon footprint of our gadgets, the internet, and the systems supporting them account for about 3.7% of global greenhouse emissions – equal to the amount produced by the airline industry globally. 1
In this article, we will delve into the scenarios most commonly faced by UX designers and discuss actionable strategies to combat this pressing issue. By recognizing our role in shaping a more sustainable digital landscape, we can lead the charge toward innovative solutions that not only enhance user experience but also protect our planet.
“As designers, we have the power to influence not just how people interact with technology but also how they perceive and impact the environment. Sustainable UI/UX design should be at the heart of innovation.”
- Don Norman
In the digital ecosystem, page weight is a critical metric that goes beyond mere visual complexity. It represents the total volume of data transferred across networks when loading a website, directly correlating with computational energy consumption and environmental footprint.
Page weight quantifies the bytes of data required to render a website in a user's browser. Each element contributes to this digital burden:
Images are often the heaviest payload on web pages4 with studies showing they can constitute up to 60% of a website's total data transfer Remarkably, websites featuring video content can be one or even two times heavier than their static counterparts.
Heavier web pages take longer to load; studies show that "heavier websites" load approximately 318% slower than lighter ones due to increased content volume. To put it simply, the larger the data transfer and loading time, the more energy is used and the greater the contribution to global warming.
On Chrome: View > Developer > Inspect Elements > Network. Turn off caching. You can see the breakdown of your files and organise them by transfer size.
While these tools provide critical insights, they're more than just diagnostic instruments—they're gateways to more conscious web design with a clear call to action.
Every pixel, script, and resource you introduce is a deliberate choice with real-world consequences. Let's explore how your design decisions directly sculpt a website's digital footprint and environmental impact.
By adopting these practices, you're not just optimizing images—you're contributing to a more sustainable, efficient web ecosystem.
We learned earlier how page weight bloat has escalated in the last decade. This makes it crucial that we:
Here are some things you can do in your practice that results in both a better user experience and increased sustainability:
Empowering sustainable web design starts with collaborative action.
Work closely with your development team to seamlessly integrate eco-friendly practices into your product workflow. Take inspiration from innovative approaches like the tech lead at Palo IT who developed an automated image compression tool.
Target the low-hanging fruit for quick and impactful results —Avoid feeling overwhelmed by implementing simple changes can quickly demonstrate the added value. By starting small and celebrating incremental victories, you'll build momentum and gradually transform your team's approach to more environmentally conscious digital design.
Remember, meaningful change doesn't happen overnight, but through consistent, strategic steps that make sustainability an integral part of your development process. When the path to sustainable web design feels complex, our expert team at PALO IT is ready to guide you. Our sustainability experts and UIUX designers can help your organization transform digital practices into environmentally conscious innovations.
Further reading