project name

Improving home energy efficiency

role

Research, design, QA

date

2021-2022

Bulb was a green energy company with around 1.5 million customers before its collapse during the UK energy crisis. I've designed the MVP of Bulb's 'Home Energy Efficiency' product to help its members improve their home's energy efficiency, save on their bills and lower their CO2 emissions.

project name

Improving home energy efficiency

role

Research, design, QA

date

2021-2022

Bulb was a green energy company with around 1.5 million customers before its collapse during the UK energy crisis. I've designed the MVP of Bulb's 'Home Energy Efficiency' product to help its members improve their home's energy efficiency, save on their bills and lower their CO2 emissions.

project name

Improving home energy efficiency

role

Research, design, QA

date

2021-2022

Bulb was a green energy company with around 1.5 million customers before its collapse during the UK energy crisis. I've designed the MVP of Bulb's 'Home Energy Efficiency' product to help its members improve their home's energy efficiency, save on their bills and lower their CO2 emissions.

Bulb app homepage and account page with links to the ‘Home energy efficiency’ page
Bulb app homepage and account page with links to the ‘Home energy efficiency’ page
Bulb app ‘Home energy efficiency’ address matching flow preview with illustrated map in the background, a ‘Confirm your address’ step, and a ‘Select your address’ modal
Bulb app ‘Home energy efficiency’ address matching flow preview with illustrated map in the background, a ‘Confirm your address’ step, and a ‘Select your address’ modal
Bulb app ‘Home energy efficiency’ page preview with a savings focused intro at the top, estimated savings amount and improvement costs, recommendation link list, and an EPC rating section
Bulb app ‘Home energy efficiency’ page preview with a savings focused intro at the top, estimated savings amount and improvement costs, recommendation link list, and an EPC rating section
Bulb app ‘Smart thermostat’ and ‘Draught proofing’ home energy efficiency recommendation page previews, with an illustration at the top, upfront cost, yearly savings, payback time and effort estimations, and main selling points
Bulb app ‘Smart thermostat’ and ‘Draught proofing’ home energy efficiency recommendation page previews, with an illustration at the top, upfront cost, yearly savings, payback time and effort estimations, and main selling points

From left to right, top to bottom:

  1. Bulb app homepage and account page previews with links to the 'Home energy efficiency' feature

  2. Preview of the 'Home energy efficiency' feature's address matching flow

  3. 'Home energy efficiency' page in the Bulb app

  4. 'Home energy efficiency' feature recommendation pages

From top to bottom:

  1. Bulb app homepage and account page previews with links to the 'Home energy efficiency' feature

  2. Preview of the 'Home energy efficiency' feature's address matching flow

  3. 'Home energy efficiency' page in the Bulb app

  4. 'Home energy efficiency' feature recommendation pages

Context

Rising energy costs meant that energy bills were going to increase by up to 50%. This project was Bulb's solution, first explored at a hackathon, to help its members by advising them on how to improve their homes' energy efficiency. The project's aim was to get as many Bulb-supplied homes as possible to at least EPC level C, from the average EPC level D, before 2030.

Research

I've inherited this project from another designer who's already done some initial explorations, including a design sprint, which I've participated in.
To start with, I've analysed the previous design explorations, and reviewed the user testing outputs. I've also analysed GOV.UK's Energy Performance Certificate (EPC) reports, which show how energy efficient a property is, with a rating from A (very efficient) to G (not very efficient), and their Home Energy Grant flows to see what we can learn from them.
GOV.UK energy performance certificate (EPC) example showing energy rating C
GOV.UK energy performance certificate (EPC) example showing energy rating C
GOV.UK energy performance certificate (EPC) example showing energy rating C

Example of an energy performance certificate on GOV.UK

Explorations

In collaboration with the wider team, I've identified the minimum requirements for the MVP. It needed to be discoverable, accurate and easy to understand, action-oriented, link to grants, and to incorporate Bulb partnerships. We've decided to strip out some of the previously explored features, like further improving the home energy efficiency report by getting more data from Bulb members through a question flow, to test out a simpler product first.

I've mocked up low-fidelity wireframes for the simplified product, focusing on:

Keeping it simple

This was one of the main design principles at Bulb, and necessary for the MVP.

Consistency

Following the app UI patterns. Sounds like a given, but with an outdated app UI, there's an inclination for redesign. This was observable in various projects at Bulb, including this one, in which the initial prototype looked very different form the app.

The product story

To figure out how to communicate the product, its value and its impact, I've mocked up several wireframes, focusing on different key points, like savings, or on the efficiency state, etc.

