A Web solution for real-time stock tracking
A Web solution for real-time stock tracking
A Web solution for real-time stock tracking
In the fast-paced world of retail and warehousing, efficient inventory management is crucial. I developed a web application designed to streamline the tracking and control of items in stock houses and shops. This application leverages advanced tracking technologies using SKU, EID, and UPC/EAN numbers, enabling employees to quickly locate products within the system.
In the fast-paced world of retail and warehousing, efficient inventory management is crucial. I developed a web application designed to streamline the tracking and control of items in stock houses and shops. This application leverages advanced tracking technologies using SKU, EID, and UPC/EAN numbers, enabling employees to quickly locate products within the system.
Scroll to explore
Dates:
Dates:
February - May 2022
February - May 2022
Role:
Role:
UX/UI Designer
UX/UI Designer
Skills:
Skills:
Competitive analysis, Information architecture, Personas, Wireframes, Prototyping, User testing
Competitive analysis, Information architecture, Personas, Wireframes, Prototyping, User testing
Project kick-off
Project kick-off
The project kicked off with an enlightening 90-minute session with key stakeholders. Their insights into the tracking technology and business operations laid a solid foundation for understanding how we could best implement this in the user interface. This initial exploration was pivotal in shaping my approach.
The project kicked off with an enlightening 90-minute session with key stakeholders. Their insights into the tracking technology and business operations laid a solid foundation for understanding how we could best implement this in the user interface. This initial exploration was pivotal in shaping my approach.
Competitive Landscape
Competitive Landscape
To ensure our solution stood out, I conducted a thorough analysis of competitor products like Softly, Shopventory, and Finale Inventory. This involved comparing key user journeys such as:
Adding a new product
Searching for item locations
Generating inventory reports
Setting up low stock alerts
Through this competitive analysis, I identified best practices and potential gaps that our application could address.
To ensure our solution stood out, I conducted a thorough analysis of competitor products like Softly, Shopventory, and Finale Inventory. This involved comparing key user journeys such as:
Adding a new product
Searching for item locations
Generating inventory reports
Setting up low stock alerts
Through this competitive analysis, I identified best practices and potential gaps that our application could address.
Information Structures
Information Structures
With insights from competitors in hand, I created information structures that would guide our design process. These structures were essential for organizing content effectively, ensuring users could navigate the system intuitively.
With insights from competitors in hand, I created information structures that would guide our design process. These structures were essential for organizing content effectively, ensuring users could navigate the system intuitively.
Example of competitor’s information structure
Example of competitor’s information structure
Understanding User Needs
Understanding User Needs
Recognizing that different roles require different functionalities, I developed two personas: a manager and a shop assistant. This step was crucial as it highlighted the distinct needs of each user group:
Manager: Can add new products, set notifications for low stock, manage favorites, generate reports, and initiate inventory checks.
Shop Assistant: Primarily focused on searching for items by various parameters such as location or unique identifiers.
This role differentiation informed the design of a tailored interface that adapts based on user login.
Recognizing that different roles require different functionalities, I developed two personas: a manager and a shop assistant. This step was crucial as it highlighted the distinct needs of each user group:
Manager: Can add new products, set notifications for low stock, manage favorites, generate reports, and initiate inventory checks.
Shop Assistant: Primarily focused on searching for items by various parameters such as location or unique identifiers.
This role differentiation informed the design of a tailored interface that adapts based on user login.
Wireframes
Wireframes
I moved on to creating high-fidelity wireframes, focusing on the main screens that support key functionalities:
Adding new items to inventory
Setting up alerts for low stock
Managing favorite items
Viewing inventory reports
Initiating inventory checks by location
The wireframes were designed to facilitate smooth user flows, making it easy for both managers and shop assistants to perform their tasks efficiently.
I moved on to creating high-fidelity wireframes, focusing on the main screens that support key functionalities:
Adding new items to inventory
Setting up alerts for low stock
Managing favorite items
Viewing inventory reports
Initiating inventory checks by location
The wireframes were designed to facilitate smooth user flows, making it easy for both managers and shop assistants to perform their tasks efficiently.
Building a Design System
Building a Design System
Understanding that the application would evolve over time, I established a robust design system. This included:
Components for inventory tables with filtering and sorting options
Consistent typography and color schemes
Guidelines for button styles and interactive elements
This design system ensures scalability and consistency across the application as new features are added.
Understanding that the application would evolve over time, I established a robust design system. This included:
Components for inventory tables with filtering and sorting options
Consistent typography and color schemes
Guidelines for button styles and interactive elements
This design system ensures scalability and consistency across the application as new features are added.
Prototyping and User Testing
Prototyping and User Testing
Due to time and budget constraints, only several internal employees were recruited to perform usability testing. They were given the link to the prototype and were asked to complete task while thinking aloud. Feedback was gathered through observation and design iterations were made.
Due to time and budget constraints, only several internal employees were recruited to perform usability testing. They were given the link to the prototype and were asked to complete task while thinking aloud. Feedback was gathered through observation and design iterations were made.
The Final Design
The Final Design
The culmination of this project is a polished final design that prioritizes usability while addressing complex inventory management needs. Key features include:
Role-based access controls that tailor the interface to user needs
A customizable dashboard displaying critical information at a glance
Efficient search capabilities that allow users to find items quickly
The culmination of this project is a polished final design that prioritizes usability while addressing complex inventory management needs. Key features include:
Role-based access controls that tailor the interface to user needs
A customizable dashboard displaying critical information at a glance
Efficient search capabilities that allow users to find items quickly
Design Impact
Design Impact
The design of this inventory tracking web application is poised to significantly enhance business operations and user experiences. By streamlining inventory management processes, the application can reduce time and effort spent on tracking stock, leading to cost savings and improved resource allocation.
The design of this inventory tracking web application is poised to significantly enhance business operations and user experiences. By streamlining inventory management processes, the application can reduce time and effort spent on tracking stock, leading to cost savings and improved resource allocation.
