Abi Mineral System

Dari catatan kertas dan pesan WhatsApp, menjadi satu sistem yang mengalir sendiri. ERP untuk distribusi air minum — dari order sales, konfirmasi admin, invoice, surat jalan, sampai penagihan.

ERP Distribusi Air Minum 2025

SALES DASHBOARD

Abi Mineral System

DISTRIB
Project Type
ERP
Industry
Distribusi Air Minum
Client
Abi Mineral
Year
2025

Dari catatan kertas dan pesan WhatsApp, menjadi satu sistem yang mengalir sendiri. ERP untuk distribusi air minum — dari order sales, konfirmasi admin, invoice, surat jalan, sampai penagihan.

Studi kasus produk — distribusi air minum

Dari catatan kertas dan pesan WhatsApp, menjadi satu sistem yang mengalir sendiri.

Abi Mineral System merapikan seluruh perjalanan pesanan air minum — dari order sales di jalan, konfirmasi admin, penerbitan invoice dan surat jalan, sampai penagihan yang berulang tiap dua minggu — menjadi satu alur digital yang bisa dipantau semua orang.

Product Designer & PM

Firdaus

Fullstack Web Developer

Doni

Dibangun dengan

Laravel Inertia · React · PWA

Alur order-to-cash, disentuh langsung

Enam titik proses yang menghubungkan sales, admin, dan gudang.

STEP-01

Order Sales

Sales input pesanan langsung dari aplikasi PWA saat kunjungan toko, sesuai jalur hari dan pekan ganjil-genap.

STEP-02

Konfirmasi Admin

Admin mengonfirmasi pesanan satu per satu, atau sekaligus lewat bulk confirm.

STEP-03

Invoice & Surat Jalan

Nota tercetak otomatis dari pesanan terkonfirmasi, surat jalan digenerate dari kumpulan invoice.

STEP-04

Pengiriman

Barang dikirim sesuai surat jalan yang terbit hari itu.

STEP-05

Pembayaran

Customer membayar tunai, transfer, atau mencatat sebagai utang.

STEP-06

Penagihan

Untuk utang yang belum lunas, siklus tagih berjalan lagi mengikuti jadwal ganjil-genap yang sama.

berulang tiap jadwal ganjil–genap, hingga lunas

Sebelum sistem ini ada, semua berjalan lewat kertas dan ingatan

Delapan kebocoran kecil yang, digabungkan, memakan waktu paling banyak dalam sehari kerja client.

Sales mencatat order manual di kertas atau lewat WhatsApp ke admin

Riwayat order tersebar, tidak tertata dalam satu tempat

Admin menginput ulang setiap pesanan — memakan banyak waktu

Diskon dan promo dihitung manual, rawan salah hitung

Stok barang di gudang tidak terkontrol dengan rapi

Surat jalan dan tagihan masih dibuat manual lewat spreadsheet

Tidak ada kontrol terhadap sales yang tidak mengunjungi toko

Kesalahan penghitungan berulang, sulit dilacak sumbernya

Memetakan bisnis client jadi satu flowchart utuh

Sebelum satu piksel pun digambar, alur ini disepakati bersama manajer perusahaan — dari input barang hingga siklus penagihan.

Persiapan data
  • Input master barang
  • Input master promo — periode, khusus, persen, atau bonus per qty
  • Input stok masuk / penerimaan barang
  • Registrasi customer per jalur hari & pekan ganjil-genap
Order & konfirmasi
  • Sales order lewat aplikasi PWA
  • Admin konfirmasi satu per satu atau bulk confirm
  • Cetak invoice / nota dari pesanan terkonfirmasi
Pengiriman
  • Generate surat jalan dari kumpulan invoice
  • Surat jalan terbit, barang dikirim
  • Rekonsiliasi saat kembali — tunai, transfer, atau utang
Siklus penagihan
  • Penerbitan surat jalan penagihan untuk utang
  • Sales menagih, kembali dengan tunai atau transfer
  • Admin input pelunasan — penuh atau bertahap
  • Siklus berulang sesuai jadwal, hingga lunas

Desain yang bisa langsung dibaca sebagai kode

Prototype dibangun di Figma memakai Shadcn design system — pilihan yang disepakati bersama Doni sejak awal, agar setiap komponen desain punya padanan langsung di kode. Setiap minggu, Firdaus dan Doni bertemu untuk menyamakan visi lewat testing komprehensif, bukan menunggu sampai akhir sprint.

DESAIN

Figma + Shadcn

User testing mandiri, lalu bersama client. Revisi difokuskan pada form order sales dan layar bulk confirm admin — dua titik yang paling sering dipakai tiap hari.

DEVELOPMENT

Laravel Inertia + React

SPA yang terasa instan berpindah halaman, dengan Laravel menangani logika promo, stok, dan utang piutang di belakang layar. Dibungkus sebagai PWA agar bisa di-install langsung ke layar utama.

TESTING

Tiga lapis staging

Internal — client trial 1 minggu, termasuk test print di printer dot matrix — lalu training user sebelum production.

Satu sumber kebenaran, bukan tiga tempat berbeda

SEBELUM
  • Order dicatat di kertas / WhatsApp
  • Admin mengetik ulang tiap pesanan
  • Diskon dihitung manual, sering meleset
  • Surat jalan & tagihan disusun di Excel
  • Kunjungan sales tidak terpantau
SESUDAH
  • Order masuk otomatis lewat aplikasi PWA
  • Admin cukup bulk confirm, tanpa input ulang
  • Promo & diskon terhitung otomatis dari master data
  • Invoice & surat jalan tergenerate dari sistem
  • Kunjungan & performa sales terlihat di dashboard manager

Bukan daftar fitur yang membuat sistem ini terpakai — tapi pemahaman alur kerja nyata di lapangan, sampai ke detail sekecil printer dot matrix.

Abi Mineral System — VectaSoft

Laravel React Inertia.js PWA
ERPOrder ManagementInventoryBilling

Related Projects

View all projects
Blanksys preview

ERP · Retail

Blanksys

BlankSys is a Point of Sale (POS) solution designed to support retail and business operations with an integrated hardware and software experience. The project focuses on creating a simple, efficient, and user-friendly POS interface for managing transactions and daily business activities.

React Express JS ShadCN Docker

View Project

Related Articles

View the blog

Software and Digital Solution

Have a project in mind?

Tell us what you're trying to build. Let's explore the right solution together.