← Back to Portfolio

Logistics Web Console — UX Redesign Case Study

This case study covers the redesign of a complex logistics web console used by supervisors and operational teams to monitor events, resolve exceptions, and coordinate daily tasks. The original system presented data in fragmented tables with minimal hierarchy, making it difficult to identify what needed attention.

The UX goal was to increase clarity, reduce cognitive load, support faster decision-making, and create a consolidated view of operational activity.

1. Problem Overview

The original web console had several issues:

Multiple tables scattered across different screens.
No unified view of high-priority events.
Heavy reliance on manual filtering.
Users had to jump between screens to complete simple tasks.
Poor scan-ability due to dense, unstructured data.
Lack of visual cues for severity or task urgency.

Supervisors often missed critical exceptions because they were buried inside multi-step filter flows or displayed in low-contrast grids.

2. Project Goals

Create a single, consolidated event overview.
Improve scanning speed using strong visual hierarchy.
Introduce clear severity indicators and action states.
Simplify common workflows like filtering, sorting, and triage.
Reduce screen switching for high-frequency tasks.
Improve collaboration between supervisors and operators.

3. UX Process

3.1 Research & discovery

We shadowed supervisors across multiple shifts to understand:

What events matter most.
How they identify issues.
The mental model behind their triage process.
Sources of mistakes and slowdowns.

We also reviewed support tickets and analytics to identify recurring friction points.

3.2 Information architecture

The team mapped and reorganized the event types, grouping them by logical workflow:

Critical exceptions
Pending tasks
Completed actions
Requests awaiting approval

This produced a cleaner structure and removed many unnecessary categories.

3.3 Interaction patterns

Key upgrades were introduced:

Split-view layout
Allowing users to select an event from the left list and immediately see its full details on the right.
Universal filter bar
A single filter component usable across all event types.
Contextual action panel
Only showing actions relevant to the selected event.
Severity colors + badges
Making priorities instantly recognizable.

3.4 High-fidelity prototypes

Responsive prototypes were built for:

Desktop (primary target)
Tablet (secondary usage)

Multiple rounds of iterative usability testing were conducted with real supervisors.

4. Final Solution

The redesigned web console brought clarity and structure to the previously fragmented experience. Major improvements included:

Unified event dashboard
A single page showing all major categories at a glance.
Clear priority and severity levels
With color-coded indicators and badges.
Detail pane with contextual actions
Reduces screen switching and keeps focus on the task.
Consistent table layouts
With dynamic grouping, compact/dense modes, and inline actions.
Configurable filters
Built as a reusable pattern for all teams.

5. Impact & Outcomes

Supervisors identify critical issues faster.
Reduced screen navigation and context-switching.
Consistent UX patterns across all event types.
Less training required for new hires.
Increased daily task throughput due to clearer priorities.

The redesigned console became the foundation for multiple future modules and was adopted across additional operational teams due to its clarity and efficiency.

Conclusion

A well-designed logistics console empowers supervisors to make faster, more confident decisions. By focusing on hierarchy, consistency, and actionable clarity, the redesigned system significantly improved daily operational performance.