UPS TMS Platform - SaaS & UX UI Design

We need the redesign of the logistics dashboard to meet current employee needs and support better flow in global cargo operations across UPS.

Matthew Grant, CPO at UPS

Matthew Grant

CPO at UPS

About the project

Airfreight Delivery UPS is well-known around globe for it’s impressive global net logistic. The time passes by, so the platform should too.

  • Project

    UPS Airfreight Delivery


  • Category

    Logistic Dashboard


  • Location

    USA, Alaska


  • Date

    2024


  • Logistics Software | UX & UI Design

    Logistics Software | UX & UI Design

  • Enterprise transport management system SaaS web application interface showing a management diagram.

    Logistics Management Software | UX & UI Design

Aftermath

Scope of work

  • We had a big scope of work from UPS TMS Platform - SaaS project. It was a quite a normal assignment with a few diffs: redraw the interface, reconstructing the interface, employee examine.

    The UPS project came with a clear ask - redesign the outdated logistics dashboard interface. We worked on updating the full UX/UI structure, redrawing screens, and streamlining key interaction flows. The scope also included internal employee testing and adjustment based on feedback.

  • Screenshot of the web application UI for enterprise transport management, displaying key data metrics.

    Logistic Software | UX & UI Design

  • Screenshot of a mobile UI for a transportation management system with flight data.

    Software For Logistics | UX & UI Design

Aftermath

Project Timeline

  • This is our project timeline for this project. It was a little complicated, so it took time to polish it up to The Finals. This UPS TMS Platform - SaaS example took us through a 6-week sprint with milestone reviews. Due to data density and layered access levels, we needed to iterate multiple flows.

  • SaaS UPS Transportation Management System interface with management data.

    Logistics Software Development | UX & UI Design

  • Screenshot of an enterprise transportation management system web application UI on a tablet.

    Software Logistics | UX & UI Design

Aftermath

Design Process

  • Describing the process can prove our experience and the nice feeling of time. We followed a structured UX process from audit to wireframes, then prototyping and delivery. In the UPS TMS Platform - SaaS ui / ux workflow, we prioritized dashboard clarity and user conversion paths. Frequent user validation helped us improve the layout logic across all views.

  • Screenshot of the UX/UI design for the mobile app of the enterprise transportation management system.

    Transportation Software | UX & UI Design

Users Interviews

Employee & Company Examine

  • We interviewed operations managers, airfreight coordinators, and backend staff. The goal was to assess platform usability, tool relevance, and conversion friction in existing flows. This gave us the right focus for both UI improvement and backend communication.

Key Insights

  • +6

    Problems solved

  • +63

    Insights & Tips

  • 215

    Employees Interviewed

  • Logistics Software Company | UX & UI Design

    Logistics Software Company | UX & UI Design

  • Screenshot of a mobile app interface for enterprise transportation management, with an airplane visible.

    Logistic Management Software | UX & UI Design

Employee Examine

Employee Interview

  • We set up employee interview, which was part of our mission and important tip for design. 47,4% of employees found rebrandin’ awesome.

  • By Prioritizin’ main problems and marked tasks you complete half of work - the rest is yours.

    Tiffany Allen, Team Lead at NSWF

    Tiffany Allen

    Team Lead at NSWF

  • Screenshot of business professionals using an enterprise transportation management system web application.

    Logistics Planning Software | UX & UI Design

  • Logistics Tracking Software | UX & UI Design

    Logistics Tracking Software | UX & UI Design

Employee Examine

Employee Survey

  • Bodies applied for employee survey and it helped us a lot, as we have really cool ongoing insights. Responses validated interface concerns and highlighted productivity blockers. Most employees were open to testing new features, which sped up iteration.

