Lompat ke konten
Semua portofolio

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.

Ayam Geprek Kamu, tampilan laptop
Ayam Geprek Kamu, tampilan HP

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

  1. 01Pesanan online 100% lewat aplikasi pesan-antar, dengan potongan komisi di setiap pesanan.
  2. 02Tidak memiliki data pelanggan sendiri untuk promo atau iklan.
  3. 03Dua cabang dikoordinasikan lewat chat, rawan pesanan terlewat.

Solusi

  1. 01Saluran pesan langsung dengan harga sama seperti beli di tempat, jadi pesanan masuk ke dapur tanpa potongan aplikasi.
  2. 02Checkout tanpa akun: cukup nama dan nomor HP, yang tersimpan sebagai data pelanggan milik usaha.
  3. 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

Halaman menu versi laptop dengan keranjang di samping

Menu & keranjang (laptop)

Beranda versi HP

Beranda

Checkout versi HP: pilih ambil sendiri atau diantar, lalu cabang

Checkout

Halaman cabang versi HP dengan alamat, jam buka, dan tombol pesan

Cabang

Mau sistem seperti ini untuk usahamu?

Ceritakan cara kerja usahamu, kami bantu rancang solusinya. Konsultasi gratis.

Chat via WhatsApp