Mau web seperti ini?
Starter · Rp 1.500.000

Website Demo
Website Kirana Logistics
Website logistik dengan pelacakan kiriman, kalkulator ongkos kirim, dan tombol bahasa ID/EN di bagian pembuka.
Buka Live PreviewIndustri
Logistik, Freight Forwarding & Rantai Pasok
Timeline Pengerjaan
2 minggu
Paket yang Digunakan
Website dengan struktur dan navigasi yang jelas, untuk usaha kecil yang baru mau tampil online
Ini adalah website demo yang saya bangun sendiri sebagai contoh, bukan proyek klien berbayar. Nama bisnis hanya ilustrasi. Live preview di atas adalah hasil aslinya.
01
Tentang Website Ini
Website logistik dengan pelacakan kiriman, kalkulator ongkos kirim, dan tombol bahasa ID/EN di bagian pembuka.
02
Catatan di Balik Demo Ini
Kirana Logistics tidak benar-benar ada. Saya merancangnya sebagai perusahaan pengiriman untuk pelanggan bisnis, dan orang yang saya bayangkan bekerja di bagian pembelian atau gudang serta rutin mengirim barang antarkota. Ia membuka halaman ini untuk mengecek posisi kiriman atau mengira-ngira ongkos sebelum meminta penawaran.
Tiga keputusan desain
- Kolom lacak resi saya taruh langsung di bagian pembuka, dengan tiga nomor resi contoh yang bisa diklik. Menurut saya, mengecek kiriman adalah alasan paling sering orang membuka halaman ekspedisi, dan nomor contoh itu bisa langsung dicoba oleh pengunjung demo.
- Hasil lacak tampil sebagai garis waktu. Titik yang sudah lewat berwarna hijau dengan lokasi dan jamnya, sedangkan titik berikutnya abu-abu dengan keterangan estimasi, sehingga orang langsung melihat posisi barang dan langkah sesudahnya.
- Kalkulator tarif meminta asal, tujuan, berat, dan jenis layanan, lalu menampilkan ongkos dan perkiraan hari tiba berdampingan. Rumusnya berjalan di browser dengan tarif per zona, cukup untuk perkiraan awal sebelum pelanggan meminta harga resmi.
Ketiga nomor resi tadi fiktif dan tersimpan di kode halaman. Pelacakan yang membaca data kiriman sungguhan butuh database, biasanya juga panel admin untuk tim operasional, jadi termasuk Enterprise mulai Rp 15.000.000. Halaman layanan dan daftar jangkauan kota seperti di sini cukup dengan Starter.
03
Apa yang Ada di Dalamnya
- Pelacakan kiriman lewat nomor resi
- Kalkulator ongkos kirim berdasarkan jarak dan jenis layanan
- Ringkasan layanan: kargo darat, laut, udara, dan pergudangan
- Tombol bahasa Indonesia dan Inggris untuk menu dan bagian pembuka
- Desain responsif mobile-first
04
Teknologi yang Digunakan
- Next.js
- React
- TypeScript
- Tailwind CSS
- i18n
Galeri Proyek




Tertarik dengan Project Serupa?
Kami bisa membangun website serupa untuk usaha Anda, dengan teknologi dan fitur yang sama.
Website dengan struktur dan navigasi yang jelas, untuk usaha kecil yang baru mau tampil online
*Hubungi kami untuk konsultasi lebih lanjut tentang proyek Anda
