case study

Making energy saving programs easier to find

Headway teamed up with Honeywell to redesign the Dominion Energy website and improve the energy savings program qualification experience.

services

Website UX Audit, Website Design

platforms

Web, Mobile

Industry

Utilities

Challenges

Honeywell’s customers were having a hard time understanding if they qualified for the amazing energy savings program they provided. This created unnecessary customer service calls and brand trust issues with customers who were trying to leverage energy saving programs.

Reduce confusion and frustration throughout the signup experience

They needed to focus on customer satisfaction and reducing the amount of customer service calls because of a confusing navigation and complicated page hierarchy.

Build a self-serving energy quiz that recommended programs

They needed a better way for customers to see what was available to them based on the service area. They wanted to apply an interactive quiz approach to solve this issue.

Update the website experience and contemporary offering

A complete refresh of the website that spoke to the customers and focused more on the things that mattered to customers, rather than features of programs.

Guiding the redesign with our UX audit process

We started with a complete UI and UX audit. This helped us understand the depth of changes needed and get familiar with the information architecture.

Our UX audit process isn’t just about finding design problems. It’s about meeting with stakeholders to understand the key page metrics and outcomes that matter to them.

Once the audit was complete we were able to offer immediate solutions that would provide a massive impact on how customers were discovering information.

Reimagining the recommendation experience

Once we were happy with the findings of the audit the team started to rough out new information architecture and site structure. We explored visual concepts that elevated and expanded on the brand while making the site more enjoyable an intuitive to navigate.

Updated navigation to improve page visibility

Many of the pages within their website navigation were hidden behind multiple tiers in the UI. We were able to reorganize and showcase their most important pages at a glance with a new navigation layout. This also improved accessibility for their website visitors.

website design audit report preview pages laid out in a graphic

Download a website audit report sample

See what your website audit report could look like if you work with us. Go ahead, take a look around.

By filling out this form you agree to receive helpful marketing emails and announcements from the Headway crew.

Redesign and Webflow development

Once we aligned on a design direction, we quickly started building a reusable design system that was easy to leverage and recognizable for customers.

The new version of the site was going to be created on Webflow, so we also wanted to make sure our design provided everything the team at Honeywell needed to make changes themselves.

Block-based design system

Many of the pages would be following the same patterns, so we built both page and section templates in Figma that they could leverage for various needs across the business.

This included product pages, articles, promotions, service plans, and more.

Scalable design elements

We aligned their new website and brand with a powerful design system in Figma. This makes future updates and expansions easier for both their design and development teams.

HubSpot, interactive quiz, and data integrations

To complete the interactive quiz, we integrated Typeform with HubSpot to create a personalized result engine to get customers to the right place, and also provide the data the team needed.

Website deployment and training

After the website build was complete in Webflow, we took the time to set up redirects so their current marketing efforts wouldn’t go to waste.

During this process we educated the marketing team on how to maintain their new website thanks to Webflow and it's powerful CMS. We walked them through how the Webflow CMS was set up specifically for their needs, empowering them to take action when needed.