Eleken designed an intuitive white-label solution for a shipment tracking platform

Creating an intuitive and informative dashboard through iterative design

The dashboard where the customers can track their shipments is the first screen the customers see and the one they'll interact with the most.

For the first version, we tried to make the dashboard as simple to get as it could get. The data was divided into blocks, distinctive from one another. Our designers also used different types of diagrams, as well as distinctive color palettes, to make sure the customer can get the info they need at first glance.

However, after receiving customer feedback, it became clear that it was not what they actually needed. We designed a strategic dashboard to provide the users with a birds-eye overview of their shipments, while what they needed was an operational dashboard to keep track of real-time data. Their wish is our command, so we got down to work.

With a newly-designed operational dashboard, the client can get real-time data on their shipments. The calendar allows for immediate decision-making if the shipment is arriving in the next few days. The interactive map adds a nice touch of visualization. Different types of data (map, calendar, as well as lists of different types) are also divided into distinctive blocks, making it easy for users to focus on a specific task.

The design is still in progress, and different prototypes differ a bit, but the client is satisfied with it, and it serves its purpose excellently.

Designing for simplicity with best practices in mind

The primary LogitudeWorld platform is quite complex to understand and navigate. The LogitudeWorld team initially tried to design the new platform on their own, using the components of their primary app. However, it did not go well with less tech-savvy users the company had in mind.

What exactly did we do to address this challenge?

Less clicks to accomplish the tasks

One screen should fit as much information as possible. For example, in LogitudeWorld's initial design, filters were hidden under icons in the right upper corner of the screen. These icons are often not self-explanatory without the labels. So, the users' process was to click on these icons until they found the necessary to then deal with the drop-down menu. To reduce the time spent on these tasks, we moved all the filters in the sidebar menu and made them all visible.

The fact that it allowed us to take up the previously blank space and to balance the composition is a nice touch as well.

Labels for all icons

On their primary platform, LogitudeWorld actively uses the icons, and that's part of their aesthetic.

The client wanted us to make use of them as well. However, when the icons are the only source of information, they can easily become confusing. To avoid that, we ensured all the icons had annotations.

For example, in the "Timeline" section you can see in the screenshot below, different icons represent different shipment stages. Each one has a light gray inscription nearby. This way, the user can easily check them out if they find the icons unclear.

Adding tooltips

On their primAdding hover tooltips or partial information is crucial when designing an app for users who may not be tech pros. This feature ensures that everyone can easily access additional details or explanations simply by hovering over a tool or information, which results in better user experience and accessibility for a broader audience.ary platform, LogitudeWorld actively uses the icons, and that's part of their aesthetic.