Energy Allocation Dashboard

I led the design of the Energy Allocation Dashboard for electric vehicle (EV) charging sites, transforming a stalled concept into a practical, impactful solution. This dashboard empowers site owners to manage power distribution autonomously, eliminating the need for coding assistance and reducing operational inefficiencies.

Energy Allocation Dashboard

I led the design of the Energy Allocation Dashboard for electric vehicle (EV) charging sites, transforming a stalled concept into a practical, impactful solution. This dashboard empowers site owners to manage power distribution autonomously, eliminating the need for coding assistance and reducing operational inefficiencies.

Energy Allocation Dashboard

I led the design of the Energy Allocation Dashboard for electric vehicle (EV) charging sites, transforming a stalled concept into a practical, impactful solution. This dashboard empowers site owners to manage power distribution autonomously, eliminating the need for coding assistance and reducing operational inefficiencies.

From Stalled Plans to a Shipped Product

From Stalled Plans to a Shipped Product

From Stalled Plans to a Shipped Product

The Energy Allocation Dashboard project had been stalled for months due to previous attempts that failed to align business requirements, technical feasibility, and user needs. The team was struggling with technical complexities, unclear workflows, and fragmented communication.

As the lead designer on this project, I play a vital role in transforming this complex idea into a product ready for launch.

The Energy Allocation Dashboard project had been stalled for months due to previous attempts that failed to align business requirements, technical feasibility, and user needs. The team was struggling with technical complexities, unclear workflows, and fragmented communication.

As the lead designer on this project, I play a vital role in transforming this complex idea into a product ready for launch.

The Energy Allocation Dashboard project had been stalled for months due to previous attempts that failed to align business requirements, technical feasibility, and user needs. The team was struggling with technical complexities, unclear workflows, and fragmented communication.

As the lead designer on this project, I play a vital role in transforming this complex idea into a product ready for launch.

What is Load Balancing in EV Charging?

Load balancing in EV charging refers to efficiently distributing electricity across multiple charging stations to ensure:

  • Optimize power usage.

  • Prevent grid overload during peak hours.

  • Avoid costly infrastructure upgrades.

Load balancing in EV charging refers to efficiently distributing electricity across multiple charging stations to ensure:

  • Optimize power usage.

  • Prevent grid overload during peak hours.

  • Avoid costly infrastructure upgrades.

Load balancing in EV charging refers to efficiently distributing electricity across multiple charging stations to ensure:

  • Optimize power usage.

  • Prevent grid overload during peak hours.

  • Avoid costly infrastructure upgrades.

Imagine a parking lot equipped with electric vehicle (EV) charging stations. In the morning, when only a few vehicles are charging, most of the available power is directed to those stations. By evening, as more vehicles begin to charge, the power is distributed among all the stations—either evenly or based on priority—to ensure that each station operates efficiently without overloading the system.

At 12:00 PM, only 3 out of 6 vehicles are charging, requiring less power distribution.

At 7:00 PM, 6 out of 6 vehicles are charging, requiring smart load balancing to prevent grid overload.

Finding Answers in the Noise

Finding Answers in the Noise

Finding Answers in the Noise

This project was not only about design but also about bridging a critical knowledge gap. While business requirements and rough drafts existed, a cohesive direction was lacking. Teams across engineering, support, and stakeholders operated in silos, which resulted in misalignment.

Through interviews with EV installers, hardware engineers, and site owners, I uncovered key challenges:

Knowledge Gap

There was no shared understanding of how technical components would interact with the dashboard.

Engineer Reliance

Site owners relied heavily on backend engineers to adjust power settings.

Inconsistencies

The existing setup process was filled with assumptions and inconsistencies.

To overcome these obstacles, I facilitated cross-functional workshops that aligned teams on core technical concepts and dependencies. One key outcome was the creation of a shared visual glossary of electric components, mapping relationships between elements like “power panel,” “live wires,” and “breaker.” This glossary became a reference point that unified the team’s understanding.


This collaborative alignment laid the groundwork for designing an intuitive and technically sound dashboard, setting the foundation for the project.

To overcome these obstacles, I facilitated cross-functional workshops that aligned teams on core technical concepts and dependencies. One key outcome was the creation of a shared visual glossary of electric components, mapping relationships between elements like “power panel,” “live wires,” and “breaker.” This glossary became a reference point that unified the team’s understanding.


This collaborative alignment laid the groundwork for designing an intuitive and technically sound dashboard, setting the foundation for the project.

To overcome these obstacles, I facilitated cross-functional workshops that aligned teams on core technical concepts and dependencies. One key outcome was the creation of a shared visual glossary of electric components, mapping relationships between elements like “power panel,” “live wires,” and “breaker.” This glossary became a reference point that unified the team’s understanding.


