A design system along with a web platform for the monitoring and analysis of electric vehicle fleets. Paired with a marketing website showcasing the product lines.
Starting with the Ant Design System as a solid foundation, we tailored it to fit B-ON's branding and product requirements. Working closely as a design team, we customized components, refined styles, and ensured everything aligned with the overall design vision. We ended up with a design system that had consistency with the brand, and was flexible for use across the web platform, which was being designed concurrently.
We worked on developing multiple dashboards for fleet managers to monitor insights on their electric vehicle fleets. A key challenge was designing data visualizations that presented complex information in an intuitive way, allowing managers to quickly and efficiently scan for what they needed. One example was the layout of the Energy Insights page, where users could view electricity transfer and distribution between charging vehicles and energy sources at a glance.
Insights were gathered through user testing sessions with a group of fleet managers. These sessions helped us uncover key information that they look for, and understand the preferred hierarchy of content within their dashboards. This feedback directly shaped how we structured the layouts to better support their daily workflows.
An existing MVP of the web platform was already in place, but through user testing, we learned that fleet managers were actively looking for a way to view and manage their entire fleet in one place. They needed quick access to all vehicles, along with the ability to take actions like assigning drivers and checking key data points such as battery life, odometer readings, etc.
The solution was a dedicated Vehicle List page, which I led the design for. It featured a table layout that displayed essential vehicle information at a glance, with built-in functionality for assigning drivers, filtering and searching, and jumping into more detailed views. For information that didn’t need to be front and center, like location data, battery parameters, and energy usage, I designed a Vehicle Details page to house those insights in a structured and accessible way.
