Stockoss

Stockoss

A Warehouse Management System (WMS) designed to help handlers efficiently manage incoming and outgoing orders using iPhones, streamlining tasks and boosting productivity.

A Warehouse Management System (WMS) designed to help handlers efficiently manage incoming and outgoing orders using iPhones, streamlining tasks and boosting productivity.

Stockoss

A Warehouse Management System (WMS) designed to help handlers efficiently manage incoming and outgoing orders using iPhones, streamlining tasks and boosting productivity.

Stockoss

A Warehouse Management System (WMS) designed to help handlers efficiently manage incoming and outgoing orders using iPhones, streamlining tasks and boosting productivity.

Stockoss

A Warehouse Management System (WMS) designed to help handlers efficiently manage incoming and outgoing orders using iPhones, streamlining tasks and boosting productivity.

MY ROLE

MY ROLE

MY ROLE

UX/UI Designer

UX/UI Designer

UX/UI Designer

TOOLS

TOOLS

Figma, Notion

Figma, Notion

TEAM

TEAM

TEAM

1 Designer

1 Designer

DATE

DATE

DATE

2024

2024

SCOPE

SCOPE

SCOPE

8 hours

8 hours

Overview

CONTEXT

Case Study

Stockoss, a logistics partner, is building its own Warehouse Management System (WMS) to optimize operations for warehouse handlers. These handlers manage collections (incoming orders) and deliveries (outgoing orders) using iPhones. The home screen of this new WMS will be their central hub for daily tasks.

CHALLENGE

How can Stockoss build a WMS user-friendly homepage interface that enables warehouse handlers to prioritize tasks, reduce errors, and maintain productivity, even with technical limitations?

How can Stockoss build a WMS user-friendly homepage interface that enables warehouse handlers to prioritize tasks, reduce errors, and maintain productivity, even with technical limitations?

How can Stockoss build a WMS user-friendly homepage interface that enables warehouse handlers to prioritize tasks, reduce errors, and maintain productivity, even with technical limitations?

How can Stockoss build a WMS user-friendly homepage interface that enables warehouse handlers to prioritize tasks, reduce errors, and maintain productivity, even with technical limitations?

SOLUTION

A user-friendly & energy efficient
home screen

A user-friendly & energy efficient home screen

Prioritise tasks

Organize tasks to help handlers efficiently manage their daily workload.


Streamline search

Offer flexible search options, including package numbers and QR codes.

Offer flexible search options, including package numbers and QR codes.

Offer flexible search options, including package numbers and QR codes.

Offer flexible search options, including package numbers and QR codes.

Overcome constraints

Address battery limits and ensures accurate task alignment

Address battery limits and ensures accurate task alignment

Address battery limits and ensures accurate task alignment

Address battery limits and ensures accurate task alignment

Discover

BENCHMARKS

Navigating Limited Market Insights

I faced limited visibility into competitor WMS solutions due to the specialized and opaque nature of the market. To address this, I exchanged with the Product Owner and Product Manager, leveraging their expertise to gather insights and ensure the design met user and business needs. Additionally, I explored platforms like Behance and Dribbble to seek inspiration from modern design trends

SIMPLIFIED DASHBOARDS

Clear overview to enable decision-making at a glance

Centralized Task Overview

Quick Action Shortcuts

Insightful Analytics

Real-time information

Minimalist & Icon-Based Design

Real-time information

Minimalist & Icon-Based Design

Insightful Analytics

STATUS VISIBILITY

Highlighting order operationnal statuses

Color-Coded Statuses

Tasks Prioritization

Order Tracking

Real-Time Alerts

History Overview

Real-Time Alerts

ORDER SEARCH OPTIONS

Streamlining order retrieval with filters & key details

Status-Based Hierarchy

QR Code Integration

Client & Number Search

Category-Specific Filters

Client & Number Search

Define

PERSONAS

Age : 35 years old

Profession : Warehouse handler

Experience : 10 years in logistics

Location : Mid-sized hubs in Paris

Environment

Daily Context

Handles 10–20 tasks per shift in a fast-paced warehouse with tight deadlines and frequent task transitions.

Key responsibilities

Receives and references incoming goods, prepares outgoing deliveries, and matches physical goods to digital records

Tools

Relies heavily on mobile technology, using an iPhone for Stockoss WMS alongside physical scanners as backup

Emotional Snapshot

Stress peaks during high-pressure moments, particularly when tools fail or when task priorities are unclear.

Worflow Breakdown

Starting the day

Checks the WMS and manually prioritizes tasks due to unclear urgency flags, slowing his workflow.

During the shift

Frequently switches between collections and deliveries, scanning physical goods and updating tasks in the WMS.