This collaborative alignment laid the groundwork for designing an intuitive and technically sound dashboard, setting the foundation for the project.

Component Glossary: Defining Roles and Relationships

Blueprints for Clarity

Blueprints for Clarity

Blueprints for Clarity

Initial wireframes uncovered notable gaps, particularly in the understanding of the relationships between power panels, circuit breakers, and live wires. Usability testing with hardware engineers emphasized the necessity for a much deeper understanding of how site owners would actually utilize this system.

I collaborated closely with stakeholders to map out the technical connections and conducted multiple feedback sessions with site owners to validate our assumptions. Through these iterations, the user flow and wireframes became more refined and aligned with real-world use.


  • We added functional modes—Build, Setup, Edit, and View—to align with what site owners needed at every stage.

  • A guided book provided step-by-step instructions for users.

  • Modular layouts enabled flexibility for different configurations.

  • Real-time feedback clarified the impact of user adjustments.

I collaborated closely with stakeholders to map out the technical connections and conducted multiple feedback sessions with site owners to validate our assumptions. Through these iterations, the user flow and wireframes became more refined and aligned with real-world use.


  • We added functional modes—Build, Setup, Edit, and View—to align with what site owners needed at every stage.

  • A guided book provided step-by-step instructions for users.

  • Modular layouts enabled flexibility for different configurations.

  • Real-time feedback clarified the impact of user adjustments.

I collaborated closely with stakeholders to map out the technical connections and conducted multiple feedback sessions with site owners to validate our assumptions. Through these iterations, the user flow and wireframes became more refined and aligned with real-world use.


  • We added functional modes—Build, Setup, Edit, and View—to align with what site owners needed at every stage.

  • A guided book provided step-by-step instructions for users.

  • Modular layouts enabled flexibility for different configurations.

  • Real-time feedback clarified the impact of user adjustments.

Before and After

Before and After

Before and After

With refined wireframes in place, I transitioned to high-fidelity deliverables.

Before this dashboard, site owners were stuck in a cycle of relying on backend engineers for manual coding. Misconfigurations were common, adjustments were slow, and they had no visibility into real-time power distribution. Managing their EV sites felt like guesswork at best.

The new dashboard changed everything. With a visualized interface, site owners now could finally manage power distribution on their own, with live dashboards providing instant updates and safeguards ensuring everything ran smoothly.

The results speak for themselves

Before

Before

Before

Site owners struggled with manual coding, no real-time insights, and frequent misconfigurations.

Site owners struggled with manual coding, no real-time insights, and frequent misconfigurations.

Site owners struggled with manual coding, no real-time insights, and frequent misconfigurations.

After

After

After

A real-time visual dashboard enables site owner to adjust power output and manage autonomy for each electrical component.

A real-time visual dashboard enables site owner to adjust power output and manage autonomy for each electrical component.

A real-time visual dashboard enables site owner to adjust power output and manage autonomy for each electrical component.

50%

50%

reduction in support requests related to load management coding.

62%

62%

increase in the frequency of logins and interactions within the first week of deployment.

5

5

key clients demonstrated high satisfaction with the new feature upon its release in the first week.

Retrospective: Insights and Continuous Growth

Retrospective: Insights and Continuous Growth

Retrospective: Insights and Continuous Growth

Reflecting on this project, I realize it was not merely about creating a product; it was about collaboratively solving a complex problem with focus and dedication. By uniting engineers, site owners, and stakeholders, we established cohesion where there had once been confusion. Each iteration, workshop, and test contributed valuable insights to the final result.

Looking Ahead

One of the key lessons I learned was the importance of shared understanding. Defining terms, mapping dependencies, and ensuring everyone was on the same page was not just beneficial—it was essential. This approach transformed a fragmented process into a cohesive team effort.


However, this is just the beginning. The next chapter for the dashboard will concentrate on expanding compatibility with various grid systems and scaling it for a global audience. This project deepened my appreciation for what it takes to design in technical, high-stakes environments and instilled in me the confidence to take on future challenges.

Driving Alignment

Creating a shared glossary and visualizing system dependencies ensured the team spoke the same language. This alignment was key to reducing inefficiencies and fostering collaboration.

Bridging Knowledge Gaps

Understanding EV infrastructure required me to go beyond UI design. Immersing myself in technical workflows and user scenarios enabled me to connect engineering logic with intuitive solutions.

Iterating for Impact

Testing with real users revealed critical insights, turning potential pain points into opportunities for clarity. Iteration became the backbone of a user-centered, adaptable design.

background image

Curious About the Process?

There’s more behind these case studies.

Let’s dive into the strategy and thinking.

background image

Curious About the Process?

There’s more behind these case studies.

Let’s dive into the strategy and thinking.

background image

Curious About the Process?

There’s more behind these case studies. Let’s dive into the strategy and thinking.