top of page

Oxium

Central Management system for Ev charging

Documenting

UI/UX Enhancements

Information Architecture

The purpose of the OXIUM project was to create a robust, centralized management system specifically tailored for electric vehicle (EV) charging infrastructure. This system aimed to revolutionize the way EV charging networks were managed, ensuring efficiency, scalability, and an enhanced user experience for both operators and consumers.

The system is being developed for the company, GOEC which is dedicated to providing innovative and sustainable charging solutions through its user-friendly app and reliable charging network designed to enhance the EV charging experience.

smartmockups_lq43sz8i.png
Goal

GOEC relied on an external party's CMS for EV charging management, facing limitations in customisation, scalability, and user experience. To gain autonomy and enhance operations, GOEC aimed to transition to an in-house CMS.

Our team at Acute Angle (abbreviated for Acute Endeavours Pt. Ltd.) was tasked with designing and developing an in-house Central Management System. We aimed to completely revamp the old designs created and create an interface that is clean, reliable, and scalable for future needs.

Design Team
acute logo.png
Tool kit
Frame 1485764.png
Needs
  1. The UX needed to be revamped by formulating a robust Information architecture.

  2. ​The UI screens needed improvements.

  3. The system needs to be developed for testing.

My Role
  1. Reverse engineering the Information Architecture for the whole CMS.

  2. ​UI and UX improvements.

  3. Documentation of the complete system to be sent for development.

Limitations
  1. Time was a constraint and there were limited resources to do any kind of Primary Research

  2. ​All research done was mainly secondary, trying to decipher the complex CMS involved in EV Charging 

  3. The process started with tearing down old designs which did not have a proper structure.

1. Information Architecture
The Approach
Frame 1485658.png
  • The entities were colour-coded to identify similar components and to mark the connection between those entities.
Section 1.png
  • User flows were created to understand the system in-depth and form a structured information architecture.
User
Group 9041.png
Charge Point
Group 9042.png
  • The next task involved elaborating on each of these entities by pinpointing their key functions.
  • This was done by taking up each of the components identified within the CMS and categorising those into the 4 entities.
Group 9044.png
  • Next, Actions and Permissions for the different entities were identified.
Group 9043.png
Intent

The intent behind doing the reverse engineering and restructuring of the Information Architecture was because of the flaws identified in the flow of the old designs.

Breaking down every flow helped me pinpoint the errors and rectify them accordingly.

Asset Management- ChargeStation.png
This screen shows the details by clicking on any item in the list of items shown below. In terms of UX improvements, the review section and details of all the Charge Points for the particular charge station were added to the same page for convenience in management.The information was categorised into different cards for better readability 
2.Some UI and UX improvements
1.png
The screens show the 'List view' of All charge stations. The Mobile view for the same was introduced with modification in its UI. The dark color scheme was adapted throughout the design.
New screen
Old screen
New screen
Dashboard live.png
Success Message.png
The form for adding a new Charge station was significantly improved. The older design had a pop-up window appearing for adding a new Charge station. That has been removed in the latest design and more details have been incorporated.
The mobile version was also modified accordingly. A confirmation pop-up appears on clicking 'save'.
76a742700f3 (1).png
Old
dash.png
New
Old
New
Old
New
4.Documentation
Due to its complex terminology, a detailed description of the design was necessary to communicate with the developers and the team. Every screen and its flow was explained in detail. Below are the snippets of the complete documentation of the project done in notion.
Slide 16_9 - 2.png
Snippets of documentation done for development
PS: The project is still cooking and undergoing iterations based on user testing. The above compilation shows my involvement in the project during my tenure.
bottom of page