KumKomo
KumKomo
SaaS - Supply Chain Management App
SaaS - Supply Chain Management App
Category
Category
Mobile App
Mobile App
SaaS
SaaS
Role
Role
Project Manager
Project Manager
UI Designer
Team
Team
A campus project for the Information Systems Analysis and Design course, and my first time creating a UI/UX design.
A campus project for the Information Systems Analysis and Design course, and my first time creating a UI/UX design.
Overview
Overview
KumKomo short for Kumpulan Komoditas is a stock management solution for MSMEs with inventory control, sales tracking, informative stock reports, and an integrated POS to optimize daily operations.
KumKomo short for Kumpulan Komoditas is a stock management solution for MSMEs with inventory control, sales tracking, informative stock reports, and an integrated POS to optimize daily operations.
Problems
Problems
MSMEs need an easy digital way to record in and out stock and view real time levels across production and storage. Current processes are manual and split across notes which limits visibility for multiple roles. Sales still rely on door to door with cash or pending terms while production often faces raw material issues that cause understocking or overstocking. Teams want one shared system that many users can access without comparing separate files.
MSMEs need an easy digital way to record in and out stock and view real time levels across production and storage. Current processes are manual and split across notes which limits visibility for multiple roles. Sales still rely on door to door with cash or pending terms while production often faces raw material issues that cause understocking or overstocking. Teams want one shared system that many users can access without comparing separate files.
Goal
Goal
Deliver an intuitive multi user inventory and sales system that logs goods in and out, shows real time stock with alerts, supports POS and purchasing, and lets roles view the same up to date data to reduce errors and improve decisions.
Deliver an intuitive multi user inventory and sales system that logs goods in and out, shows real time stock with alerts, supports POS and purchasing, and lets roles view the same up to date data to reduce errors and improve decisions.
Research (Interview)
Research (Interview)
Interviews with MSME owners and staff showed stock is recorded manually after packing and at outbound, which makes real time visibility across production and storage difficult. Sales are mostly door to door with cash or later payment, online channels are limited, and raw material issues cause understocking or overstocking. They want a simple and readable system that many people can access, with shared data, clear in and out histories, and alerts when stock hits set thresholds.
Interviews with MSME owners and staff showed stock is recorded manually after packing and at outbound, which makes real time visibility across production and storage difficult. Sales are mostly door to door with cash or later payment, online channels are limited, and raw material issues cause understocking or overstocking. They want a simple and readable system that many people can access, with shared data, clear in and out histories, and alerts when stock hits set thresholds.
User Stories
User Stories
We defined stories for three roles. First time users need an intuitive app to quickly understand and log product movements. Admins need to record inbound and outbound goods, monitor real time stock, manage vendors and products, process POS transactions, and receive low stock notifications. Other roles need access to the same up to date data to view stock and sales without comparing separate files, so they can follow the flow and act quickly.
We defined stories for three roles. First time users need an intuitive app to quickly understand and log product movements. Admins need to record inbound and outbound goods, monitor real time stock, manage vendors and products, process POS transactions, and receive low stock notifications. Other roles need access to the same up to date data to view stock and sales without comparing separate files, so they can follow the flow and act quickly.
User Flow
User Flow
Users log in to reach a dashboard with purchase and sales performance, trends, forecasts, alerts, and errors. From there they move through modules for Purchasing, Inventory Management, Sales Order, Manufacturing, Point of Sale, and Settings. Each module leads to focused tasks such as receiving goods, vendor and contact management, stock monitoring, order processing, production planning, transaction processing, and account or member settings.
Users log in to reach a dashboard with purchase and sales performance, trends, forecasts, alerts, and errors. From there they move through modules for Purchasing, Inventory Management, Sales Order, Manufacturing, Point of Sale, and Settings. Each module leads to focused tasks such as receiving goods, vendor and contact management, stock monitoring, order processing, production planning, transaction processing, and account or member settings.
Design System
Design System
In this section, I created the design system as the main product foundation: standardized color styles with clear roles, a typography scale using Inter with defined sizes, an icon set based on Font Awesome, and a reusable component set. This serves as a single source of truth for design and development, keeping screens consistent and speeding up delivery across screens.
In this section, I created the design system as the main product foundation: standardized color styles with clear roles, a typography scale using Inter with defined sizes, an icon set based on Font Awesome, and a reusable component set. This serves as a single source of truth for design and development, keeping screens consistent and speeding up delivery across screens.
Wireframe
Wireframe
Low fidelity tablet layouts map the main flows with a clear dashboard of cards and charts, POS with product grid and checkout, table based lists for inventory, purchase, sales, and manufacture, and simple forms for create and edit. A bottom tab bar and top actions keep navigation consistent while search and filters support quick find.
Low fidelity tablet layouts map the main flows with a clear dashboard of cards and charts, POS with product grid and checkout, table based lists for inventory, purchase, sales, and manufacture, and simple forms for create and edit. A bottom tab bar and top actions keep navigation consistent while search and filters support quick find.
UI Design
UI Design
High fidelity screens use a clean blue accent and generous spacing for readability. The dashboard refines charts and metric cards, POS shows product imagery and a clear checkout, lists use status chips and filter dialogs, forms are structured for fast input, and settings present account and member management in a simple layout.
High fidelity screens use a clean blue accent and generous spacing for readability. The dashboard refines charts and metric cards, POS shows product imagery and a clear checkout, lists use status chips and filter dialogs, forms are structured for fast input, and settings present account and member management in a simple layout.
Prototype
Prototype
An interactive build connects the core journeys from login to dashboard and through modules. Users can create purchases, update inventory, manage contacts, plan or edit manufacturing, process sales at POS with receipt, apply filters and search, and view notifications. Flows are clickable end to end to reflect real use.
An interactive build connects the core journeys from login to dashboard and through modules. Users can create purchases, update inventory, manage contacts, plan or edit manufacturing, process sales at POS with receipt, apply filters and search, and view notifications. Flows are clickable end to end to reflect real use.