Warehouse Management System
Deployed in 2024
In logistics, every second counts ⏱️
but the legacy system was causing delays.
THE PRODUCT
The "Control Tower" for warehouse staff to monitor capacity and movements and ensure on-time delivery
From task progress to capacity alerts, the system delivers instant performance metrics and alerts to teams across 11 global facilities.
Project Overview
I led end-to-end redesign to maximize workflow speed by building the next-gen management system
Role
Project Lead
UX Designer
Type
B2B
Dashboard
System Overhaul
Team
UI Designer
PM
Stakeholder
CEO
SVP of IT
Backend Engineer
Platform
Mobile App & Dashboard
Duration
2023-2024
Dynamic Layout
Dual-Mode Display System
Result & Impact
I successfully increased efficiency at global scale
Workflow efficiency increased
Global facilities managed
Stakeholder teams onboarded
Global markets served
"The redesigned system dramatically improved our coordination and efficiency."
Claire Hung
Product Manager, ALP
Research
I visited warehouse floors to uncover real problems
Workflow observations
Loading, unloading, automated stacking, and manual pickup processes.
Contextual interviews
Warehouse staff, product manager, warehouse manager.
System usability audits
Three different warehouse screens and app use cases.
Insights
I uncovered two critical issues
Critical data spread across 7 app screens
Staff needed to check 7 different app pages for emergency responses. In fast-paced warehouse operations, this app-hopping slowed critical responses and created operational bottlenecks.
Dashboards unreadable from working distance
My onsite audits revealed dashboards were unreadable from the necessary 5–10 meter working distance, forcing staff to walk back and forth.
Key Feature 1
Everything critical in one view
Before
Critical data scattered across 7 app pages
Staff had to navigate through 7 different screens to access essential warehouse information. This fragmented structure forced teams to constantly switch contexts, making it nearly impossible to get a complete operational picture
Challenge
How to balance eight stakeholder's data priorities while maximizing speed?
Each stakeholder level required distinct data depth and metrics across the system. Floor staff needed granular task data while executives needed aggregated insights.
High-level KPIs and trends
Real-time floor activity
Check real-time progress
Equipment status and alerts
System health and uptime
Delivery performances
Real-time progress tracking
Inventory delivery tracking
Key Decision 1
First, I unified all critical data by redesigning architecture
The new home screen consolidates the 7-screen workflow into a single 'Control Tower' view. Real-time metrics (left) and alert feeds (right) are now visible simultaneously, eliminating the need for context switching.
Key Decision 2
Second, I structured data hierarchy by urgency to optimize workflow efficiency
Through interview, I found urgent information matters to all teams: alerts first, progress second, storage third, analytics last. Staff can now see task progress, storage capacity, and equipment alerts instantly.
The Design
Everything critical in one view, no more juggling
The new home screen consolidates the 7-screen workflow into a single 'Control Tower' view. Real-time metrics (left) and alert feeds (right) are now visible simultaneously, eliminating the need for context switching.
Impact
“The redesigned system ensures perfect information sync across all warehouse key users.”
Claire Hung
Product Manager, ALP
Key Feature 2
Alerts first, everything else follows
Before
Staff can't read dashboard from working distances and in bright lighting
Mounted 5-10 meters above the warehouse floor, the existing dashboard's small text and low-contrast alerts became invisible in bright lighting conditions, preventing staff from catching critical issues.
Challenge
How to enable fast visibility across varying lighting?
Warehouse operations demand instant decision-making. Staff viewing dashboards from 5-10 meters away must process critical alerts while navigating between bright sunlit areas and dimmer storage zones.
Alert Visibility
Urgent alerts must stand out instantly
Font Legibility
Fonts large enough for quick reading
Data Hierarchy
Prioritize data by clear visual hierarchy
Varying Lighting Conditions
Visibility across all corners
The Design
Dynamic Layout
Adaptive Display: Staff can now instantly distinguish between routine monitoring and emergency response modes.
The Decision: I placed urgent "fire-fighting" data at the top left (the first place the eye scans) and less urgent "strategic" data at the bottom.
The Design 2
Dual-Mode Display
Light Mode: Prevents washout in bright, sunlit loading docks.
Dark Mode: Reduces glare and eye strain in lower-light storage zones.
Performance: Optimized for low-end warehouse hardware by using CSS-based state changes instead of heavy motion graphics.
Key Learnings
Ruthless prioritization is the key to serve multiple stakeholders
The breakthrough came when I stopped trying to accommodate every stakeholder's individual requests. Instead, I organized data by what warehouse operations actually needed first. I learned that in complex B2B systems, you must prioritize by "operational urgency."
Designing for physical displays and real workflows requires being there
The original brief just requested "visual updates." However, being on the warehouse floor revealed deeper systemic issues: alerts were lost in navigation, text was illegible at 10 meters, and displays were unusable in sunlight. I learned that you cannot design for physical environments while sitting behind a desk; you have to be in the field.
