Lewati ke konten
Mau web seperti ini?
Website Kirana Logistics

Website Demo

Website Kirana Logistics

Website logistik dengan pelacakan kiriman, kalkulator ongkos kirim, dan tombol bahasa ID/EN di bagian pembuka.

Buka Live Preview

Industri

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

  1. 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.
  2. 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.
  3. 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

Website Kirana Logistics - Tangkapan layar 1
Website Kirana Logistics - Tangkapan layar 2
Website Kirana Logistics - Tangkapan layar 3
Website Kirana Logistics - Tangkapan layar 4

Tertarik dengan Project Serupa?

Kami bisa membangun website serupa untuk usaha Anda, dengan teknologi dan fitur yang sama.

Project ini menggunakan:

Website dengan struktur dan navigasi yang jelas, untuk usaha kecil yang baru mau tampil online

Harga dan paket website logistik →

*Hubungi kami untuk konsultasi lebih lanjut tentang proyek Anda