Kembali ke karya/Pengembangan Web/2025

FleetOps

Sistem monitoring kilometer dan BBM armada untuk operasional perkebunan

Klien
Operasional transportasi perkebunan
Peran
Product Designer · Full-stack Developer
Durasi
4 minggu
Tahun
2025
Disiplin
Pengembangan Web
FleetOps

(01) Ringkasan

FleetOps adalah sistem web internal untuk operasional transportasi perkebunan. Sistem ini membantu tim memantau kilometer kendaraan, penggunaan BBM, aktivitas sopir, data rute, dan alur persetujuan dalam satu tempat. Proyek ini berangkat dari masalah operasional nyata: catatan kendaraan dan BBM tersebar di log manual, spreadsheet, dan pengecekan admin yang berulang. FleetOps menyatukan alur kerja itu ke dalam satu dashboard sehingga manajer dan admin bisa meninjau data lebih cepat dan mengurangi bolak-balik manual.


(02) Tantangan

Apa yang kami hadapi.

Operasional transportasi melibatkan banyak bagian yang bergerak: sopir, kendaraan, rute, catatan kilometer, pengajuan BBM, dan dokumen pendukung. Saat data ini dikelola manual, sulit melacak apa yang terjadi, kendaraan mana yang dipakai, berapa BBM yang diajukan, dan apakah pengajuan sudah disetujui. Tantangannya adalah merancang sistem yang terasa sederhana untuk pekerjaan admin harian, tapi tetap mendukung detail operasional seperti akses berbasis role, status persetujuan, catatan SK BBM, manajemen rute, dokumentasi odometer, dan visibilitas level manajer.


(03) Pendekatan

Bagaimana kami bergerak.

Saya mulai dengan memahami cara kerja alur transportasi yang ada di lapangan: bagaimana sopir melaporkan pemakaian kilometer, bagaimana pengajuan BBM dibuat, bagaimana persetujuan ditangani, dan bagaimana admin memeriksa data pendukung. Dari sana, saya memecah sistem menjadi modul-modul inti: ringkasan dashboard, data kendaraan dan rute, pengajuan Bon BBM, catatan SK BBM, alur persetujuan, dan dokumentasi foto odometer. Tujuannya bukan membuat sistem yang kompleks, tapi membuat setiap langkah operasional lebih mudah dilacak dan ditinjau.


(04) Solusi

Yang dirilis.

FleetOps dibangun sebagai dashboard web responsif menggunakan Next.js, Tailwind CSS, Supabase, dan Vercel. Sistem ini mencakup akses berbasis role, dashboard manajer, alur persetujuan Bon BBM, tabel SK BBM, manajemen rute, dan unggah foto odometer. Admin bisa mengelola catatan operasional, sementara manajer bisa meninjau pengajuan, memeriksa ringkasan data, dan menyetujui alur terkait BBM. Sistem dirancang untuk mengurangi pengecekan manual yang tersebar dan membuat data transportasi lebih mudah diakses dari satu tempat.

Assistants capture an odometer photo, and the system instantly reads the mileage using OCR before generating the daily vehicle report.
Assistants capture an odometer photo, and the system instantly reads the mileage using OCR before generating the daily vehicle report.
Administrators review daily reports, validate fuel allocations, and approve additional fuel requests before fuel vouchers are issued, ensuring every request is traceable and properly authorized.
Administrators review daily reports, validate fuel allocations, and approve additional fuel requests before fuel vouchers are issued, ensuring every request is traceable and properly authorized.
Monitor daily vehicle activity, mileage, fuel allocation, and OCR-verified odometer readings in a single timeline, making operational tracking more transparent and easier to audit.
Monitor daily vehicle activity, mileage, fuel allocation, and OCR-verified odometer readings in a single timeline, making operational tracking more transparent and easier to audit.

(05) Dibangun Dengan

Teknologi di baliknya.

  • Next.js App Router
  • Tailwind CSS
  • Supabase
  • Role-based Access

(06) Hasil

Dampaknya di dunia nyata.

FleetOps membuat saya mengerjakan sistem bisnis internal nyata dengan logika yang lebih kompleks daripada landing page biasa. Proyek ini menuntut product thinking, struktur database, UX dashboard, alur persetujuan, dan penanganan detail operasional. Proyek ini menunjukkan kemampuan saya merancang dan membangun tool untuk operasional bisnis nyata — terutama sistem di mana kejelasan, akurasi, dan kenyamanan pemakaian harian lebih penting daripada dekorasi visual.

5+
Modul operasional inti
5
Manager, KTU, Admin, Asisten, dan Mandor
1
Dashboard transportasi terpusat
Ongoing
Dibangun dari kebutuhan operasional nyata
Let's Build

Punya ide yang siap diwujudkan?

Punya brief yang masih berantakan atau website yang belum selesai? Saya bantu merapikannya, menyusun alurnya, lalu membangunnya hingga siap tayang.

ZRY.

Product designer dan web builder yang membantu founder, bisnis kecil, dan tim membangun produk digital yang jelas, mudah digunakan, dan siap diluncurkan.

nalara.art56@gmail.com
© 2026 ZRY. Dirancang & dibangun mandiri.
Semua karyaLayananTentangMulai Proyek