Atlante – EV Charging Management Platform
A web-based system designed to centralize the management of EV charging stations across Europe. The platform consolidates fragmented tools into a single ecosystem, enabling operators to monitor, control, and optimize chargers in real time.
Year :
2023
Industry :
Energy & Mobility
Client :
Atlante (NHOA Group)
Project Duration :
3 months
My role :
UX UI designer
Context :
Atlante, a European leader in EV charging infrastructure, needed to unify a set of fragmented tools used by operators to manage and monitor EV charging stations. Previously, data and controls were spread across multiple platforms, creating inefficiency and inconsistencies in daily workflows.
The challenge: design a single integrated platform that centralizes operations while providing clarity, scalability, and a solid design foundation for future growth.
Business Goal :
Design a web platform that allows operators to:
Monitor chargers, sites, and networks from one place.
Manage assets, customer service requests, and charging sessions efficiently.
Standardize visuals and interactions through a custom design system.
Enable scalability for advanced modules like AI support, Business Intelligence, and real-time monitoring dashboards.
Research & Insights :
Methods: due to the technical nature of the project, discovery focused on stakeholder interviews and workflow mapping. Operators highlighted recurring issues:
Fragmentation across different tools.
Difficulty in identifying charger faults and statuses quickly.
Lack of consistency in data visualization (tables, maps, KPIs).
Redundant manual tasks for customer support.
Opportunities for improvement:
Consolidate into a single source of truth.
Use visual hierarchies and color codes to clarify statuses.
Introduce real-time dashboards and control rooms.
Support operators with an AI assistant.
Deliverables: workflow diagrams, consolidated requirements, and a component inventory.
UX Flow & Wireframes
I designed the main flows:
Assets Management: overview of projects, chargers, and sites.
Monitoring: dashboards with real-time KPIs and geographical visualization.
Customer Service: fault resolution, reboot/unlock actions, transaction history.
Totem Configuration: POIs, services, and alerts for physical terminals.
Charger AI: conversational assistant for troubleshooting.
Wireframes helped validate the information hierarchy and interaction patterns with internal stakeholders.
UI Design
The visual design introduced clarity and consistency across modules:
A clean interface with a sidebar for navigation and modular layouts.
Color-coded charger statuses (available, charging, faulted, unavailable).
Tables and cards optimized for dense technical data.
Charts, maps, and dashboards to visualize network performance.
Consistent forms and modals for asset creation and management.
Design System :
A dedicated design system was built to scale the platform:
Color palette tailored to accessibility and status signaling.
Typography for legibility across dense data screens.
Component library: tables, filters, charts, modals, dashboards, and forms.
Iconography: standardized charger, connector, and status icons.
Interaction rules: consistent spacing, states, and error handling.
This ensured faster prototyping, reduced inconsistencies, and scalability across all Atlante tools.
IMPACT :
Delivered a unified platform replacing multiple fragmented tools.
Improved efficiency and clarity for operators managing large networks.
Established a scalable design system to support future modules.
Enabled real-time monitoring and AI-driven assistance, setting the stage for next-level operator support.
Atlante – EV Charging Management Platform
A web-based system designed to centralize the management of EV charging stations across Europe. The platform consolidates fragmented tools into a single ecosystem, enabling operators to monitor, control, and optimize chargers in real time.
Year :
2023
Industry :
Energy & Mobility
Client :
Atlante (NHOA Group)
Project Duration :
3 months
My role :
UX UI designer
Context :
Atlante, a European leader in EV charging infrastructure, needed to unify a set of fragmented tools used by operators to manage and monitor EV charging stations. Previously, data and controls were spread across multiple platforms, creating inefficiency and inconsistencies in daily workflows.
The challenge: design a single integrated platform that centralizes operations while providing clarity, scalability, and a solid design foundation for future growth.
Business Goal :
Design a web platform that allows operators to:
Monitor chargers, sites, and networks from one place.
Manage assets, customer service requests, and charging sessions efficiently.
Standardize visuals and interactions through a custom design system.
Enable scalability for advanced modules like AI support, Business Intelligence, and real-time monitoring dashboards.
Research & Insights :
Methods: due to the technical nature of the project, discovery focused on stakeholder interviews and workflow mapping. Operators highlighted recurring issues:
Fragmentation across different tools.
Difficulty in identifying charger faults and statuses quickly.
Lack of consistency in data visualization (tables, maps, KPIs).
Redundant manual tasks for customer support.
Opportunities for improvement:
Consolidate into a single source of truth.
Use visual hierarchies and color codes to clarify statuses.
Introduce real-time dashboards and control rooms.
Support operators with an AI assistant.
Deliverables: workflow diagrams, consolidated requirements, and a component inventory.
UX Flow & Wireframes
I designed the main flows:
Assets Management: overview of projects, chargers, and sites.
Monitoring: dashboards with real-time KPIs and geographical visualization.
Customer Service: fault resolution, reboot/unlock actions, transaction history.
Totem Configuration: POIs, services, and alerts for physical terminals.
Charger AI: conversational assistant for troubleshooting.
Wireframes helped validate the information hierarchy and interaction patterns with internal stakeholders.
UI Design
The visual design introduced clarity and consistency across modules:
A clean interface with a sidebar for navigation and modular layouts.
Color-coded charger statuses (available, charging, faulted, unavailable).
Tables and cards optimized for dense technical data.
Charts, maps, and dashboards to visualize network performance.
Consistent forms and modals for asset creation and management.
Design System :
A dedicated design system was built to scale the platform:
Color palette tailored to accessibility and status signaling.
Typography for legibility across dense data screens.
Component library: tables, filters, charts, modals, dashboards, and forms.
Iconography: standardized charger, connector, and status icons.
Interaction rules: consistent spacing, states, and error handling.
This ensured faster prototyping, reduced inconsistencies, and scalability across all Atlante tools.
IMPACT :
Delivered a unified platform replacing multiple fragmented tools.
Improved efficiency and clarity for operators managing large networks.
Established a scalable design system to support future modules.
Enabled real-time monitoring and AI-driven assistance, setting the stage for next-level operator support.
Atlante – EV Charging Management Platform
A web-based system designed to centralize the management of EV charging stations across Europe. The platform consolidates fragmented tools into a single ecosystem, enabling operators to monitor, control, and optimize chargers in real time.
Year :
2023
Industry :
Energy & Mobility
Client :
Atlante (NHOA Group)
Project Duration :
3 months
My role :
UX UI designer
Context :
Atlante, a European leader in EV charging infrastructure, needed to unify a set of fragmented tools used by operators to manage and monitor EV charging stations. Previously, data and controls were spread across multiple platforms, creating inefficiency and inconsistencies in daily workflows.
The challenge: design a single integrated platform that centralizes operations while providing clarity, scalability, and a solid design foundation for future growth.
Business Goal :
Design a web platform that allows operators to:
Monitor chargers, sites, and networks from one place.
Manage assets, customer service requests, and charging sessions efficiently.
Standardize visuals and interactions through a custom design system.
Enable scalability for advanced modules like AI support, Business Intelligence, and real-time monitoring dashboards.
Research & Insights :
Methods: due to the technical nature of the project, discovery focused on stakeholder interviews and workflow mapping. Operators highlighted recurring issues:
Fragmentation across different tools.
Difficulty in identifying charger faults and statuses quickly.
Lack of consistency in data visualization (tables, maps, KPIs).
Redundant manual tasks for customer support.
Opportunities for improvement:
Consolidate into a single source of truth.
Use visual hierarchies and color codes to clarify statuses.
Introduce real-time dashboards and control rooms.
Support operators with an AI assistant.
Deliverables: workflow diagrams, consolidated requirements, and a component inventory.
UX Flow & Wireframes
I designed the main flows:
Assets Management: overview of projects, chargers, and sites.
Monitoring: dashboards with real-time KPIs and geographical visualization.
Customer Service: fault resolution, reboot/unlock actions, transaction history.
Totem Configuration: POIs, services, and alerts for physical terminals.
Charger AI: conversational assistant for troubleshooting.
Wireframes helped validate the information hierarchy and interaction patterns with internal stakeholders.
UI Design
The visual design introduced clarity and consistency across modules:
A clean interface with a sidebar for navigation and modular layouts.
Color-coded charger statuses (available, charging, faulted, unavailable).
Tables and cards optimized for dense technical data.
Charts, maps, and dashboards to visualize network performance.
Consistent forms and modals for asset creation and management.
Design System :
A dedicated design system was built to scale the platform:
Color palette tailored to accessibility and status signaling.
Typography for legibility across dense data screens.
Component library: tables, filters, charts, modals, dashboards, and forms.
Iconography: standardized charger, connector, and status icons.
Interaction rules: consistent spacing, states, and error handling.
This ensured faster prototyping, reduced inconsistencies, and scalability across all Atlante tools.
IMPACT :
Delivered a unified platform replacing multiple fragmented tools.
Improved efficiency and clarity for operators managing large networks.
Established a scalable design system to support future modules.
Enabled real-time monitoring and AI-driven assistance, setting the stage for next-level operator support.