Picking & Packing Redesign
Picking & Packing Redesign
UI Design for Internal Fulfilment Tools
The Challenge
Huboo’s internal picking and packing tool was functional but inconsistent. Over time, incremental updates had created a fragmented interface with unclear hierarchy and mixed UI patterns.
For warehouse staff, particularly new starters, this increased cognitive load during time-sensitive tasks. Slower pick times, hesitation and occasional input errors were common friction points.
The objective was to redesign the interface to make task flows clearer, reduce visual noise and create a more consistent system that supported speed and accuracy.
The Approach
I began by auditing the existing interface to identify inconsistencies in layout, hierarchy and component behaviour. Many UI elements had evolved independently, resulting in duplicated patterns and unclear interaction states.
Rather than applying surface-level visual changes, I focused on establishing structural consistency:
Standardised layouts for picking and packing flows
Clear visual hierarchy to prioritise key task information
Reusable components to reduce variation
Defined interaction states to remove ambiguity
To support long-term consistency, I developed a lightweight style guide covering typography, colour usage, spacing and UI patterns. This created a shared reference point for both design and development, reducing interpretation gaps during implementation.
Prototypes were tested internally with warehouse teams, allowing rapid iteration based on real workflow feedback before final handoff.
The Outcome
The redesigned interface provided a clearer and more structured experience for daily fulfilment tasks.
Warehouse staff were able to navigate flows more confidently, particularly during onboarding. The reduction in visual clutter and improved hierarchy supported faster decision-making during picking and packing.
Internally, the introduction of reusable components and documented UI patterns improved development efficiency and reduced recurring inconsistencies across future updates.
While formal metrics were not tracked, team feedback consistently highlighted improved clarity and ease of use, particularly among newer staff members.
What I Learned
This project reinforced the impact of strong UI foundations in operational contexts. Small inconsistencies compound quickly in high-frequency workflows, and clarity directly supports both speed and accuracy.
It also strengthened my ability to advocate for system-level thinking, moving beyond isolated screen updates towards reusable components and documented standards that improve the product over time.