Your country: Netherlands
Low carbon usage: unknown
your co2 usage: 0CO2E

Your country: Netherlands
Low carbon usage: unknown
your co2 usage: 0CO2E

animations off

A sustainable initiative by

Sustainable
Digital Design

Welcome to

Sustainable Digital Design

Do you know what the environmental impact is of your online activities? Every video streamed, data transfer, crypto exchange leaves a physical mark on our planet.

Sustainable Digital Design is an environmentally conscious platform where resources are shared, experiments conducted, and findings implemented all with the goal to minimise our digital carbon footprint.

About

How sustainable is this platform?

Before the design and development of this platform, extensive research was done to find out which actions should be taken to make the platform as sustainable as possible. From the system fonts to the contrasting colours and benchmarking animation techniques, the overall goal was to reduce the page weight and energy consumption.

Icons used across the platform are combined in an SVG sprite sheet so that there is only one file transfer. The non-system font is reduced to only the letters used in the platform.

After having benchmarked the animation techniques, we chose for the best file type for this use case. The home screen animation was converted from a 158kb JSON file to a 45kb dotlottie file (a new and more compressed Lottie file type). The site is regularly checked to identify any actions that trigger excessive energy consumption/ CPU wake-ups.

Calculations

What is the energy consumption of this platform?

There are number of ways to calculate the estimated energy consumption of a website. For this platform we chose to focus on data transfer and the carbon intensity of electricity.

As a single user, you can be using energy from multiple (energy)sources. The ‘low carbon usage’ that is being shown refers to the percentage of renewable and nuclear energy used by the country of your current location. The co2e usage is based on the actual CO2 equivalent emitted by a visitor loading this website, since each byte that is being transfered across the internet uses a certain amount of energy, which then emmits a certain amount of CO2e (depending on the energy (and low carbon usage) of your country).

About us

Who is behind this project?

The team at Wonderland Studio. A brand and digital design service studio working to create meaningful value for people and the planet through impactful experiences.

Check us out Email us

Upcoming

What's next?

Research and experiments are currently underway to build the main Sustainable Digital Design platform. This will house a laboratory, arcade, studio and library to educate users on how to reduce their digital carbon footprint. For the time being, please enjoy this soft launch that will introduce you to the world of digital sustainability.

To stay updated with the launch sign up for our newsletter.

01 05

Blog

18 March 2022

Thought Piece

carbon footprint
sustainability

Digital is still good

carbon footprint
sustainability
18 March 2022

Guideline

carbon footprint
guideline

Our favourite digital sustainable tools

carbon footprint
guideline
26 January 2022

Guideline

sustainability
Development
guideline

Tips to make a sustainable website, Part 3: Energy efficiency & consumption

sustainability
Development
guideline
24 January 2022

Guideline

sustainability
Development
guideline

Tips to make a sustainable website, Part 2: Tracking tech

sustainability
Development
guideline
20 January 2022

Guideline

sustainability
Development
guideline

Tips to make a sustainable website, Part 1: Size matters

sustainability
Development
guideline
3 January 2022

Thought Piece

Data transfer
Carbon intensity
Calculation

Calculating a website's energy consumption

Data transfer
Carbon intensity
Calculation

Seems like nothing is found with your selected filters.

made by

Wonderland Studio

office

Vinkenstraat 119

1013 JN Amsterdam

contact

hello@wonderland.studio

get monthly updates

You're successfully subscribed! See you soon on sustainable digital design

name

also receive updates from wonderland

Blog

Digital is still good

Our favourite digital sustainable tools

Tips to make a sustainable website, Part 3: Energy efficiency & consumption

Tips to make a sustainable website, Part 2: Tracking tech

Tips to make a sustainable website, Part 1: Size matters

Calculating a website's energy consumption