E.ON UK needed a new customer portal that would allow users to manage their energy contracts, payments and meter readings across multiple properties — all in one place. The goal was to design an MVP that offered a smooth, intuitive, and unified experience across these services.

Managing energy accounts can be confusing — especially for a user base ranging from young renters to elderly homeowners. We had to make the portal intuitive, accessible (WCAG AA compliant), and friendly, while still meeting complex technical requirements.

To increase engagement, I introduced a warm and motivating illustration style, helping guide users through their tasks while adding an approachable tone to the overall interface.

As the Lead UI/UX Designer I was responsible for the full UI and UX workflow:

• Conducted workshops and defined KPIs.

• Mapping user flows to streamline navigation.

• Creating wireframes and prototypes for user testing.

• Creating a comprehensive design system from scratch.

• Designing final UI screens and preparing detailed developer specifications.

• Introduced motion design to enhance navigation and interaction clarity.

• Performing accessibility QA to ensure compliance with WCAG AA standards.

• Collaborating closely with product owners and an offshore development team.

We kicked off with a series of workshops to identify user needs and define KPIs. From there, I mapped out primary user flows to align with those goals, and combined findings from previous user research to guide early wireframes.

After several test rounds and iterations on interactive prototypes, we solidified the structure and moved into visual design. One unique challenge: E.ON had no existing digital design language — only offline and print branding. I worked directly with their corporate design team to adapt their visual identity into a scalable digital design system</span>.

To support the development team (located in India), I provided detailed design specs, participated in daily QA sessions, and worked across time zones to ensure we met our high quality standards.

Previous E.ON products used scattered and inconsistent UI components — without any shared guidelines. I established a unified design system to solve this.

• Standardized and reusable components.

• Clear usage documentation.

• Accessibility-first (WCAG AA).

• Adapted E.ON’s offline brand into a responsive, digital format.

The system not only strengthened the MVP but became a foundation for future E.ON digital products.

The redesigned portal delivered a clear, engaging, and accessible experience that made managing energy accounts significantly easier — for every type of user.

• Empowered customers with a more intuitive and stress-free interface.

• Set a new quality standard for E.ON’s digital products.

• Enabled faster feature development thanks to a reusable design system.

• Sparked internal adoption: the design system became a blueprint for future teams.