Customer Experience Overview

The Energy Efficiency Web Portal offers an integrated web experience for utility customers through a series of features and widgets.

Features and Widgets

A widget is a modular piece of content or functionality that a customer can use and that can be embedded within a utility website. The Energy Efficiency Web Portal widgets include information related to a customer's energy use patterns, comparisons to neighbors or similar homes, and tips for lowering one's energy use. The purpose of the widgets is to help customers understand their energy use and get actionable insights on how they can save energy and money. See Features and Widgets for more information.

Responsive Design

The layout and design of widgets is responsive so that the functionality can display correctly on mobile as well as desktop displays. This design allows for a single version of a website that automatically adjusts based on the customer's screen size and orientation. Note that the responsive design can cause user experience variations because the components of a widget may be hidden or adjusted. For example, separate navigation options can be combined into a single drop-down list on smaller screen sizes.

The Energy Efficiency Web Portal supports the use of media queries to implement the responsive design. For example, the responsive layout for a widget is defined using up to four screen size breakpoints.

Note: A minimum width of 320 pixels is required for devices to display widgets.