UX/UI case for logistics

The product overview

The Air Logistics Cost Predictor is an intelligent forecasting tool designed to help businesses accurately estimate future cargo transportation rates for air logistics. By analyzing market trends, demand fluctuations, and historical data, the app provides real-time insights to optimize shipping strategies, reduce costs, and improve decision-making. Key Features:

• Rate Prediction - Get accurate forecasts for future air cargo transportation costs.
• Market Insights - Stay ahead with real-time data on industry trends and demand shifts.
• Cost Optimization - Plan shipments efficiently and minimize expenses.
• User-Friendly Interface - Easily access predictions and insights through an intuitive dashboard.

Whether you're a logistics provider, freight forwarder, or business looking to streamline operations, this app empowers you with data-driven decisions for smarter and more cost-effective air cargo management.

Wireframing

During the wireframing phase, several key challenges emerged that impacted the clarity and usability of the design:

• Very Long Horizontal Tables - Managing extensive data within long, scrollable tables created usability issues. Users struggled with readability, losing track of headers and relevant information when scrolling. Keeping data accessible while maintaining a structured layout was a major concern.
• Confusing Navigation - The initial navigation structure lacked clarity, making it difficult for users to find the right sections. With multiple features and deep hierarchies, users faced frustration trying to locate key functionalities, leading to inefficiency and potential drop-offs.
• Feature Overload - The project required incorporating a vast number of features, which risked overwhelming the interface. Balancing functionality without cluttering the design flow was a significant challenge, requiring strategic prioritization and a structured approach to UI organization.

Each of these issues needed careful iteration to ensure a seamless, user-friendly experience without compromising functionality.

Investigations

During the investigation stage, the primary objective was to tackle these issues through user research, user testing, and iterative design. By analyzing real user behavior, gathering feedback, and refining wireframes, we aimed to create a more intuitive and efficient experience while ensuring all necessary features fit seamlessly into the design flow.

We tested multiple design concepts to improve navigation, data presentation, and feature organization. Through user interviews and usability testing, we gained valuable insights into how people interacted with the interface, what confused them, and what worked well.

Not all ideas were successful - some concepts turned out to be ineffective or even counterproductive. However, these "wrong turns" were just as important as the right ones, as they helped us eliminate unnecessary complexity, refine interactions, and focus on solutions that truly improved usability.

Design

After identifying key issues and testing different ideas during the investigation stage, the design phase focused on implementing solutions that addressed usability problems while maintaining a seamless user experience. Here's how we tackled each challenge:

• Simplified long horizontal tables - to improve readability and usability, we introduced fixed headers, collapsible sections, and horizontal scrolling with sticky columns. This ensured users could easily track important data without losing context.
• Clear and intuitive navigation - we restructured the navigation to be more user-friendly by implementing a logical hierarchy, persistent sidebars, and contextual shortcuts. Hover tooltips were added to reduce confusion, helping users locate features without unnecessary clicks.
• Managing feature overload - instead of overloading the interface with too many features at once, we applied progressive disclosure, prioritizing core functionalities while keeping advanced options accessible when needed. Interactive onboarding and tooltips helped guide users through complex workflows, ensuring a smoother experience.

Each solution was validated through multiple iterations and user testing, ensuring the final design was not just visually appealing but also functional, scalable, and user-centric.

Summing up

This project was a journey of transforming a complex and overwhelming interface into a streamlined, user-friendly experience. Through thorough investigation, iterative testing, and thoughtful design decisions, we successfully addressed key usability challenges, including long horizontal tables, unclear navigation, and feature overload.

By applying structured data visualization, intuitive navigation patterns, and progressive disclosure, we made the platform more accessible, efficient, and easy to use. Each solution was validated through user feedback, ensuring that the final design truly met users' needs. This case study highlights the importance of user-centered design, continuous iteration, and problem-solving in creating digital experiences that are not only functional but also enjoyable to use.