Intutive Data Design

Intutive Data Design

Redesigning Troniq Modular: Transforming Complex Data into User-Friendly UI

*The contents of this case study have been modified to protect the privacy of EVBox. Featuring only publicly available product components, it showcases my process while preserving the confidentiality of all research and data owned by the company.
Timeline

~ 4 years, contributing to an ongoing system that was constantly evolving and dynamic

~ 4 years, contributing to an ongoing system that was constantly evolving and dynamic

Employer

EVBox

Role

UI/UX Designer. As the sole designer on this project, I led the design efforts, collaborating closely with, implementation engineers, and project managers to deliver a cohesive solution.

UI/UX Designer. As the sole designer on this project, I led the design efforts, collaborating closely with, implementation engineers, and project managers to deliver a cohesive solution.

Work in Progress…..

If you are a professional, I hope you can empathise with how hard it is to write case studies—like, really hard!

I’m currently working on this and will be fully uploaded soon.

In the meantime, take a glimpse into the complexity of the product I’ve helped simplify over time.

Designing and Optimising User Flows

As part of the DC charging project, I designed extensive user flows that covered every possible route to enhance the user experience and streamline the entire process.

  1. Clarify User Journey: Mapped out every possible route for charging users, ensuring clear navigation.

  2. Enhance UX: Designed intuitive flows to improve user interaction with the charging system.

  3. Identify Pain Points: Pinpointed and optimized areas where users might face difficulties in the charging process.

  4. Facilitate Team Alignment: Served as a reference for architects, implementation engineers and management to ensure consistency.

  5. Streamline Communication: Provided a clear, visual structure to communicate the entire charging process to stakeholders.

    *The image is deliberately minimised and unreadable for privacy and data protection, while effectively showcasing its structure and complexity.


  1. Clarify User Journey: Mapped out every possible route for charging users, ensuring clear navigation.

  2. Enhance UX: Designed intuitive flows to improve user interaction with the charging system.

  3. Identify Pain Points: Pinpointed and optimized areas where users might face difficulties in the charging process.

  4. Facilitate Team Alignment: Served as a reference for architects, implementation engineers and management to ensure consistency.

  5. Streamline Communication: Provided a clear, visual structure to communicate the entire charging process to stakeholders.

    *The image is deliberately minimised and unreadable for privacy and data protection, while effectively showcasing its structure and complexity.


  1. Clarify User Journey: Mapped out every possible route for charging users, ensuring clear navigation.

  2. Enhance UX: Designed intuitive flows to improve user interaction with the charging system.

  3. Identify Pain Points: Pinpointed and optimized areas where users might face difficulties in the charging process.

  4. Facilitate Team Alignment: Served as a reference for architects, implementation engineers and management to ensure consistency.

  5. Streamline Communication: Provided a clear, visual structure to communicate the entire charging process to stakeholders.

    *The image is deliberately minimised and unreadable for privacy and data protection, while effectively showcasing its structure and complexity.


Creating and Managing Complex Design Systems

I developed an infographic-inspired design system that simplifies navigation and implementation for teams. It:

  1. Improved Consistency: Ensured charging system components were used appropriately at each stage of the user journey, maintaining a cohesive experience.

  2. Provided Contextual Relevance: Guaranteed components appeared at the right time and in the right context to enhance user interactions with the DC charging process.

  3. Streamlined the Design Process: Created an efficient workflow by providing a well-structured reference for both design and engineering teams.

*The image is deliberately minimised and unreadable for privacy and data protection, while effectively showcasing its structure and complexity.

Result:

A simplified and well-structured UI that enhances usability and streamlines the user experience.

© Thank you for stopping by! Let’s make the world a better place, one design at a time 🍀

© Thank you for stopping by!

© Thank you for stopping by! Let’s make the world a better place, one design at a time 🍀