Unexpected challenges

Encounters mismatches and delays caused by unexpected battery drains or connectivity issues

End of Day

Reviews completed tasks but often feels fatigued due to the complexity of the workflow

Key Pain Points

Task prioritization

Unclear task prioritization makes it difficult to identify urgent work, leading to frustration and wasting time

Matching Errors

Errors between physical goods and digital records cause delays and increase stress.

Battery Challenges

Frequent battery drains disrupt work mid-shift, particularly during peak periods.

Complex interfaces

Overly complex interfaces cause fatigue and slow task navigation

Needs & Goals

Clear Task Overview

Needs tasks clearly grouped by status and priority indicators to reduce confusion and highlight critical deadlines

Flexible Search

Search using QR codes, package numbers, or client names for quick task identification

Battery Optimization

Energy-saving features that support reliable performance during long shifts and prevent disruptions

Simplified interfaces

Values lightweight interfaces that minimize errors, reduce training time, and ensure fast access to essential tools

I need a tool that makes it easier to prioritize tasks, minimise confusion, and work efficiently without worrying about battery or connectivity issues.

The Warehouse Handler

Maxime Dupont

Tech proficiency

Stress - Resilient

Task - Focused

Adaptability

3

HMW optimize battery efficiency during long

shifts?

HOW MIGHT WE ?

1

1

1

1

HMW help warehouse

handlers prioritize tasks

effectively?

HMW help warehouse

handlers prioritize tasks

effectively?

HMW help warehouse

handlers prioritize tasks

effectively?

HMW help warehouse

handlers prioritize tasks

effectively?

HMW help warehouse

handlers prioritize tasks

effectively?

2

2

2

2

HMW minimize errors when matching physical goods to digital records?

HMW minimize errors when matching physical goods to digital records?

HMW minimize errors when matching physical goods to digital records?

HMW minimize errors when matching physical goods to digital records?

HMW minimize errors when matching physical goods to digital records?

3

3

3

HMW optimize battery efficiency during long

shifts?

HMW optimize battery efficiency during long

shifts?

HMW optimize battery efficiency during long

shifts?

HMW optimize battery efficiency during long

shifts?

Develop

IDEATION

EXERCICES

IDEATION EXERCICES

IDEATION EXERCICES

Mapping Key Objectives for WMS

This mind map aimed at structuring and prioritizing the design principles and constraints for the Stockoss Warehouse Management System . It reflects the brainstorming process to identify core challenges and propose actionable design strategies tailored to user needs and technical limitations.

Relevant Data Display

Relevant Data Display

Relevant Data Display

Display only the most important and actionable data on the main screen to help users focus & avoid overload.

Seamless Workflow Navigation

Seamless Workflow Navigation

Seamless Workflow Navigation

Make transitions between tasks (e.g., picking, packing, and shipping) smooth and intuitive to avoid inefficiencies.

Relevant Data Display

Display only the most important and actionable data on the main screen to help users focus & avoid overload.

Seamless Workflow Navigation

Make transitions between tasks (e.g., picking, packing, and shipping) smooth and intuitive to avoid inefficiencies.

Offline Mode Synchronization

Offline Mode Synchronization

Offline Mode Synchronization

Enable the system to work offline by temporarily saving data and syncing it automatically when the network is back.

Energy-Efficient Design

Energy-Efficient Design

Energy-Efficient Design

Implement a dark mode and reduce high-energy-consuming elements like bright colors to save device battery life.

Energy-Efficient Design

Implement a dark mode and reduce high-energy-consuming elements like bright colors to save device battery life.

Call-to-Action Emphasis

Call-to-Action Emphasis

Call-to-Action Emphasis

Highlight key actions (e.g., confirming tasks or submitting orders) with clear, visible buttons to guide users effectively.

Intuitive Error Handling

Intuitive Error Handling

Intuitive Error Handling

Provide clear, actionable error messages that help users resolve issues without interrupting their workflow.

Deliver

LOW-FI
WIREFRAMES

LOW-FI WIREFRAMES

LOW-FI WIREFRAMES

Introduction

These wireframes establish the foundation for the Stockoss Warehouse Management System by prioritizing intuitive user flows and operational efficiency.


They outline the key steps for collections, deliveries, and scanning, ensuring a seamless experience. With a focus on simplicity, the design minimizes distractions and highlights essential actions, enabling users to navigate tasks effortlessly.

Minimalist & Icon-Based Design

Quick Action Shortcuts

Minimalist & Icon-Based Design

Quick Action Shortcuts

Centralized Task Overview

Real-time updates

Calendar-Based Sorting

Real-time updates

QR Code Integration

PROTOTYPE V1

Overview

