top of page
savings hub hero_3x 1.png

Creating a new website for the DOE that helps regular people save money, save energy, and maybe even save the world too.

ENERGY SAVINGS
HUB

The Energy Savings Hub is a comprehensive resource designed to help people enhance their home’s energy efficiency, reduce utility bills, and find available tax credits and rebates such as those introduced by the Inflation Reduction Act. The Hub offers tailored information for homeowners, renters, and drivers - including guidance on energy efficient home upgrades, electric vehicles, and practical tips for energy conservation. As the lead interaction designer on this project, I was responsible for designing this site from the ground up with a small team and worked in close proximity with the Creative Director of Public Affairs at the Department of Energy.

SUMMARY

The Energy Saving’s Hub was created with one major goal in mind: to simplify and consolidate complex and disparate information in a way that was approachable, informative, and user friendly. As the interaction + visual designer, I focused on using clean layouts, plain language, and intuitive navigation to guide users towards the actions that matter most.

CHALLENGE

Energy Savings Hub Flow.PNG

The discovery and research phase kicked off in July of 2023. During this time we hosted stakeholder interviews and met with DOE teams to better understand the site’s goals, priorities and success metrics.

The team conducted research to consolidate all available information across multiple government sites into easily digestible and actionable language. We also conducted a heuristic evaluation of energy.gov and all other sites within the DOE’s ecosystem.

Usually at this point in the process we would move to Information Architecture and mapping out user flows - however - this project was a little atypical in that most of the content, guidance, and information that would end up populating the site would not exist until new legislation came out in the following months - but the mark of a good designer is knowing when to zig, and when to zag. So we zagged! And kicked off the design phase with the information that was found during our research and discovery.

At the beginning of the project - we had the green light to design and build out completely custom layouts and components that would all be implemented within the Drupal CMS through the use of CSS overrides that would lay on top of the pages - this would later be revoked on account of a site-wide redesign.

Wire-frames were built out using Adobe XD which were then turned into more advanced, high fidelity mock ups and prototypes.

User testing was conducted using volunteers within Accenture (the government does not do user testing.) Adjustments were made according to feedback and the designs were documented and handed off to the dev team.

APPROACH

car saving.png
Screenshot 2025-04-06 at 12.42.43 PM 1.png

RESULTS

By creating a human centered site, we helped the DOE turn policy into personal impact - empowering people to save money, reduce energy use, and make informed choices with confidence.

  • Successfully boosted public engagement and trust

  • Improved accessibility and Understanding

  • Drove actions towards energy efficiency

  • Supported Policy Goals with real impact

  • Reduced Burden on support Channels

savings hub hero_3x 1.png

Save money, save energy, and the world too.

Creating a website that helps regular people save money and save energy when upgrading their homes and vehicles.

summary

The Energy Savings Hub is a comprehensive resource designed to help people enhance their home’s energy efficiency, reduce utility bills, and find available tax credits and rebates such as those introduced by the Inflation Reduction Act. The Hub offers tailored information for homeowners, renters, and drivers - including guidance on energy efficient home upgrades, electric vehicles, and practical tips for energy conservation. As the lead interaction designer on this project, I was responsible for designing this site from the ground up with a small team and worked in close proximity with the Creative Director of Public Affairs at the Department of Energy.

challenge

The Energy Saving’s Hub was created with one major goal in mind: to simplify and consolidate complex and disparate information in a way that was approachable, informative, and user friendly. As the interaction + visual designer, I focused on using clean layouts, plain language, and intuitive navigation to guide users towards the actions that matter most.

Energy Savings Hub Flow.PNG

approach

The discovery and research phase kicked off in July of 2023. During this time we hosted stakeholder interviews and met with DOE teams to better understand the site’s goals, priorities and success metrics.

The team conducted research to consolidate all available information across multiple government sites into easily digestible and actionable language. We also conducted a heuristic evaluation of energy.gov and all other sites within the DOE’s ecosystem.

Usually at this point in the process we would move to Information Architecture and mapping out user flows - however - this project was a little atypical in that most of the content, guidance, and information that would end up populating the site would not exist until new legislation came out in the following months - but the mark of a good designer is knowing when to zig, and when to zag. So we zagged! And kicked off the design phase with the information that was found during our research and discovery.

At the beginning of the project - we had the green light to design and build out completely custom layouts and components that would all be implemented within the Drupal CMS through the use of CSS overrides that would lay on top of the pages - this would later be revoked on account of a site-wide redesign.

Wire-frames were built out using Adobe XD which were then turned into more advanced, high fidelity mock ups and prototypes.

User testing was conducted using volunteers within Accenture (the government does not do user testing.) Adjustments were made according to feedback and the designs were documented and handed off to the dev team.

car saving.png
Screenshot 2025-04-06 at 12.42.43 PM 1.png

results

By creating a human centered site, we helped the DOE turn policy into personal impact - empowering people to save money, reduce energy use, and make informed choices with confidence.

  • Successfully boosted public engagement and trust

  • Improved accessibility and Understanding

  • Drove actions towards energy efficiency

  • Supported Policy Goals with real impact

  • Reduced Burden on support Channels

bottom of page