Gagasannya
Tanya dulu, bayar belakangan. Toko kecil yang berjualan lewat obrolan tidak butuh checkout; ia butuh daftar yang jelas untuk ditanyakan. Toko Saku menjadikan nota toko sebagai antarmukanya: lambang saku dan papan nama meja, etalase barang berkode, dan nota sempit bergaris putus yang menghitung jenis dan jumlah barang — tidak pernah uang — lalu menjadi satu pesan. Nota selalu menyatakan belum dikirim dan bukan bukti bayar.
Bahasa visual
Kertas nota hangat, tinta petrol, dan label toko kuning, seperti blok nota di meja dan label harganya tanpa harga. Sudut siku, garis 1px dan garis 2px mengapit rekap, garis putus di antara barang, dan kaki nota bergerigi. Enam gambar datar yang dibuat untuk toko ini di atas bidang persik, mentega, dan sage. Kuning menandai jalan ke nota, tidak pernah menandai kontrol dengan warna saja.
Tipografi
Barlow Semi Condensed 700, padat seperti papan nama toko dan labelnya di bidang sempit, dipakai untuk wordmark, judul, nama barang, dan rekap jumlah. DM Sans membawa baris nota, label, tombol, dan pesan; angka jumlah memakai angka tabular.
Tata letak & komposisi
Satu baris demo tipis, papan nama, lalu bilah halaman dengan jalan ke nota yang tetap di atas saat menggulir. Di layar lebar tiga kolom barang berdampingan dengan nota sempit; halaman nota menaruh nota yang bisa diubah di kiri dan pesan di kanan. Di ponsel barang menjadi dua kolom dan nota menyusul; halamannya terbaca nota → pesan → salin dan unduh → tautan → simpan, dengan pesan terlipat.
Gerak & interaksi
Hampir tidak ada: baris yang berubah ditandai sebentar dan nota tidak pernah menggulir sendiri. Tanpa konfeti atau angka berputar; reduced motion menghapus transisi tandanya.
Di balik layar
Halaman Next.js statis dwibahasa; barang dan halaman detailnya dirender di depan. Keranjang — hanya ID dan jumlah — tersimpan di peramban ini selama tujuh hari, diperiksa ukurannya dan divalidasi dengan Zod setiap dibaca; nama selalu diambil dari katalog. Pesan, TXT-nya, dan tautan click-to-chat berasal dari satu serializer murni. Aksi eksplisit “simpan sebagai pesanan contoh” menulis snapshot dwibahasa tanpa harga ke kunci peramban bersama yang kelak bisa dibaca back-office. Tanpa akun, pembayaran, stok, atau server.
Dirancang untuk semua
Kategori berupa tombol tertekan dan pencarian berlabel dengan tombol bersihkan. Setiap jumlah terdiri dari tiga kontrol terpisah — kurang, kolom angka berlabel, dan tambah, masing-masing 44px — dan kurang nonaktif di angka satu alih-alih menghapus; menghapus adalah tombolnya sendiri dengan satu langkah urungkan. Perubahan diumumkan oleh satu baris status di dekat nota, tanpa memindahkan fokus. Pratinjau pesan berupa disclosure asli; salin baru menyebut “disalin” setelah peramban memastikannya.
Di dalam pengalaman
- Etalase enam barang bergambar dengan kategori dan pencarian
- Kontrol kurang, angka, dan tambah terpisah; 1–99 per barang, hingga 12 baris
- Nota yang menghitung jenis dan jumlah barang, tidak pernah uang, dan tidak pernah “terkirim”
- Satu pesan: pratinjau, salin, TXT, dan tautan WhatsApp contoh
- Pesanan contoh disimpan untuk back-office kelak
- Buku komponen dan status sendiri; personalisasi merek lokal
Cocok untuk
- Toko kecil dan usaha rumahan yang mengenalkan barangnya lewat katalog sederhana dan menyepakati harga serta pengiriman lewat obrolan — sebelum ada checkout daring.
