Empowering users with greater control over their energy usage

Effectively redesigned a user-centric B2C WebApp translating live energy data into actionable insights.

Redesigning end user webapp.

‍
Background:

In 2024, I led the UX/UI redesign of a B2C WebApp that transformed live energy data into actionable insights. Our aim wasn’t just to make the interface visually appealing but to empower users to take control of their energy consumption and make informed decisions to optimize their usage, particularly focusing on renewable energy.

‍
Our goals:

Provide users with a tool to manage energy consumption, production, and costs with ease.
Deliver a clear, visual overview of energy usage, allowing users to compare their patterns with similar households.
Help users save money by guiding them toward smarter energy usage.

The challenge was to simplify highly complex energy data and present it in a way that was both understandable and actionable for users. At the same time, we needed to build a scalable white-label solution that could adapt to various corporate brands, maintaining a clean and uncluttered interface.

‍
Our challenges:

Simplify complex data so that they speak and guide the user.
Create a powerful white-label solution that accommodates to and delights various corporate brands whilst keeping the solution scalable and uncluttered.

‍
My role:

Working closely with a Senior UX Designer, I collaborated with the product manager, developers, and marketing team to ensure that the designs were not only user-focused but technically feasible. Simplifying the data presentation was a top priority. We completely rethought the information architecture and user flows to provide clarity, guiding users toward key insights.

Using Figma, I developed high-fidelity prototypes to test different approaches for data visualization. Our goal was to make it easy for users to compare their energy consumption with similar households, while encouraging behavior that would reduce their costs.

One of the key innovations was a comparison tool that provided users with real-time insights into their energy usage relative to similar households, along with suggestions for improvement. The interface was designed to be flexible, adapting to different corporate branding without losing its simplicity and clarity.

This project reinforced the importance of making complex data accessible and actionable. By keeping the user’s needs at the forefront, we created a tool that empowers people to take control of their energy consumption, save money, and embrace more sustainable habits.

UX and UI design, togther with Senior UX Designer.
Collaboration with product manager, developers and marketing team.
Conduct usability testing to measure the outcome of the redesigned product.

Jump to my lesson learned

Market and competitor analysis

User stories

Information Architecture (spot prices consumer)

Information Architecture (energy community prosumer)

Wireframes

UI design

My lesson learned

It wasn't just about changing the product; it was about improving understanding, powering homes with renewable energy, and creating positive change. In the intersection of design and energy, a new connection emerged – a strong link between users and their energy futures. This proves how design, data, and intention can transform lives.
‍
I loved this case for the immediate value it created for individuals' lives and their pockets. It also enabled me to work at the intersection of humans and one of the essential services determining the quality of their lives: energy. The learnings I take on from here:

We don’t only lead with the why, but need to continually ask why to understand the underlying problem to solve.
The importance of clear feature definitions using concise one-pagers, covering requirements, challenges, and user stories.
Better component design skills.

Other projects

View project

Let's elevate your digital experience together!

kowalska.joanna.ewa@gmail.com