Understanding your electricity data

ux — ui — AD

 
bg-1.png
 
 

Topia Energi

A product designed internally at Topia Design. It is currently being used by two municipal electricity companies in Sweden.

During a series of workshops, the goal we came up with in collaboration with our clients was:

Creating insight in electricity costs and usage as well as balance the electric grid with digital flex services.

Workshops and ideation in collaboration with Lotta Sahlin, Junior Designer

 

Workshops & Insights

During the workshops, we mapped out the customer goals, needs, target groups and content. Creating a clear information hierarchy that we needed to follow in prototyping.

Branding & UI design guides

Once we had the initial research done. I started working on the branding guidelines and UI design as well as the icon language.

Typography

Color scheme

Icon language & Color application

Combined branding elements

Product design

Applying the branding elements and design system to all frames that were needed by the customers. Some custom solutions were needed for certain resources which was a nice design challenge.

 
 
Topia Energi - MultiMockup - 1.png
 

Desktop, Back-office and portal

Besides the mobile app, the customers have a desktop based back-office and customer portal that needed UI design as well.