BLANKSYS Hardware POS

Revolutionary cloud-based Point of Sales system for hardware stores, building materials, and engineering supplies

Project Overview

A comprehensive solution to automate sales, purchasing, and financial recording processes

Project Details

Project Name:

BLANKSYS Hardware POS

Category:

Cloud-based Point of Sales System

Target Users:

Hardware stores, building materials, and engineering suppliers

Main Objectives

  • Automate sales, purchasing, and financial recording processes
  • Provide real-time business insights with interactive dashboards
  • Simplify inventory, customer, supplier, and transaction management

Team & Roles

Our team consisting of UI/UX Designer and Full Stack Developer

UI/UX Designer

Firdaus

UI/UX Designer

Responsible for user research, interface design, and optimal user experience.

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

Joko Purwanto

Full Stack Developer

Handles frontend and backend development, as well as scalable system architecture implementation.

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

Problems We Addressed

Challenges faced by hardware stores in managing thousands of SKUs and daily operations

Inventory Complexity

Hardware stores have thousands of SKUs with retail/wholesale price variations that are difficult to manage manually.

Error-Prone Manual Systems

Manual systems are prone to errors and difficult to update prices and stock in real-time.

Slow Recording Process

Recording transactions, stock, and financial reports takes an extremely long time.

Lack of Integration

No integration between sales, purchasing, and accounting causes fragmented data.

Supplier Management

Difficulty in managing goods purchases from suppliers and tracking orders.

Manual Reporting

Creating financial and business reports is still done manually and is time-consuming.

Solutions & Key Features

Integrated system that addresses all problems with modern technology

Dashboard

Real-time dashboard with informative and easy-to-understand data visualization for business performance monitoring.

Store Profile

Complete store profile settings with name, address, contact, logo, and automatic invoice templates.

Inventory

Complete inventory management with product data, categories, brands, units, multi-warehouse, and wholesale/retail pricing.

Customer & Seller

Comprehensive customer and customer group management, plus integrated seller/reseller data.

Sales

Fast sales transaction system, detailed sales history, and sales return management.

Purchases

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

Design Process

Systematic methodology from research to implementation

1

Research & Persona

In-depth research with 3 main methods to understand user needs and competitors.

User Interview

Direct Q&A with building store owners to understand pain points

Competitor Research

Analysis of Toqoo POS and Manager.io for feature and UX benchmarking

Brainstorming with AI

Discussion with ChatGPT, Gemini, and Claude for optimal business flow

2

User Flow & System Concept

System flow design based on research findings with a structured approach.

1
User journey mapping with Figjam
2
Creating system module list
3
Logic flow and system policies
3

Wireframe

Simple rough system design to visualize concepts, layouts, and data input flows.

4

User Interface Design

Creating BLANKSYS Hardware POS visual identity that aligns with functional needs and client aesthetics.

Design System

Using Shadcn UI for component consistency

Font: Raleway for modern and readable feel

Color Palette

5

Prototyping

Interactive prototype with complete navigation and user scenario simulation for testing.

Interactive Components

  • • Category selection dropdown
  • • Pop-up modals for data input
  • • Page transition animations

Device Testing

  • • Desktop POS (cashier monitor)
  • • Tablet for portability
  • • Mobile responsive monitoring
6

User Testing

Design validation with real users before full development phase.

Participants

  • • 2 Building store owners
  • • 2 Store cashiers
  • • 1 Warehouse stock admin

Test Scenarios

  • • Adding items to inventory
  • • Sales transactions
  • • Creating daily reports

Metrics

  • • Task completion rate
  • • Time on task
  • • Error rate analysis

Tech Stack & Architecture

Modern technology and scalable architecture for optimal performance

Frontend

ReactJS
TypeScript
SPA

Single Page Application with TypeScript for type-safety and fast navigation

Backend

Node.js
ExpressJS
NestJS

Scalable API with modular structure and dependency injection for maintainability

Database

MySQL
PostgreSQL

MySQL for daily transactions, PostgreSQL for analytics and complex reporting

Architecture & Security

Security

JWT Access & Refresh Token with RBAC for role-based access control

Architecture

Monorepo with pnpm workspace for team synchronization and dependency management

Hosting

Self-hosting on IDCloudhost VPS with full control and cost effectiveness

Gallery

Interface screenshots and BLANKSYS implementation in the field

Results & Conclusion

A system that has been successfully operating and providing real value

System Fully Operational

As of June 2025, BLANKSYS Hardware POS has been officially used by clients and runs smoothly

Operational Efficiency

Process automation reduces recording time from hours to minutes

Real-time Insights

Dashboard provides full visibility into daily business performance

Client Satisfaction

Free maintenance for the first year with fast response for bug fixes

Ready to Try BLANKSYS?

Experience firsthand the revolutionary POS system for your hardware business