Home
contact

Myenergi designs, manufactures, and sells devices that enable the use of renewable energy sources like solar and wind power for powering homes. Their product lineup includes energy storage devices, energy usage controllers, and electric vehicle (EV) chargers. The myenergi myaccount web portal allows users who have purchased these products, particularly the Zappi EV charger, to manage, monitor, and maintain their devices.

UX/UI Design
Saas
User Testing
Independent Growth
Developer Collaboration

myenergi

2023
Project brief
I was tasked with redesigning the Charging Sessions page within the myenergi myaccount web portal. This page enables users to review past charging sessions and gather data on various aspects of each charge, such as tagging sessions for different users and tracking the amount of green energy used compared to electricity from the grid. The existing design was outdated and not user-friendly, lacking the capability to accommodate new features. Our goal was to refresh the design, improve usability, and add essential features to enhance user experience.
Role
UX/UI Designer
Tools
Figma

OVERVIEW

Project brief
I was tasked with redesigning the Charging Sessions page within the myenergi myaccount web portal. This page enables users to review past charging sessions and gather data on various aspects of each charge, such as tagging sessions for different users and tracking the amount of green energy used compared to electricity from the grid. The existing design was outdated and not user-friendly, lacking the capability to accommodate new features. Our goal was to refresh the design, improve usability, and add essential features to enhance user experience.
Role
UX/UI Designer
Tools
Figma

OVERVIEW

The challenges
the new system
Documentation & Guidance
System Applied
Reflections & Next Steps
The Challenge

Imagine navigating through a maze with outdated maps and unclear signage. The current Charging Sessions page felt much like this for users. It was visually inconsistent, outdated, and not optimised for mobile use. Given the premium quality and price of myenergi’s devices, users expected an equally premium and seamless digital experience. The challenge was to transform this clunky interface into a sleek, intuitive, and feature-rich portal that met user needs and expectations.

The solution

To tackle this challenge, I focused on several key design principles and concepts:

‍

Simplification:

Simplifying the design was crucial, given the complexity of the data users needed to navigate. I employed the Aesthetic-Usability Effect to create a visually appealing interface that also enhanced usability.


‍

User-Centric Features:

New features included toggling charging sessions between Personal and Business use, based on feedback from the research phase indicating a need for this differentiation. Additionally, we added the ability to export data and view a column showing the amount of green energy used for each session.

‍

Mobile Optimisation:

Ensuring the design was mobile-friendly was essential, as more users were accessing their charging data on mobile devices. This involved creating a responsive layout that retained functionality and ease of use across different screen sizes.

The impact

The redesigned Charging Sessions page significantly improved the user experience:


‍

Increased Satisfaction:

User satisfaction ratings increased by 25%, a figure expected to rise as more features and improvements were rolled out.

‍

Enhanced Usability:

Users could now access and manage their charging data more easily, especially on their mobile devices.

‍

Positive Feedback:

The business and development teams were thrilled with the new design, praising its ease of implementation and the positive reception from users.

The challenges
the new system
Documentation & Guidance
System Applied
Reflections & Next Steps

The Challenges

Problem:
Before: fragmented library with no clear hierarchy
Before: duplicate button and input styles without guidance
Before: developer-made UI patterns and screen grabs created outside the system

the new system

improvements:
After: token-based colour system with accessible scales
After: typography hierarchy with clear usage notes
After: reusable accordion and alert banner components with documented states

Documentation & Guidance

Highlights:
Tokens documented with usage rules and reference tables
Effects and shadow tokens with examples for consistent depth

System Applied

Impact in the app:
In product: dashboards using unified typography and spacing
In product: sales and revenue screens built from system components
In product: charts and forms aligned with documented tokens

Reflections & Next Steps

key takeaways:
looking ahead:

1. The framework

The brand of the company goes here
Curiosity and learning fuel my design journey. As a neurodivergent designer, I thrive on hands-on exploration and learning from design communities and professionals. This keeps me at the forefront of trends and technologies, enabling me to create impactful, innovative user experiences. My creativity and empathy drive me to craft remarkable interfaces.
Curiosity and learning fuel my design journey. As a neurodivergent designer, I thrive on hands-on exploration and learning from design communities and professionals. This keeps me at the forefront of trends and technologies, enabling me to create impactful, innovative user experiences. My creativity and empathy drive me to craft remarkable interfaces.

keeping it simple

Curiosity and learning fuel my design journey. As a neurodivergent designer, I thrive on hands-on exploration and learning from design communities and professionals. This keeps me at the forefront of trends and technologies, enabling me to create impactful, innovative user experiences. My creativity and empathy drive me to craft remarkable interfaces.

me, myself and i

Design isn't a solo act. While I have many ideas, the real magic happens when users are at the center. Through surveys, interviews, and user recordings, I gather insights to ensure my designs resonate with the people who matter. It's about achieving business goals while crafting experiences that empower users. Without user testing, we're not just creating fancy art; we're building bridges to connect users with their needs.

i found the needle

Over 9 years of graphic design experience have honed my eye for detail. But design is more than pixels; it's about creating seamless user experiences. I explore multiple design paths, balancing aesthetics and user needs to find the sweet spot: stunning visuals and intuitive journeys. This merging of visuals with usability keeps me excited. Great design transcends personal opinions; let's focus on user-centered solutions that leave a lasting impression.
Let's
Talk      
Home PageMy LinkedinDownload ResumeContact me
©
2026