Given the limited timeframe, for the V1, I aimed to quickly build a visually cohesive and functional design. The goal was to integrate essential features like task prioritization and search, while exploring how to balance both collections and deliveries on the same interface.


Given the limited timeframe, for the V1, I aimed to quickly build a visually cohesive and functional designe. The goal was to integrate essential features like task prioritization and search, while exploring how to balance both collections and deliveries on the same interface.

Given the limited timeframe, for the V1, I aimed to quickly build a visually cohesive and functional designe. The goal was to integrate essential features like task prioritization and search, while exploring how to balance both collections and deliveries on the same interface.

Initial Design Concept

Strengths

  • Task Categorization with Status Colors
    Grouped actions into two clear categories while using color-coded statuses to help users prioritize tasks


  • Integrated Calendar

    Added a calendar view to filter tasks by specific dates, improving task planning and time management.


  • Dark Mode Design

    A visually engaging dark mode that suits the work environment of warehouse handlers

  • Task Categorization with Status Colors
    Grouped actions into two clear categories while using color-coded statuses to help users prioritize tasks


  • Integrated Calendar

    Added a calendar view to filter tasks by specific dates, improving task planning and time management.


  • Dark Mode Design

    A visually engaging dark mode that suits the work environment of warehouse handlers

Challenges

  • Information Overload

    Too much information makes it difficult for users to focus on urgent tasks or navigate efficiently.


  • Battery Concerns

    The dense synchronization approach in V1 could drain device battery life during long shifts.


  • Navigation Complexity

    Balancing collections and deliveries within a single layout created some usability challenges.

  • Information Overload

    Too much information makes it difficult for users to focus on urgent tasks or navigate efficiently.


  • Battery Concerns

    The dense synchronization approach in V1 could drain device battery life during long shifts.


  • Navigation Complexity

    Balancing collections and deliveries within a single layout created some usability challenges.

Iterate

PROTOTYPE V2

Why V2 ?

The V2 of this Warehouse Management System (WMS) builds upon the strengths of V1 while addressing its key challenges. The primary goal of V2 was to simplify navigation, reduce cognitive load, and improve performance for warehouse handlers.

1

IMPROVE TASK NAVIGATION

Designed to separate the two main tasks—collections and deliveries—into clear,

distinct sections for better focus.

Designed to separate the two main tasks—collections and deliveries—into clear, distinct sections for better focus.

Designed to separate the two main tasks—collections and deliveries—into clear, distinct sections for better focus.

2

STREAMLINE USER INTERFACE

Simplified the home screen to prioritize essential actions and to avoid cognitive overload with excess information.

3

ENHANCE PERFORMANCE

Optimized synchronization processes to minimize battery usage during long shifts.

Simplified Homepage Design

This redesigned homepage focuses on clarity, with quick access to the two main tasks—collections and deliveries—alongside a prominently displayed scanner for efficiency.

Streamlined Task Navigation

The deliveries screen separates tasks into clear tabs with color-coded statuses, making it easier for users to prioritize and track their workflow.

Final Prototype

Final Prototype

Final Prototype

Final Prototype

Reflection

Reflection

Reflection

Reflection

KEY METRICS TO MONITOR

KEY METRICS TO
MONITOR

Task Completion Rate

Task Completion Rate

Task Completion Rate

Percentage of tasks completed within assigned deadlines to evaluate how effectively the WMS helps to complete tasks and prioritize urgent ones.

Error Rate

Error Rate

Error Rate

Number of errors logged per task indicates the system's effectiveness in minimizing operational mistakes through intuitive design and error handling.

Time to Task Resolution

Time to Task Resolution

Time to Task Resolution

The average time to complete tasks, such as scanning or updating inventory, indicates the efficiency and usability of the WMS workflows.

Battery efficiency impact

Battery efficiency

Battery efficiency

Battery efficiency

The average battery consumption rate while using the WMS system reflects the impact of energy-saving features such as dark mode and minimalist design.

THANKS FOR VISITING

I would love to help bring your ideas to life

Feel free to reach out !

Melody Dos Santos Borges

Let's shape impactful designs together & create valuable experiences for your users.

2024 Melody Dos Santos Borges. All Rights Reserved.

THANKS FOR VISITING

I would love to help bring your ideas to life

Feel free to reach out !

Melody Dos Santos Borges

Let's shape impactful designs together & create valuable experiences for your users.

2024 Melody Dos Santos Borges. All Rights Reserved.

THANKS FOR VISITING

I would love to help bring your ideas to life, feel free to reach out !

Melody Dos Santos Borges

Let's shape impactful designs together & create valuable experiences for your users.

2024 Melody Dos Santos Borges. All Rights Reserved.