Work / Supptech - Hardware Store System
ERP 2024 Figma ReactJS NestJS ExpressJS

Supptech - Hardware Store System

Client

CV Selamat Bangunan

Role

UI UX Designer · Project Manager

Year

2024

Supptech - Hardware Store System

Project Overview

Supptech adalah sistem ERP yang dirancang khusus untuk membantu CV Selamat Bangunan mengelola berbagai proses operasional bisnis dalam satu platform. Sistem ini menghubungkan proses purchasing, inventory, pricing, sales, POS, hingga accounting sehingga data dapat mengalir antar modul tanpa harus diproses kembali secara manual.

Project Name

Supptech ERP System

Client

CV Selamat Bangunan

Scope

UI/UX Design · Project Management

The Challenge

Operasional bisnis membutuhkan lebih dari sekadar aplikasi kasir

Proses Manual

Sebagian laporan dan proses keuangan masih membutuhkan pengolahan menggunakan Excel.

POS Terbatas

Sistem POS sebelumnya belum mampu memenuhi seluruh kebutuhan operasional.

Inventory Kompleks

Barang dapat dibeli dalam bentuk pack tetapi dijual kembali dalam satuan eceran.

Data Terpisah

Purchasing, sales, inventory, pricing dan accounting sebelumnya belum terintegrasi.

The Solution

Kami merancang Supptech sebagai sistem terintegrasi yang menghubungkan proses bisnis dari barang masuk hingga pencatatan keuangan.

01

Purchasing

02

Inventory

03

Pricing

04

Sales / POS

05

Accounting

Core Features

Built around real business workflows

01

Point of Sale

Sistem kasir yang mendukung berbagai kebutuhan transaksi, mulai dari custom pricing, discount, promotion, multiple payment hingga transaksi kredit.

  • Custom pricing
  • Discount & promotion
  • Multiple payment methods
  • Credit transaction
  • Customer debt management
POS Screenshot
Inventory Screenshot
02

Inventory Management

Inventory dirancang untuk menangani kebutuhan toko, termasuk pengelolaan stok berdasarkan satuan pack maupun eceran.

  • Stock tracking
  • Pack to retail conversion
  • Stock transfer
  • Stock opname
  • Stock history
03

Pricing & Product Management

Sistem pricing membantu menentukan harga jual berdasarkan modal dan kebutuhan bisnis, sekaligus mendukung pembuatan label produk dengan barcode dan harga.

Pricing Screenshot
Accounting Screenshot
04

Accounting

Modul accounting terintegrasi dengan transaksi bisnis sehingga laporan keuangan dapat dihasilkan dari data operasional sistem.

  • Profit & Loss
  • Balance Sheet
  • Chart of Accounts
  • Journal Entries
  • Payables & Receivables

UX Challenge

Salah satu tantangan dalam proyek ini adalah menerjemahkan proses bisnis toko ke dalam workflow digital yang mudah dipahami oleh pengguna.

Example

Pack → Eceran

Barang dapat diterima dalam bentuk pack tetapi dijual dalam satuan eceran. Sistem harus memahami hubungan antar satuan tersebut agar stok tetap akurat.

Purchase

1 Pack

Inventory

Pack / Unit

Sales

Eceran

My Role

Bridging business requirements and product design

F

Firdaus

UI/UX Designer · Project Manager

  • • Requirement gathering
  • • Business process analysis
  • • User flow & information architecture
  • • UI/UX design
  • • Module & feature planning
  • • Project coordination
J

Joko Purwanto

Fullstack Web Developer

  • • Frontend development
  • • Backend development
  • • API development
  • • Database & business logic
  • • System integration

Technology

Modern web technology

Frontend

ReactJS · TypeScript · SPA

Single Page Application with TypeScript for type safety.

Backend

Node.js · ExpressJS · NestJS

Scalable API with modular structure and dependency injection.

Architecture

Integrated ERP · Modular Business System

Connected modules from purchasing to accounting in one platform.

Turning complex business operations into one connected system

Supptech membawa purchasing, inventory, pricing, sales, dan accounting ke dalam satu platform yang dirancang berdasarkan kebutuhan bisnis nyata.

Next Project

SALAMLY - Muslim Social Media