Eyefreight TMS

transportation optimization and the strategic redesigning of the Control Tower

Background

As a UX + UI Designer at Elemica, I was given a unique opportunity to rethink and redesign the Control Tower platform after the company acquired Eyefreight TMS. This project aimed to enhance the visibility suite and leverage the strengths of Eyefreight TMS to create a more collaborative transportation optimization platform.

*Any confidential information is omitted in this case study.Please reach out for case study.

Team
3 people (Designer, PM, BA)

Role
UX Designer

Deliverables
MVP Prototypes
Research
Custom components

Company

Elemica

The problem

The solution presented was outdated and failed to provide a user-friendly experience that empowered users to fully explore the broad range of capabilities offered by the TMS solution. Compounding the problem were unwieldy data tables and numerous nested dialogs that made it exceedingly difficult to complete workflows in a timely and efficient manner.

Existing Architecture

When associates attempted to navigate through the shipment processing experience, they encountered barriers almost immediately. Specifically, they had to memorize a heavy mental model and open countless modals to drill down to their daily actions.

The goal

To reduce the number of nested dialogs while simplifying the tables to address the actions relative to the page.

To empower users to utilize the full range of capabilities.

Research

Design Audit

The UX Quality score of 26 which is a below-average experience.

• There were high friction points due to high cognitive load and recovering from errors when executing on shipment actions.

• Users were most successful when they were able to use recognition and flexibility to perform their daily tasks.

User Interviews

We heard from frustrated users about how difficult it was to navigate through the existing interface.

They weren't confident in how their details were being captured and expressed exhaustion and uncertainty when performing daily tasks.

Discovery

Restructuring the functions

I restructured the TMS solution to provide a clear and intuitive navigation structure, allowing users to easily access critical functions and monitor key metrics. I also developed a new user flow that streamlined the process of managing transportation operations, reducing manual effort and increasing efficiency.

Information architecture workshop with designers, product leads, and developers

Introducing the hub and spoke model.

In the hub and spoke model, transportation activities are coordinated through the centralized hub.

Users can proactively monitor shipments, identify potential issues, and take corrective actions, ensuring timely deliveries and higher user satisfaction

Designing a solution

Reusable dashboard solution on a responsive system

I embarked on the mission to develop a robust design system tailored specifically for enterprise use. By meticulously crafting reusable components, I aimed to revolutionize the way Elemica approached user experience.

Through extensive research, iterative testing, and collaboration with cross-functional teams, I meticulously designed a comprehensive library of reusable components. These components not only enhance efficiency but also ensure a consistent and cohesive user interface across various enterprise applications.

Wireframes

Aided organization and development before visual design.

User interface

With a focus on scalability and adaptability, the reusable components I created allow Elemica at an enterprise level to seamlessly integrate new features and functionalities. Promoting a unified user experience, it empowers users with intuitive interactions, reduces learning curves, and ultimately increases productivity within the enterprise environment.

➡ Improved navigation

➡ Notifications & Tasks flyouts

➡ Quick Filters

➡ Skeleton loading

➡ Stop information

➡ Stop level cards

➡ Map visibility

➡ Shipment simulation stepper

Impact

22% Average improvement in shipment efficiency

Users can manage deviations proactively, optimizing both inbound and outbound loads with the ability to approve or reject costs in real-time!

Next steps

The Eyefreight TMS project allowed me to focus solely on UI with sprinkles of information architecture. Ideally, every project would be an end-to-end process but nothing is perfect.

As a next stage, we have tagged and started creating funnels to measure user drop-offs. We have also used the existing framework to A/B test key screens and features.

Return to project list

Page updated

Google Sites

Report abuse