Spire Digital: PCI

Website Redesign

Overview

My Role: UX Designer, Visual Designer

Tools: Sketch, InVision, Adobe Photoshop

Timeline: Oct. 2019-Dec. 2019

 

Background

Power Costs Incorporated (PCI) is an energy trading software provider, working closely with energy companies to meet an ever-evolving ISO/RTO market. Every year, PCI hosts a conference for their clients called the INFOCUS Conference. While contracting through Spire Digital, I was asked to update the website for the new upcoming conference.

PCILogoPink.jpeg
SpireKinCartaLogo.jpg
 

The Goal

In past years, the basic layout of the site remained the same; a long scroll with all the pertinent information in one page. Detailing the design provided additional information which surfaced additional requirements and constraints. A couple of constraints, (lack of venue details and scheduling details) posed a bigger challenge than anticipated. My method of working around these constraints was to work very closely with the product manager and the client to ensure that the essential information was simple and informative.

 

Mood Boards

Finding a theme that was fresh and spoke to PCI stakeholders was very important. I created 4 mood boards, each depicting different focuses for PCI to choose from: Green energy, light in the dark, sunset, or abstracted energy sources. PCI elected the sunset theme, as it aligned with their company color scheme. From here, redesigning the website became a little more clear.

 

High Fidelity Prototype

While it remained more feasible to stick to the original template, there were still parts of the page that needed some updates. In previous years, layouts missed key pieces of information, such as details on training/conference topics. While the experience was a long scroll page, I made sure the top nav was sticky so users could always navigate where they needed to.

Masthead

It was very important for PCI to show their commitment to sustainable energy and wanted to illustrate this by showing renewable energy. A link to register was put in plain sight for higher click ability. All of the pertinent details, as well as a place to register, are all in plain sight.

 

About the Conference

Why INFOCUS? It was important to show all of the cool events and networking opportunities attendees would get to be a part of.

 

Showing Past Experiences

PCI created a video of their past conference, something that was very important to them to show new and returning attendees. It was important to explain the purpose and passion behind the conference, and lead attendees to explore PCI’s offerings.

Conference Agenda

It was important to give attendees a good idea of all the trainings and workshops the conference would be offering. This section gives a brief overview of the conference offerings at large.

 

Key Topics

Here, I wanted to give attendees a preview of presentations at the conference. I used a tab menu at the top to show a high level glance at speakers and topics, which functioned as a carousel to see even more featured speakers.

 

Next Steps

In March of 2020, print designs were being created for the conference such as large banners, badges, labels and more. However, due to COVID-19, the conference and all other endeavors were canceled until further notice. I learned a lot from this experience. Not only did I begin to understand what it was like to work with limited time and constraints, I got to work in a real design setting. When the time is right, perhaps we can revisit PCI and iterate further on the existing design, making it even better.