Website Toko Material Listrik
Redesign untuk toko dan distributor material listrik dengan empat cabang. Pembeli eceran mencari kabel, MCB, lampu, dan panel lalu checkout biasa; kontraktor melihat harga bertingkat dan stok per cabang, lalu mengirim permintaan penawaran proyek yang diberi harga dan dikirim sales dari layar mereka sendiri.
01Tantangan
Situs lama terbaca seperti company profile: slider banner penuh teks, deretan logo partner, dan paragraf tentang solusi terbaik. Halaman produk hanya galeri foto per kategori tanpa nama, kode, spesifikasi, harga, atau stok, sehingga setiap pertanyaan harus lewat chat.
Semua tombol mengarah ke satu nomor WhatsApp, sehingga pertanyaan eceran, pesanan grosir, dan penawaran proyek bercampur dalam satu antrean tanpa nomor referensi atau waktu respons. Cabang ditampilkan sebagai foto ruko tanpa jam buka atau gambaran stok di masing-masing cabang.
02Solusi
Beranda menaruh pencarian dan menu kategori dua baris di depan, diikuti kotak tempat kontraktor menempel daftar material, ubin kategori, dan produk yang paling sering dipesan kontraktor, masing-masing dengan harga eceran, harga tier terendah, dan stok cabang. Katalog menyaring MCB berdasarkan kutub, arus, dan merek, dan panel detail menampilkan spesifikasi, harga bertingkat untuk jumlah yang dipilih, stok di empat cabang, serta pilihan ke keranjang atau ke penawaran.
Lembar permintaan penawaran bekerja seperti spreadsheet: jumlah mengubah harga tier dan subtotal, pembeli bisa mengisi harga target, data proyek dan termin pembayaran ada di atas baris, dan bar tetap di bawah menampilkan estimasi serta penghematan dari harga eceran. Sales bekerja dari kotak masuk dengan tab status dan penghitung waktu respons; setiap permintaan menampilkan stok cabang dengan saran transfer, diskon per baris, dan cek margin yang meneruskan penawaran bermargin rendah ke kepala cabang. Stack produksi yang direncanakan adalah Next.js dengan Supabase.
03Fitur Utama
- Header dengan pencarian dan menu kategori dua baris
- Kotak tempel BOQ yang mengubah daftar material jadi permintaan penawaran
- Filter spesifikasi MCB per kutub, arus, kurva, dan merek
- Harga bertingkat dan stok per cabang di setiap produk
- Lembar penawaran dengan jumlah, harga target, dan termin pembayaran
- Kotak masuk sales dengan tab status, waktu respons, dan saran transfer stok
- Diskon per baris dengan cek margin sebelum dikirim