Konsep desain · 2026
Ayam Geprek Kamu
Sistem order online & dashboard multi-cabang
Dirancang untuk kedai nyata, belum diluncurkan. Nama, logo, alamat, dan kontak usaha disamarkan.


Ringkasan
Web pemesanan langsung untuk kedai ayam geprek dengan dua cabang: pelanggan memesan dari HP, memilih ambil sendiri atau diantar, membayar via QRIS, lalu memantau status pesanannya. Kasir tiap cabang dan pemilik bekerja dari dashboard masing-masing.
Teknologi
- Next.js
- Tailwind CSS
- Supabase (database, login admin, realtime)
- Vercel
Tantangan
- 01Pesanan online 100% lewat aplikasi pesan-antar, dengan potongan komisi di setiap pesanan.
- 02Tidak memiliki data pelanggan sendiri untuk promo atau iklan.
- 03Dua cabang dikoordinasikan lewat chat, rawan pesanan terlewat.
Solusi
- 01Saluran pesan langsung dengan harga sama seperti beli di tempat, jadi pesanan masuk ke dapur tanpa potongan aplikasi.
- 02Checkout tanpa akun: cukup nama dan nomor HP, yang tersimpan sebagai data pelanggan milik usaha.
- 03Dashboard per peran: kasir hanya melihat cabangnya, pemilik melihat semua cabang sekaligus.
Fitur utama
Menu & keranjang
Kategori menu, label "paling laris", keranjang yang tetap tersimpan saat pindah halaman.
Ambil atau diantar
Pelanggan memilih sendiri; ongkir dihitung otomatis dan cabang terdekat bisa dipilih dari lokasi.
Bayar QRIS + bukti
Pelanggan mengirim bukti bayar, kasir memverifikasi dalam batas waktu yang jelas.
Status pesanan real-time
Pelanggan melihat pesanannya diproses, siap, atau diantar tanpa perlu menelepon.
Dashboard kasir
Pesanan masuk berbunyi, dikelompokkan per status, untuk satu cabang.
Laporan pemilik
Omzet, jumlah pesanan, menu terlaris, dan perbandingan antar cabang.
Tampilan

Menu & keranjang (laptop)

Beranda

Checkout

Cabang
Mau sistem seperti ini untuk usahamu?
Ceritakan cara kerja usahamu, kami bantu rancang solusinya. Konsultasi gratis.