Forward Asset Management System
As the sole UX professional on this project, I led the entire design process for an asset management web app for Agramont Worldwide Logistics. This project aimed to improve asset visibility across various yard and warehouse locations and spanned three months. My role encompassed both UX research and UX/UI design, collaborating with software developers, a project manager, and the operations director to create the app from scratch.
Adobe Illustrator
Time Frame
Tools
Figma
1 month
Logistics coordinators faced difficulty in visualizing and locating trucks and trailers, while yard security guards tracked entries and exits using paper-based systems. Agramont Worldwide Logistics needed a digital solution that provided real-time visibility of assets and streamlined check-ins, check-outs, and documentation.
The Problem
I conducted user interviews with three logistics specialists, uncovering that most used 3 or more external tools to manage asset tracking and communication, which led to inefficiencies. This insight guided the project's focus on simplicity and integration.
I also conducted a competitor analysis of FourKites and Samsara, which emphasized the importance of real-time asset visibility and simple data visualization. These findings heavily influenced the design decisions for the app.
Research & Insights
UX Design Process
As the sole UX researcher and designer, I was responsible for every aspect of the design, from initial sketches to high-fidelity prototypes. Starting from scratch, I had to establish a clear vision for the app's structure and functionality.
I mapped out user flows for logistics specialists and security guards, showing how they would check in/out assets, reserve trailers, and access real-time data.
We created a detailed component list and outlined their necessary integrations with existing systems.
I then began with sketches, conceptualizing a dashboard interface that would include info cards and a table of assets.
User Flows & Initial Sketches
Using Figma, I developed low-fidelity wireframes and created a prototype that I tested with logistics specialists and security guards. During testing, it became clear that the reservation page needed to be more intuitive and include the ability to reserve trucks for dispatch. Based on feedback, I also refined the info cards displayed on the dashboard for each user role.
Wireframes & First Prototype
With the app’s structure completed, I built a comprehensive design system that included a color palette, iconography, typography, elevation settings, and layout grids, ensuring consistency across the app’s interface.
Design System
I designed an interactive, high-fidelity prototype in Figma, incorporating detailed user flows and clickable elements.
Through close collaboration with software developers, we successfully transformed the prototype into the launch-ready version of the web app.
Hi-Fidelity Prototype
Insights & Outcomes
Reservation Page Iteration: Initial testing revealed that the reservation page needed to be more user-friendly. Based on feedback, we added a truck reservation feature and streamlined the process, significantly enhancing usability.
Challenges Faced
Info Cards Customization: Ensuring that each user role’s dashboard displayed critical information clearly was another challenge. By refining the data visualizations on the info cards, we achieved a more effective and visually appealing presentation.
Real-time Asset Tracking: Featuring simple visualization tools for immediate asset status and location insights.
Digital Check-Ins & Check-Outs: Replacing paper-based processes with a digital system for improved efficiency.
Streamlined Trailer Reservations: Enhancing the dispatch process with an easy-to-use reservation system.
Smoother Communication: Simplifying coordination between logistics specialists and security guards.
Results
These design choices resulted in a cleaner, user-friendly interface with improved accessibility through appropriate color contrast, typography, and intuitive navigation. Post-launch, the app notably increased operational efficiency, reduced documentation errors, and enhanced coordination between logistics specialists and security guards.
As the sole UX/UI Designer, I learned the critical role of maintaining ongoing feedback with end users and iterating designs accordingly.