I've shared the wireframes with the wider team regularly, and iterated on them in collaboration with a content designer.

Below are some of the low-fidelity wireframes of the 'Home energy efficiency' page in its various phases.

One ‘Home energy efficiency’ page layout and two product story exploration wireframes, of which the first is focused on home improvements in general, and the other on annual savings.
One ‘Home energy efficiency’ page layout and two product story exploration wireframes, of which the first is focused on home improvements in general, and the other on annual savings.
One ‘Home energy efficiency’ page layout and two product story exploration wireframes, of which the first is focused on home improvements in general, and the other on annual savings.
Three ‘Home energy efficiency’ product story exploration wireframes, each with a different focus: the home’s efficiency, the recommendation, and the annual saving.
Three ‘Home energy efficiency’ product story exploration wireframes, each with a different focus: the home’s efficiency, the recommendation, and the annual saving.
Three ‘Home energy efficiency’ product story exploration wireframes, each with a different focus: the home’s efficiency, the recommendation, and the annual saving.

‘Home energy efficiency’ page layout and product story exploration wireframes

Another aspect of the MVP was matching addresses. We couldn’t confidently match all Bulb account addresses with EPC addresses, so we’ve designed an address matching flow based on the number of addresses that could be a Bulb supplied property.

Flow chart showing an automatic address match and two different matching flows for single possible address matches and multiple possible address matches, leading to the ‘Home energy efficiency’ if successful, or suggesting to get an EPC assessment if unsuccessful
Flow chart showing an automatic address match and two different matching flows for single possible address matches and multiple possible address matches, leading to the ‘Home energy efficiency’ if successful, or suggesting to get an EPC assessment if unsuccessful

The address matching flow chart showing 3 scenarios: automatic match, one match possible, and multiple matches possible

Quality Assurance

There was no Quality Assurance (QA) tester on the team working on the MVP, so QA was a shared responsibility. Before launches, I tested the product against the design specifications, content, and accessibility requirements. I tested the product on phone and tablet devices, and I conducted screen reader testing with VoiceOver.

The MVP

The MVP was focused on savings, using an annual savings estimate. It consisted of two app entry points, one on the homepage and one on the account page, the address matching flow, the Home energy efficiency report, the recommendation pages, and a landing screen for a separate funding flow.

We've also created content variants based on the number of recommendations, the EPC score, and possible savings-related errors.

Bulb homepage, which has a removable banner with a link to the ‘Home energy efficiency page’, and three EPC address matching app previews: ‘Find your address page’, with an explanation, ‘Find your address’ button, and a happy pin on a map illustration; ‘Select your address’ modal with address lists in two categories: ‘Our best guess’, and ‘Other possible matches’, and a ‘My address is not listed’ link; and an address confirmation page with a  ‘Confirm address’ button and ‘Choose a different address’ button.
Bulb homepage, which has a removable banner with a link to the ‘Home energy efficiency page’, and three EPC address matching app previews: ‘Find your address page’, with an explanation, ‘Find your address’ button, and a happy pin on a map illustration; ‘Select your address’ modal with address lists in two categories: ‘Our best guess’, and ‘Other possible matches’, and a ‘My address is not listed’ link; and an address confirmation page with a  ‘Confirm address’ button and ‘Choose a different address’ button.

A ‘Home energy efficiency’ entry point and address matching flow previews

The ‘Home energy efficiency’ page with a savings focused intro at the top, estimated savings amount and improvement costs, recommendation link list, an EPC rating section, and a feedback section at the bottom; and the ‘Smart thermostat’ recommendation page, with an illustration at the top, upfront cost, yearly savings, payback time and effort estimations, main selling points, government grant link, smart thermostat offer, four content sections, with jump links: ‘What is a smart thermostat?’, ‘Is it right for me’, DIY or professional?, ‘Financial support and grants’, and a feedback section at the bottom.
The ‘Home energy efficiency’ page with a savings focused intro at the top, estimated savings amount and improvement costs, recommendation link list, an EPC rating section, and a feedback section at the bottom; and the ‘Smart thermostat’ recommendation page, with an illustration at the top, upfront cost, yearly savings, payback time and effort estimations, main selling points, government grant link, smart thermostat offer, four content sections, with jump links: ‘What is a smart thermostat?’, ‘Is it right for me’, DIY or professional?, ‘Financial support and grants’, and a feedback section at the bottom.

'Home energy efficiency' page and ‘Smart thermostat’ recommendation page

Create a free website with Framer, the website builder loved by startups, designers and agencies.