01
Inbound Receiving
- WHEN
- Goods arrive and need to be checked into the warehouse.
- THE INTERFACE NEEDS TO
- Scan products, verify quantities and handle exceptions with minimal input.
- SO THAT
- Keep receiving tasks clear, consistent and easy to complete.
Warehouse
Management System
WMS
Turning complex warehouse operations into clear, scan-first workflows.
01 / Project overview
Interfaces for a more efficient supply chain.
Working from established business flows and low-fidelity wireframes, I developed a consistent visual system and high-fidelity interfaces for handheld PDA workflows — from receiving and inspection to inventory, fulfilment and returns.
MY ROLE
UI & Visual Designer
- High-fidelity UI design
- Visual system
- Interaction & state refinement
- Component design
- Developer handoff
02 / Operational context
From warehouse
tasks to clear
interfaces.
Warehouse work depends on quick, repeatable actions. I focused on the moments where clear structure, practical controls and timely feedback can support the task at hand.
02
Quality Inspection
- WHEN
- Received products need to be inspected and results recorded.
- THE INTERFACE NEEDS TO
- Make pass / fail decisions, capture evidence and document issues.
- SO THAT
- Record quality issues consistently within the receiving workflow.
03
RFID Verification
- WHEN
- RFID tags need to be checked against the expected product records.
- THE INTERFACE NEEDS TO
- Show scan progress, EPC matches and exceptions with clear feedback.
- SO THAT
- Help operators identify missing, duplicate or unexpected tags.
03 / Visual system
Typography
A clear sans-serif hierarchy keeps dense operational screens readable. Consistent sizes and weights separate task titles, product details and supporting information.
Poppins
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
RegularMediumSemi BoldBold
03 / Visual system
Colour
Blue identifies primary actions. Neutral surfaces keep product information readable, while semantic accents distinguish progress, exceptions and completed tasks.
Accent Usage
Used selectively to communicate status and direct attention where it matters.
Orange #F97103
Warning / Pending / Attention
Red #ED462C
Error / Risk / Critical exception
Green #00C097
Success / Verified / Completed
Purple #873FFE
Secondary features / Special workflow states
Core warehouse tasks.
One clear workspace.
Inbound, outbound, inventory and stock movements share one workspace. Task counts make the workload visible, recent activity provides context, and clear entry points lead directly into each workflow.
Visual hierarchy for fast decisions
Task summaries, status colours and modular cards bring the receiving workload into focus. A clear overview separates incoming, active and completed tasks, with alerts highlighting exceptions that need attention.
Clear feedback for RFID verification
Scan counts, grouped product details and EPC matching make verification progress visible. Distinct states separate matched items from exceptions that still need attention.
A clear starting point
for every delivery.
Incoming orders, units to receive and task status sit together in one overview.
Direct access to product receiving and quality inspection keeps the next step close at hand.
A clear flow,
from receiving to review.
Consistent information, action patterns and state feedback connect scanning, product receiving and inspection into one continuous workflow.
Clear inventory,
confident counting.
Stock summaries, accuracy indicators and location-based counting connect the inventory overview with item-level checks. Clear statuses keep counted quantities and differences easy to follow.
From complex operations
to clear actions.
A consistent interface system for the everyday work of receiving, verifying, counting and moving stock.
ONE LAST THING.