TMS by Traxporta
Designing a Minimum Viable Product (MVP) for a Transportation Management System (TMS) that enables logistics operators to manage the entire process efficiently.
10+ × Developers
Overview
Traxión is one of the largest logistics companies in Mexico, a country that stands as the United States’ top trading partner, ranks 7th globally in logistics infrastructure, and faces some of the highest logistics demands worldwide.
The Challenge:
Traxporta, a subsidiary of Traxión faces some big challenges, like many companies in the logistics sector:
Legacy tools
The company used third-party systems that were expensive, hard to change, and not supported.
Too many systems
Different tools that don’t work well together cause problems.
Payment delays
Late document uploads and slow updates on load status and proof of delivery (POD) caused inefficiencies.
Before and After
My role
1:1s, critiques, cross-functional collaboration, and mentoring.
Ensure consistency across all products.
Foster seamless collaboration.
Drive and oversee the entire project.
Product Design Maturity Framework
How can we elevate the organization’s design practice to the next level?
In this diagram, based on design maturity frameworks, we illustrate all the actions and artifacts established to elevate the organization’s design maturity.
Framework for Displaying Design Maturity in the organization
Product Roadmap
This roadmap outlines the strategy for all products. My role was to collaborate with product managers, stakeholders, and tech leads to ensure its successful implementation and alignment across teams.
Research
To build a strong foundation for understanding our customers, we partnered with multiple companies to conduct:
450+ customer interviews and surveys
15+ stakeholder interviews
6+ on-site interviews
A heuristic evaluation to identify usability issues
Based on our research results, we chose baseball cards to represent user personas in a more engaging and shareable way. This format helped simplify communication and encouraged broader team interaction.
Click to flip and see more details.
Given the complexity of the logistics industry, we went beyond user personas and created cards for Equipment, Types of Cargo, and Key Concepts. This approach helps unify language across teams and serves as a training tool to ensure clarity and alignment.
Design System
Building a design system for a complex product ecosystem was an exciting challenge.
From iOS and Android apps to a web platform and carrier portal, we developed a cohesive visual style that reflected the brand’s values.
Starting with Tailwind CSS and Flutter for mobile, we customized components to balance flexibility with consistency. Along the way, we enhanced accessibility and navigated the unique demands of the product.
Solution and Process
We designed a robust, intuitive platform that optimizes transportation management, enabling users to efficiently handle key tasks with greater transparency, including:
Shipment and Load creation
Real-time tracking
Document management
Financial Process (Invoicing and Billing)
New Version of Driver’s App Increases Adoption by 30%
We launched a fully optimized MVP for the driver’s app, significantly improving the experience for receiving shipments and tracking logistics statuses. Additionally, we implemented both light and dark mode, which contributed to increased user engagement, resulting in a 30% boost in app adoption.
Iterations
The Loadboard is the core of our TMS, central to the entire experience. Over six months, we focused on refining it through multiple iterations.
How might we
How might we
HMW prevent data overload while ensuring key information is easily accessible?
We prioritized key data for each load status and added tabs for easy filtering. Columns adjust dynamically based on the load status, ensuring relevant information is displayed without clutter. In the future, we plan to support customizable columns and full horizontal scrolling.
HMW maximize data display while minimizing space usage?
We iterated on reducing vertical spacing to display more data. Key info was reduced to intuitive icons, allowing more rows per window. Users can control rows per page, and we plan to add customizable density in the future.
HMW ensure users aren’t overwhelmed by large volumes of data?
We designed a permission system that ensures the system displays only the loads assigned to each user, making it easier for them to focus. Additionally, users can filter and search by any attribute, as well as by their team or colleagues.
Impact & Results
3 months: Delivered a skeleton version
Successfully launched a skeleton version of the TMS within a tight timeline.
30% increase in adoption
The app launch increased adoption by 30%, with drivers engaging more and triggering events in real-time.
Savings in third-party tools
Reduced reliance on tools like Blue Yonder, leading to cost savings and more streamlined operations.
Felipe Rosas is a UX/UI designer and product designer based in Bogotá, Colombia, fluent in multiple languages.
