Design-a-Light


Background

Design-a-Light is a legacy web application that needed to be updated to the new Duke Energy design standards. You can view the old design here.  This application allows users to pick their environment, light fixture, and pole style. At the end of the design process there's a preview of the pole and fixture allowing the user to see what the light would look like in its respective environment.

Duke Energy Common Digital Platform Promo Video


To succeed, the application must do all of the following:

  • Guide users through the design process
  • Allow users to create and order their light

Critical Success Factors


Duke Energy has identified organizational goals for the application design. To succeed, the application must:

  • Allow the user to create their own design with minimal calls to the help center
  • Increase the sales of outdoor lighting products

Organizational Goals


The audiences’ core tasks and information goals fit into three main tasks.

  1. Local government officials
  2. Home owner associations and committee members 
  3. Individuals who are trying to add lighting to their property

Audience Core Tasks and Information Goals


Step 1

 

Step 1 - Change Location Selected

 

Step 2 - With Setting Hover

 

Step 3 - With Fixture Hover

 

Step 4 - Pole Selection

 

Step 5 - Review

 

Step 5 - Review with Fixture Info Slidedown

 

Mobile Design-a-Light

Step 1, Step 2

 

Step 3, Step 4

 

Mobile Step 5

Mobile Step 5a.png