00%
DESIGN

Inventory Management System

A role-based web platform designed to digitize a manual government inventory process across warehouses, departments, and user levels. The system was built to improve visibility, reduce manual tracking errors, and streamline requests, approvals, stock allocation, issued items, and returns.

Inventory Management System overview dashboard showing stock totals, inventory table, and low stock alerts

OVERVIEW

UX DesignUI DesignSaaSDesign System

The platform was built to replace manual inventory management processes that often resulted in poor stock visibility, delayed approvals, inventory mismanagement, and difficulties tracking issued items. By centralizing inventory operations into a single system, the platform enables organizations to efficiently manage equipment requests while maintaining complete visibility of inventory movement.

Worked closely with product owner and frontend team, balancing UX quality with business and development constraints.

Timeline:

3 Weeks

Services:

Web Application

Industry:

Sport-Tech

Problem & Solution

Problem

Managing sports inventory across multiple warehouses, districts, and events was a time-consuming process. Most inventory requests were handled manually, making it difficult to track stock movement, approvals, and item allocation. This often resulted in delays, inaccurate records, and poor visibility across different departments.

  • Delayed approval and item allocation.

  • Difficulty tracking inventory movement.

  • Limited visibility of warehouse stock.

  • Poor tracking of issued and returned items.

  • Manual records increase errors and duplication.

Solution

To solve these problems, I designed a role-based Inventory Management System where every user logs in with separate credentials and only accesses the features relevant to their responsibilities. The platform digitizes the complete inventory lifecycle—from raising requests to approval, allocation, issue, return, and warehouse tracking.

  • Role-based access for four different user types.

  • Centralized request and approval workflow.

  • Real-time inventory and warehouse tracking.

  • Complete lifecycle tracking from request to return.

  • Simple, organized interface for faster daily operations.

User Research

Before starting the design process, I focused on understanding how inventory management worked in real operations.

User research map showing the research topic branching into manual inventory request workflows, inventory allocation methods, approval hierarchies, warehouse operations, and common operational delays

Research Findings

Through user research and workflow analysis, I identified the key pain points affecting inventory management. These insights helped shape the platform's structure and improve the overall user experience.

  • No Proper Tracking

    Teams could not easily track:

    • Inventory availability
    • Issued items
    • Return timelines
  • Delayed Approvals

    Approvals were managed manually, causing delays between departments.

  • Poor Visibility

    Users had no clarity about request status. They often didn't know:

    • Whether requests were approved
    • Which items were allocated
    • When items should be returned
  • Warehouse Confusion

    Inventory across warehouses was difficult to monitor and update.

Warehouse worker holding a tablet showing product detail and barcode scanning screen

User Flow

The user flow illustrates how each role navigates the system to complete their tasks efficiently, ensuring a clear and structured workflow from start to finish.

User flow diagram from Login through Dashboard branching into Inventory, Requests, User Management, Warehouse Management, and Profile & Setting flows

Designed to simplify every step of inventory management.

From stock monitoring to request approvals and product history, the platform keeps every task organized in one place.

Low Stock Alert card listing leather ball, wooden bat, football, and tennis racket with remaining quantities
Product History card showing a timeline of scrap, return, assign, and added-to-inventory events
MacBook Pro displaying the Inventory Management System request approval screen

Design Challenges

These are the key challenges I faced while designing the product and the solutions implemented to address them.

Request Update timeline card showing request initiation, approval, pickup, and return dates

Challenge 1 — Request Tracking

Problem

Users lacked visibility during the request lifecycle.

Solution

Designed timeline-based tracking with request states:

  • In Review
  • Approved
  • Issued
  • Returned
  • Rejected

Challenge 2 — Inventory Visibility

Problem

Warehouse stock tracking was difficult.

Solution

Designed inventory monitoring dashboards with:

  • Stock summaries
  • Item conditions
  • Warehouse analytics
  • Product-level tracking
Dashboard screen showing item totals, in-stock items, inventory table, and low stock alerts
User Management screen listing users with district, role, and email columns

Challenge 3 — Managing Multiple User Roles

Problem

Each user has different work and responsibility like being an athlete and being an inventory manager they have totally different workflow and responsibility.

Solution

Created role-based dashboards and permissions.

Created user management feature where super admin can create users under him and assign them specific warehouse , role and district.

Each user only sees features relevant to their responsibilities.

Typography

Sub Heading typography scale table showing S1, S2, and S3 sizes, weights, and line heights
Text Font typography scale table listing H1 through H7 headings with weight, size, line height, and spacing
Text styles panel listing Heading, Sub Heading, and Body typography tokens

UI Screens

Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen
User management screen with users list and approval requests
Overview dashboard with inventory and low stock alert tables
District wise inventory table with item requests
Request detail screen with requested items table
Product details screen for a cricket bat with barcode
Edit item form with product image and specification fields
Warehouse item list showing condition and status
Warehouse detail screen with overall inventory table
Inventory dashboard with stock summary cards
Requests list screen with approval status
Low stock alert panel with item quantities
Product history timeline screen