Freight Intelligence reporting platform, redesigned dashboard

Freight Intelligence

  • RoleUX Lead
  • ScopeResearch · UX/UI · Data Visualisation · Design System
  • PlatformMicroStrategy · Web · Mobile
  • DomainFreight · Logistics · BI Analytics

UX redesign of a freight and logistics reporting platform, focused on making operational data easier to find, understand, and act on across desktop and mobile

A large freight and logistics organisation relied on an enterprise business intelligence platform to monitor operational performance, shipment activity, service quality, revenue, and sales effectiveness.

Our team redesigned the reporting experience across more than 100 interface screens and 20 operational reports. My role covered UX research, information architecture, interaction design, data visualisation, UI design, design-system development, platform validation, and developer handoff.

Challenge

Users struggled with dense dashboards, inconsistent layouts, complex report navigation, and limited mobile access across the reporting platform.

  • Limited Mobile Access

    Critical reporting experiences were primarily designed for desktop

  • Complex Friction

    Finding the right report or KPI required too many steps

  • Inconsistent UX

    Similar reports used different layouts, patterns, and interactions

  • Fragmented Reporting

    Related operational insights were spread across disconnected reports

  • Dense Data

    Tables and dashboards lacked clear hierarchy and scanability

Approach

Audited existing reports, mapped user needs, restructured information architecture, and translated findings into wireframes, dashboard patterns, and responsive flows.

Window and panel icon

Research

Reviewed existing dashboards, user roles, report structures, and recurring operational tasks to identify usability gaps

Stacked blocks icon

Structure

Reorganised reports around user goals and business functions rather than the underlying system structure

Palette icon

Design

Explored dashboard hierarchy, navigation, filtering, KPI patterns, tables, charts, and responsive behaviours through wireframes and prototypes

Approved person icon

Validation

Worked through stakeholder and platform reviews to ensure designs could be translated into the existing BI environment

Solution

Created a unified dashboard system with clearer navigation, consistent KPI and chart patterns, reusable components, and responsive desktop-to-mobile layouts.

Report navigation menu open over the Executive Summary dashboard

Clearer Navigation

Reports were organised around operational and business tasks, making it easier to move from high-level performance to detailed insights.

Dashboard anatomy annotated as navigation, KPI cards, filters, and data visuals

Dashboard Hierarchy

A predictable structure placed filters, KPIs, trends, comparisons, and detailed data in a consistent order across reports.

Shipment volume bars, plan progress, transport mode split, and on-time delivery heat table

Data Visualization

Charts, KPI cards, tables, and status indicators were redesigned to improve comparison, readability, and interpretation.

The same report on desktop and on a phone, side by side

Responsive Reporting

Mobile layouts prioritised essential KPIs, trends, and actions rather than compressing the full desktop experience.

Design System

Reusable patterns for typography, colour, spacing, filters, tables, charts, KPI cards, and navigation created consistency across reports.

Color & Semantic Roles
Colour and semantic roles: canvas, surface, ink, secondary text, border, accent, prior-year series, positive change
Iconography
Iconography: transport and infrastructure, cargo and handling, tracking and delivery, documents and control
Typography
Typography: Inter UI ramp from page title and KPI value down to period label
Inputs & Filters
Inputs and filters: search, validated fields, multi-select hubs, reporting period, checkboxes, radios, and toggles

Impact

Established a scalable reporting framework that improved consistency, reduced design ambiguity, and gave product and development teams reusable standards for future reports.

Report navigation list with Executive Summary selected

Unified Experience

Multiple operational reports now shared a consistent structure and interaction model

Report filters and KPI detail on a tablet width Desktop report with trend chart and hub ranking Mobile report view with stacked KPI cards

Clearer Handoff

Shared components and documentation gave design and development teams a common reference point

Cross-Device Access

Responsive patterns extended key reporting experiences beyond desktop workflows

Reusable KPI card and table components Reusable filter chip component

Scalable Foundation

Reusable dashboard, navigation, chart, table, and KPI patterns created a framework for designing future reports without starting from scratch

From disconnected reports to a unified enterprise reporting experience

The work moved the platform beyond individual dashboard redesigns, creating a shared UX framework that could support both existing reports and future reporting needs.

More Cases