Skip to main content

How one branding agency redesigned its website to reduce carbon emissions

This surprising revelation prompted the creative team to look inward and audit their own corporate website using the online platform Website Carbon calculator. The results were humbling and concerning for a modern agency. MEK’s website was found to produce more carbon than a staggering 76.5 percent of all web pages tested on the utility. For a company that routinely positions itself as a champion of environmental causes and partners with wildlife conservation groups, realizing that its digital presence was actively contributing to the very problem it sought to combat was a turning point. It initiated a comprehensive redesign process, completed in 2023 and updated further into the following year, which forced the team to grapple with a complex question: How can a creative agency reconcile rigorous environmental sustainability with the polished, high-impact aesthetic expectations of modern digital branding?

The broader context of this internal audit points to a hidden environmental crisis within the technology sector. According to calculations by the French think tank The Shift Project, digital technology and the infrastructure supporting it are estimated to account for roughly 3.7 percent of all global greenhouse gas emissions. Every time a user loads a heavy image, streams a video, or interacts with complex scripts, data centers expend massive amounts of energy to transmit that information across the globe. Experts point out that websites can be made significantly more sustainable through intentional design choices, right down to the selection of digital fonts that consume fewer system resources and require less energy to render. Reducing this energy consumption through eco-friendly web design is not merely a philanthropic gesture for the health of the planet; it also yields tangible benefits for end users, resulting in faster load times, smoother navigation, and a more streamlined digital experience overall.

To understand why MEK’s initial website scored so poorly on the carbon calculator, the agency undertook a forensic examination of its underlying architecture and visual assets. The investigation revealed several distinct culprits driving up energy usage. Most notably, the agency’s homepage featured a prominent, looped slideshow that incorporated seven full-screen images. Furthermore, the design relied on bright white backgrounds. While white backgrounds are a staple of minimalist aesthetic trends, giving pages a clean and modern look, they are actually far more energy-intensive to display on modern screens—particularly liquid crystal displays—than dark mode configurations that require less backlight illumination. Beyond these visual elements, the audit uncovered technical inefficiencies, including unnecessarily duplicated HTML tags that bloated the code and slowed down the site’s rendering speed for visitors.

Addressing these technical and aesthetic shortcomings, however, was far from straightforward. While trimming redundant code and swapping bright white backgrounds for more energy-efficient layouts offered immediate improvements, other proposed changes collided directly with core branding considerations. For any creative, branding, or design agency, a website is much more than a mere information portal; it serves as a living portfolio used to showcase artistic taste, demonstrate technical competence, and captivate prospective clients. Striking the right balance between ecological efficiency and uncompromising visual appeal proved to be a delicate tightrope walk, particularly when the agency turned its attention to typography.

Typography is one of the most vital components of graphic and web design, acting as a critical vehicle for tone, personality, and brand identity. For MEK, the quest to optimize its font selection became the ultimate test of balancing sustainability with style. The agency’s designers experimented with various typefaces, transitioning away from their existing choice, a smart and confident sans serif known as Monument Grotesk, toward Arial. Universally recognized, Arial is an immensely common sans serif typeface that is frequently dismissed by professional designers and typography purists as generic or overused, yet it possesses a distinct technical advantage in the realm of digital sustainability.

Typefaces like Arial are standard system fonts that come pre-installed on the vast majority of Mac computers, PCs, and smartphone operating systems. Because these fonts already reside locally on the user’s device, browsers do not need to make additional requests to external servers to download custom font files when a visitor loads a web page. This reduction in server requests translates directly to lower energy consumption and faster page speeds. However, for a high-end branding agency whose entire business model rests on sophisticated design aesthetics and visual differentiation, adopting a ubiquitous and plain font like Arial presents a profound professional dilemma. It forces creative professionals to weigh the invisible, long-term benefits of reducing digital carbon emissions against the immediate, visible compromise of looking undeniably basic in a competitive industry.

Dwi Wanna

Author at DesignEnt.

Flash News