Warehouse
Management System

UI/UX Design for Real-Time, Accessible, and Accurate Weather Data

Overview

We partnered with Spacemaker Inc. to design a mobile and embedded interface for managing their smart racking systems. The application allows warehouse staff and system technicians to operate automated storage units—mirroring the physical controls found on rack trays. This modern interface streamlines tray movement, item retrieval, and storage organization, improving safety and speed while minimizing training requirements. The system supports both forklift-mounted fixed screens and mobile devices used by service staff. Our goal was to create a responsive interface that adapts to both contexts—prioritizing visibility, interaction speed, and task clarity for industrial users on the move.. The existing system was slow, visually outdated, and difficult to use in fast-paced industrial environments. Our task was to modernize the experience to enable warehouse staff to quickly check inventory, report issues, and monitor logistics workflows—all via an embedded touchscreen system.

Challenges

The previous UI failed to support real-time decision-making and required too many steps for common tasks. Users often struggled to locate time-sensitive alerts or key metrics. Visibility was poor in warehouse lighting conditions, and the interface lacked support for accessibility standards or multilingual staff. We also needed to balance improvements with device constraints and legacy system dependencies.

Our Approach

Role-Based Prioritization

We defined workflows for forklift operators and mobile service staff. Each role was presented only with actions relevant to their responsibilities—reducing cognitive load and streamlining tasks like shipment tracking, item lookup, and tray operations.

Visual Clarity in Harsh Lighting Conditions

We optimized for both forklift-mounted screens and handheld mobile use. High-contrast colors, bold icons, and responsive layouts ensured visibility in bright or low-light warehouse conditions. Critical alerts and status indicators were easily scannable—even in motion.

Maintainable UI Architecture

While this was a single-application deployment, we developed the interface using lightweight React patterns and minimal framework customization. This ensures easy future updates, clean code maintenance, and support for added functionality without overengineering the system.

Device Adaptability

The application runs seamlessly on both embedded fixed screens and mobile devices, adjusting layouts and controls as needed. Whether accessed via a kiosk interface on a forklift or through a phone by service staff, the app delivers consistent usability across environments.

Design System

To ensure visual and functional consistency across current and future interfaces, we developed a foundational design system. This included typography, spacing rules, iconography, and component behaviors adapted to Spacemaker’s brand and industrial use cases. The system was built to support embedded touchscreens, mobile devices, and potential expansion to other digital tools—providing a cohesive visual language and minimizing rework as new features are added.

Results

The redesigned WMS interface transformed daily operations, moving beyond mere visual updates to deliver quantifiable improvements in warehouse efficiency and safety.The redesigned Weather Canada app delivered significant improvements in both usability and performance, meeting the diverse needs of its user base.

Operator Efficiency

By defining role-based workflows for forklift operators and mobile staff, we drastically reduced the number of steps required to complete common industrial tasks like tray retrieval and item lookup. The intuitive flow led to faster overall cycle times.

Real-Time Decision-Making

Critical inventory data, status alerts, and system diagnostics are now displayed prominently and in real-time. This eliminated delays caused by navigating slow, outdated screens, enabling faster, data-driven decisions on the warehouse floor.

Clarity in Harsh Conditions

The high-contrast visual design, coupled with bold iconography, ensured maximum visibility and scannability under varied warehouse lighting (bright or low-light). Operators can safely interpret alerts and metrics even when the screens are vibrating or in motion.

Reduced Training Time

The modern, streamlined layout and consistent interaction patterns minimized the learning curve. New staff can now operate the automated racking systems with minimal training, leading to faster integration into the workforce.

Consistent Cross-Platform UX

The single responsive interface delivers consistent usability whether accessed via the large, fixed screens mounted on forklifts or handheld mobile devices used by service technicians. This adaptability eliminates errors associated with context switching.

Foundation for Future Growth

The maintainable UI architecture, built on lightweight React patterns, provides the client with a stable and flexible foundation for integrating future smart racking technology or expanding the system to other logistics applications.

Let's Work Together

Let’s bring clarity to complexity. We help industrial teams move faster with better software.

Warehouse Management System