Freelance UX Designer

Role

Enterprise Mobility/B2B

Industry

2012-2020
 
 

Timeline

Desktop & Mobile/ Responsive  

Platform

The Process

— Discover
The project began with a deep dive into how warehouse workers actually interact with the WCS in real operational conditions — what data they need at a glance, how quickly they need to act on it, and what device constraints they’re working within. Key findings revealed that workers were most frequently checking device connectivity status, printer health, and regional operational metrics — but the existing interface buried this information across multiple navigation levels. The initial brief focused on mobile screen optimization, but research quickly surfaced that tablet adoption was increasing on warehouse floors, creating an opportunity to significantly expand the data density and usability of the interface.

— Define & Design
I designed a responsive interface architecture that gracefully scaled from handheld mobile computers to tablet displays — using a tile-based layout system that could reorganize and expand based on available screen real estate. Key design decisions included a persistent navigation system for fast access to core functions, tile overlays for contextual detail without full page navigation, clear visual hierarchy for connectivity and device status indicators, and region-based views that gave supervisors geographic visibility into their operations. All designs were built within Zebra’s existing brand standards while modernizing the visual language of the interface.

— Deliver & Measure
Final designs were delivered with comprehensive handoff documentation — annotated specs, component breakdowns, and interaction notes — ensuring the development team could implement with precision and without ambiguity. The responsive redesign enabled warehouse staff to view significantly more actionable data simultaneously, reducing the navigation steps required to access critical information and improving real-time decision-making on the warehouse floor.

The Results

2x

Data Visibility- Mobile to Tablet Optimization

Responsive

Architecture Scaling Across all Device Types

9

Flows Across WCS Suite
 

Zero Ambiguity

Handoff Documentation for Development

In Summary

  • Design excellence doesn’t end at the mockup. For the Zebra WCS project I delivered a complete handoff package — annotated specifications for every screen, component-level documentation, interaction states, responsive behavior notes, and brand compliance checks. This level of handoff discipline ensures that what gets built matches what was designed, protecting the user experience through the implementation phase

One Final Note

The patterns and principles developed during the Zebra engagement — responsive data density, device-aware layouts, and warehouse floor context — directly informed my later work leading the WES/WCS redesign at Fortna. It was invaluable to my decision making and attributed to me making smarter design choices.