WorkDigitalIESO Kilowatt Way

Shedding light on energy conservation.

Click. Learn. Save. Our challenge was to build an educational microsite to allow residential consumers to understand their homes' electricity consumption and learn about conservation opportunities to better manage costs.

Services
  • Wireframes
  • Functional Prototype
  • Visual Design
  • Custom Illustration
  • User Testing
  • Full code development
Kilowatt Way homepage background
Kilowatt Way homepage laptop

Designed and developed completely in-house at q30, the site meets all AODA AA accessibility requirements and works efficiently on all devices using a combination of responsive and adaptive frameworks.

Kilowatt Way mobile screens

Using a simple and easy to understand 4 question format, consumers choose their home type, heating method, the number of rooms and people (and pets too!).

Kilowatt Way ipad type of home selection functionality
Kilowatt Way question screen - how many rooms are in your home?
Kilowatt Way ipad room selection functionality
Kilowatt Way ipad room selection details
Kilowatt Way ipad people and pet selection functionality

The tool then calculates a baseline consumption and cost profile that the user can then modify to closely match, or try to reduce, their actual bill.

Kilowatt Way energy usage details

The tool enables the user to see how Time-of-Use directly impacts their energy cost.

Kilowatt Way ipad energy usage details
Kilowatt Way custom icons
Kilowatt Way webpage detail
Kilowatt Way summer background illustration detail
Kilowatt Way winter background illustration detail

We created a comprehensive set of sector specific icons, custom illustrations and subtle animations to make this site visually engaging and fun to explore.