Transportation optimization and the strategic redesigning of the Control Tower
Transportation optimization and the strategic redesigning of the Control Tower
Embedded Files
Background
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 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
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
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
Research
Design Audit
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
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
Discovery
Restructuring the functions
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.
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
Designing a solution
Reusable dashboard solution on a responsive system
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
Wireframes
Aided organization and development before visual design.
User interface
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
➡ Improved navigation
➡ Notifications & Tasks flyouts
➡ Notifications & Tasks flyouts
➡ Quick Filters
➡ Quick Filters
➡ Skeleton loading
➡ Skeleton loading
➡ Stop information
➡ Stop information
➡ Stop level cards
➡ Stop level cards
➡ Map visibility
➡ Map visibility
➡ Shipment simulation stepper
➡ Shipment simulation stepper
Impact
Impact
22% Average improvement in shipment efficiency
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
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