Key questions from the interview

    • 31% of users agreed

      Is interface pretty?

    • 52% of respondents needs

      Mange cargo in 2D?

    • 78% of users reported the need

      App for mobile?

    • UI screenshot from an enterprise transport management system showing a circular data meter.

      Logistics Tracking Software | UX & UI Design

    • Diagram illustrating barcode scanning on an electronic device within a transportation management system.

      Retail Logistics Software | UX & UI Design

    Employee Examine

    Solutions

    • We come up with these solutions and are pretty proud of these. They directly addressed internal traffic issues and improved engagement.

    • Come out with brand new UX for a lot stat boards

      Redefined layout with better role segmentation and faster visual response.

    • Perform application for mobile/tablet screen sizes

      Built adaptive views to improve task execution beyond desktop.

    • Manage aircraft cargo in 2D dimension

      Integrated cargo views into a simplified, touch-based grid for easier planning.

    • Retail Logistics Company | UX & UI Design

      Retail Logistics Company | UX & UI Design

    • Retail Logistics Software | UX & UI Design

      Retail Logistics Software | UX & UI Design

    Design Code

    Design & New app

    • We designed a lightweight, responsive UPS application interface with updated visuals and mobile access in mind. The structure followed real use-cases within logistics workflows.

    Key Insights

    • +24

      New design elements

    • 3

      Optimizes colors

    • +3

      Screen sizes support

    • Logistic Dashboard | UX & UI Design

      Logistic Dashboard | UX & UI Design

    Design Code

    Design Language

    • We completely redesigned the look of UPS's design code to make it feel incredibly powerful and new. We chose Lufga, a clear and easy-to-read font, perfect for digital dashboards. For the main colors, we used black and white to ensure everything was clear and easy to see. Red was used for important alerts, and green showed when things were ready to go. This simple color system helped prevent mistakes when people were dealing with lots of information quickly, especially during busy times.

    • Screenshot of a UI/UX design diagram for the UPS transport management web application.

      Logistics Optimization Software | UX & UI Design

    • Enterprise professional reviewing design documents for a transportation management system.

      UX Expert Review | UX & UI Design

    Design Code

    Website

    • Comin’ to website, we’ve done such a job with refinement on landing, take a look. The site now supports faster entry, quick routing to logistics dashboards, and better mobile performance. Key flows like onboarding and delivery tracking were simplified.

    • Screenshot of a UPS transport management system web application interface.

      UX Web Design | UX & UI Design

    • UX/UI interface screenshot on a tablet, displaying data or documents for a transport management system.

      Digital Product Design | UX & UI Design

    Design Code

    Mobile App

    • This is mobile app which employees asked a lot for. Within lovely approach the very good screens are born. That’s how we do it!

    Key Features

      • Multi-role Interface Access

        Easily switch between pilot, admin, and logistics views on the go, based on assigned role access.

      • Smart Notifications

        System alerts on flight status, cargo delays, or aircraft readiness appear in real time with prioritization logic.

      • Cargo Overview Mode

        The cargo (like in famous penguins meme) management is finely & comfily adapted, so you won’t miss a thing from mobile.

      • Multiple mobile screenshots showcasing the UPS transport management system's enterprise UX/UI design.

        Mobile App Development | UX & UI Design

      • Screenshot of the UX/UI design for the UPS Transport Management System web application.

        Web Development Services | UX & UI Design

      The Finals

      Result

      • The UPS example showed noticeable gains in usage satisfaction and daily traffic flow through redesigned touchpoints. Engagement and retention rates improved after full rollout of mobile support and logistics dashboard UI upgrade.

      • Thanks to the new UPS UX/UI, the dashboard finally works the way our teams expect it to.

        Matthew Grant, CPO at UPS

        Matthew Grant

        CPO at UPS

      Key Insights

        • Workflow Performance

          +52.5%- streamlined dashboard navigation and improved load times.

        • Employee Comfortability

          +12.8% - clearer structure and simpler visual hierarchy across screens.

        • Bimonthly Sales Report

          +9.5% - faster cargo processing and improved employee coordination.

        • Product Design And Product Development | UX & UI Design

          Product Design And Product Development | UX & UI Design

        Shall we chat?

        [email protected]

        Let’s

        Image

        talk

        This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies.