From rebrand to better usability

A rebrand gave Barry Energy a fresh visual identity. But user testing quickly exposed the gap between aesthetics and usability. The interface had information, but it wasn't organized in a way that helped users understand it.

Graphs competed with each other, numbers lacked context, and there was no visual hierarchy to guide decision-making.

Instead of redesigning everything, we asked: what if we used color strategically to create instant understanding? We developed a color system for quick recognition and decision-making

We mapped every interaction to this system. Price information used the green-to-red gradient. Renewable energy was always green. Usage graphs inherited these meanings. Suddenly, users could scan the screen and understand the current state at a single glance.

User testing post-launch showed a clear shift. In comprehension tests, 82% of users could now accurately explain what they were seeing and why it mattered, compared to 71% before. We also saw a 27% increase in users actively using price-based controls to shift their consumption patterns, proving the design wasn't just clearer, but actionable.

Through user interviews and testing, we learned that in a data-heavy interface users don't read, they scan. A robust color system gives them a quick way to familiarize themselves with the data. Green means "good," red means "expensive” simple, yet effective.