uswitch logo
Green Machine
Encouraging the switch to sustainable with a data-driven website
Talk to Ryan
ryan@planes.agency
Brief
An information hub for net zero heroes

Price comparison and service switching giant Uswitch came to us with a very clear mission. They wanted to create a digestible, data-driven website to help people understand the UK’s path to net zero.

As well as simplifying the subject matter, the site needed to show the impact of our individual sustainable choices to encourage users to reduce their own CO2 emissions.

How

Uswitch presented us with industry-leading and Oxford University-backed data. We dug into the numbers to look for patterns and milestones we could use to create mini data stories. 

Designing illustrations, drop-down menus, and sliders, we turned those data stories into an interactive microsite that visualises the user’s carbon footprint. It shows the impact that small changes to our daily routine can have on the UK’s CO2 emissions. We delivered the microsite alongside a super simple CMS built in record time.

How

Uswitch presented us with industry-leading and Oxford University-backed data. We dug into the numbers to look for patterns and milestones we could use to create mini data stories. 

Designing illustrations, drop-down menus, and sliders, we turned those data stories into an interactive microsite that visualises the user’s carbon footprint. It shows the impact that small changes to our daily routine can have on the UK’s CO2 emissions. We delivered the microsite alongside a super simple CMS built in record time.

Making the data digestible

To turn complex numbers into relatable stories, we broke the data down into everyday activities, showing the real impact of daily life on CO2 levels.

From commuting by bicycle to reducing meat intake by 50%, using incremental data points we visualised how a behavioural shift could lower emissions.

In other words, we created a kind of carbon-neutral road map for site visitors to reference and action.

Keeping up to data

To enable Uswitch to keep the data current at all times, we built them a simple yet effective CMS that instantly pulls the latest figures from the relevant sources. 

"We wanted an agency that was as passionate about sustainability as we are. Not only did Planes deliver on the green credentials we needed, but they were also able to take really complex data and turn it into relatable stories our customers could not only understand but also action."
XX
XX
Practice what you preach

We employed sustainable design and build principles in order to keep the carbon footprint of the site itself as minimal as possible.

From vector images and animation to keep load times down, to a simple colour palette and low-effort data processing.

Simple images with few colours and a shallow depth of field are less energy-intensive than complex photos. CSS styled animations are much lighter than video and allow us to keep animations short and relevant. We also preferenced animating elements rather than the full composition.

Let's shake things up
Pages loaded on average in 1.0s, emitting ~0.46g of CO2.
Pages loaded on average in 1.0s, emitting ~0.46g of CO2.