Duke Energy Electric Vehicles

Introduction

Duke Energy business stakeholders have identified an opportunity to gain revenue by promoting electric vehicles. The “micro” site is a stand-alone site that is affiliated with Duke Energy, but not a part of the corporate website. This allows the site to be customized to fit the unique needs of the Electric Vehicles initiative.

This project was assigned to me as the lead designer on this project. I worked within the design system, but had the liberty to create new components based on the needs of the project.

Main Idea

Electric vehicles are a smart, viable option for almost all drivers.

Target Audience

When making decisions about a web site, it is critical to keep in mind the target audiences, especially those audience groupings that rank as primary or secondary in importance. The audience dictates such things as content, navigation style, writing level and tone, visual design, and features and functionality.

The target audiences includes individuals who are:

  • Considering an electric vehicle

  • Ready to purchase an electric vehicle

  • Already own an electric vehicle

Goals

Duke Energy provided me with the following business objectives.

  • Transform the Duke Energy electric vehicle pages on the website to a one-stop shop for all information customers need to help them decide to purchase an electric vehicle.

  • A user-friendly, clean, and uncluttered site that educates our customers on the benefits of electric vehicles as well as helps them find and install charging that suits their needs.

  • Incorporate tools to capture customer data (electric vehicle owners vs electric vehicle-curious, etc) – make sure they also submit approval to receive info about non-reg products

Approach

There was a lot of really good information on this site. It was challenging dealing with the large amounts of copy that the client requested. I utilized various expandable components to make the site seem more manageable. 

Many of the components I used are standard components in our pattern library. The savings calculator and the “Choose your EV” page were custom for this project. For these custom components I sketched ideas on paper and searched the web for similar designs. I then applied our brand standards to my designs and added them to the page.

Designs

 
 
Filter Results Mobile.png
 
 
 

Lessons Learned

At the time of this project, Duke Energy was undergoing an Agile transformation. After finishing the design work with the internal client, I moved on to another project and was not involved in the development process. If I could do it again, I would circle back with the developers to ensure my designs were translated accurately in development.