Web · Live
Katalog Harga Laundry Embun Pagi
Contoh website katalog harga untuk laundry kiloan, dengan harga per kilo, estimasi selesai, dan tombol pesan WhatsApp di setiap layanan.
Nilai jual
Yang membuatnya menonjol.
Harga dan waktu selesai sekaligus
Setiap layanan menampilkan harga, satuannya (per kg, per item, atau per pasang), dan estimasi selesai, sehingga pelanggan tidak perlu bertanya dulu.
Pesan langsung dari kartu layanan
Enam layanan, masing-masing dengan tombol WhatsApp yang pesannya sudah menyebut nama layanan dan harganya.
Nyaman dibuka dari ponsel
Di layar kecil, header diringkas menjadi nama laundry dan tombol pesan, dan kartu harga tersusun satu kolom tanpa gulir menyamping.
Ringan dan tanpa JavaScript
Satu berkas HTML dengan CSS di dalamnya dan lima foto WebP sekitar 160 KB totalnya, sehingga cepat dimuat meskipun koneksinya lambat.
Masalahnya
Pelanggan laundry biasanya ingin tahu harga per kilo dan kapan cucian selesai sebelum datang. Kalau informasinya hanya ada di spanduk atau status WhatsApp, pemilik usaha harus menjawab pertanyaan yang sama berulang kali.
Untuk siapa
Pemilik laundry dan usaha jasa dengan banyak pilihan harga yang butuh kehadiran online pertama, dan calon klien Aufal Tech yang ingin melihat contoh hasil paket Rintisan dalam bentuk katalog harga.
Fitur utama
Delapan bagian siap isi
Pembuka, tentang usaha, daftar harga, galeri, cara pesan, ulasan pelanggan, kontak, dan footer.
Katalog harga enam layanan
Tiap kartu berisi estimasi selesai, nama layanan, harga dengan satuannya, penjelasan singkat, dan tombol pesan.
Galeri dengan keterangan
Empat foto menunjukkan alur dari menimbang cucian sampai dikemas, masing-masing dengan keterangan singkat.
Header tetap terlihat
Menu dan tombol pesan tetap di atas saat halaman digulir. Di ponsel, menu disembunyikan agar header tetap satu baris.
Menghormati preferensi gerak
Transisi dimatikan bagi pengunjung yang mengaktifkan pengaturan kurangi gerakan di perangkatnya.
Pendekatan yang sama bisa diadaptasi untuk
- Katalog harga untuk laundry, cuci sepatu, atau dry cleaning
- Daftar tarif jasa dengan satuan dan estimasi waktu pengerjaan
- Website satu halaman untuk usaha yang menerima pesanan lewat WhatsApp
Arsitektur
Seperti contoh lain, website ini dibuat sesederhana mungkin: satu berkas HTML statis dengan CSS di dalamnya. Tidak ada framework, tidak ada JavaScript, dan tidak ada proses build. Berkasnya disajikan langsung sebagai aset statis.
Untuk laundry kecil, pilihan ini berarti biaya hosting yang sangat rendah dan hampir tidak ada yang perlu dipelihara. Mengubah harga cukup dengan mengedit angka di satu berkas.
Detail implementasi
Gaya yang cocok untuk laundry. Warna putih, biru muda, dan teal memberi kesan bersih dan segar, dan tombol serta kartu bersudut bulat membuat halaman terasa ramah.
Warna lewat variabel. Seluruh palet didefinisikan sebagai variabel CSS di satu tempat, sehingga mengganti warna merek cukup mengubah beberapa baris.
Foto yang ringan. Lima foto di pembuka dan galeri dikompresi ke WebP, totalnya sekitar 160 KB, dan foto galeri baru dimuat saat digulir. Fotonya ilustrasi buatan AI dan diberi keterangan di halaman.
Tidak diindeks mesin pencari. Karena usahanya fiktif, halaman contoh diberi tanda noindex agar tidak muncul di hasil pencarian.
Batasan contoh ini
Laundry Embun Pagi bukan klien dan bukan usaha nyata. Pada website klien, foto ilustrasi diganti foto usaha asli. Nomor WhatsApp di dalam contoh tidak aktif. Contoh ini hanya tersedia dalam bahasa Indonesia.
Yang bisa diverifikasi
- Seluruh halaman adalah satu berkas HTML tanpa JavaScript dan tanpa dependensi.
- Tidak ada gulir menyamping pada lebar layar 390 piksel.
Tangkapan layar
