EnerKey — User-Focused Data Visualisation for Energy Management

 
 
 
Screenshot 2019-03-20 at 16.33.50.png
 

Challenge

How do you redesign a product to make it better for its user? Enegia came to us with their energy management platform EnerKey, looking for the answer to that particular question.

EnerKey is a tool for business owners, custodians, and the like. The portal offers information, reports and analyses for tracking energy consumption, as well as support for energy management, all behind one login. EnerKey was already up and running when we first laid our hands on it: the portal was used by over 300 organizations and covered 15 000 properties. However, it needed help. The platform was overflowing with information and lacked a coherent user experience. This became an issue, because Enegia started thinking of going international and scaling up their customer base. With potential customers on the horizon, EnerKey needed to become the best possible version of itself.

Solution

To redesign the service to better serve its customers, we started by spending time with EnerKey’s users. We teamed up with Enegia’s own development team to produce an extreme makeover that gave the platform a brand new user experience. Lastly, we implemented a style guide to ensure that in the future, changes could be done from one location with existing components.

“We created a whole new brand for the platform. It was a balancing act between restyling each feature and making sure the UX remained consistent,” Eija Jokilahti, our design lead with EnerKey, shares. “The project was broad. It required a lot of benchmarking, references and research.”

The project challenged Eija and the team to look for new insights; both from literature as well as the users themselves. As a platform, EnerKey relies on how well it can visualize data. Eija dug deep into flows and data visualization to understand what the product needed. Customers shed light on the practicalities. “Time spent with the users was priceless; we gained eye-opening insights on how they actually use the platform”, Eija describes.

To make things work smoothly under the hood, we also helped modernize the technology behind the EnerKey application. This included programming both the frontend and the backend using modern tech stacks, setting up continuous integration (CI) tools and processes, as well as using cloud-native SaaS platforms for hosting the application.

image.png

Results

The new EnerKey is more professional and user-oriented. First thing that catches the eye is the visual change. Colors have appeared to where there previously was only blue. Hierarchy has been improved, making the platform easier to navigate. As an example of how a simple thing like the use of colors can make a huge difference in usability, we made sure to emphasize different energy types with their representative colors.

The company recently renamed itself to from Enegia to EnerKey, which clearly shows how big a role the redesigned service has acclaimed. “It’s really rewarding to see our work become such a crucial part of their operations. It feels like the significance of what we’ve done just continues to grow”, Eija expresses.