BLANKSYS - ERP System for hardware retail & Distributor

Project Overview

Blanksys is a comprehensive ERP solution designed to automate sales, purchasing, inventory, and financial recording for hardware stores, building material suppliers, and their distribution networks — replacing scattered manual processes with one connected real-time system.

Project Name

Blanksys ERP System

Main Objectives

Automate sales, purchasing, and financial recording across retail and distributor operations
Provide real-time business insight through interactive dashboards
Unify inventory, customer, supplier, and multi-branch data into one system
Support distributor-level operations such as multi-warehouse stock transfer and tiered pricing

Team & Roles

A two-person team combining UI/UX design and full-stack engineering

Firdaus

UI/UX Designer

Responsible for user research, interface design, and delivering an optimal user experience across every module.

• User Research & Analysis
• Wireframing & Prototyping
• Visual Design & Branding
• User Testing & Iteration

Joko Purwanto

Full Stack Developer

Handles frontend and backend development, plus scalable system architecture for multi-branch operations.

• Frontend Development (React + TypeScript)
• Backend Development (Node.js + NestJS)
• Database Design & Optimization
• DevOps & Deployment

Problems We Addressed

Challenges faced by hardware retailers and distributors in managing thousands of SKUs across multiple locations

Inventory Complexity

Thousands of SKUs with retail/wholesale price variations that are difficult to manage manually across branches.

Error-Prone Manual Systems

Manual recordkeeping is prone to errors and slow to update prices and stock in real time.

Slow Recording Process

Recording transactions, stock movement, and financial reports takes an excessive amount of time.

Lack of Integration

No connection between sales, purchasing, and accounting causes fragmented, inconsistent data.

Distributor Coordination

Difficulty coordinating stock transfers, pricing tiers, and orders between head office and distribution partners.

Manual Reporting

Financial and business reports are compiled manually, consuming valuable time each period.

Solutions & Key Features

An integrated ERP system addressing every operational gap with modern technology

Dashboard

Real-time, easy-to-read data visualization for monitoring overall business performance.

Store & Branch Profile

Complete profile settings for each branch — name, address, contact, logo, and automatic invoice templates.

Inventory

Full inventory management with categories, brands, units, multi-warehouse tracking, and wholesale/retail pricing.

Customer & Seller

Comprehensive customer group management alongside integrated seller and reseller data.

Sales

Fast point-of-sale transactions, detailed sales history, and return management.

Purchasing

Purchase Orders, Receive Orders, and Return Orders fully integrated with inventory.

Distributor Management

Manage distribution partners, stock transfers between warehouses, and tiered distributor pricing.

Financial Reporting

Automated profit & loss, stock valuation, and sales reports generated across all connected branches.

Role-Based Access

Configurable user roles and permissions so cashiers, warehouse staff, and owners each see what they need.

Design Process

A systematic methodology from research to implementation

1

Research & Persona

In-depth research using three core methods to understand user needs and the competitive landscape.

• User Interviews: direct conversations with hardware store owners and distributors to uncover pain points
• Competitor Research: benchmarking Toqoo POS and Manager.io for feature and UX gaps
• AI-Assisted Brainstorming: discussions with ChatGPT, Gemini, and Claude to refine the optimal business flow

2

User Flow & System Concept

System flow design based on research findings, structured step by step.

1. User journey mapping in FigJam
2. Defining the system module list
3. Establishing logic flow and system policies

3

Wireframe

Low-fidelity layouts to quickly visualize concepts, page structure, and data input flows before visual design begins.

4

User Interface Design

Building Blanksys's visual identity to align with both functional needs and client aesthetics.

• Design System: Shadcn UI for consistent, reusable components
• Typography: Raleway, chosen for a modern and highly readable feel

5

Prototyping

An interactive prototype with complete navigation to simulate real user scenarios.

• Interactive components: category dropdowns, input modals, page transitions
• Device testing: desktop POS (cashier monitor), tablet for portability, and mobile responsive views

6

User Testing

Design validation with real users prior to full development.

• Participants: 2 store owners, 2 cashiers, 1 warehouse admin
• Test scenarios: adding inventory items, processing sales transactions, generating daily reports
• Metrics tracked: task completion rate, time on task, error rate

Tech Stack & Architecture

Modern technology and scalable architecture built for multi-branch performance