Kembali ke Portofolio
Aplikasi Web

Sistem Kasir F&B — Zeo Pos

Sistem kasir F&B dengan checkout menu cepat, cetak struk, stok bahan real-time, dan laporan penjualan harian agar staf kafe lancar sejak hari pertama.

Jasa pembuatan website Nganjuk

Sistem Kasir F&B — Zeo Pos

Dampak

+40%

Kecepatan transaksi

Waktu rata-rata per transaksi lebih cepat sejak alur checkout menu dirombak untuk jam makan siang dan malam.

99,5%

Akurasi stok

Stok bahan dan item kemasan sinkron otomatis tanpa perlu rekonsiliasi manual setiap akhir hari.

−60%

Waktu tutup harian

Laporan penjualan harian otomatis terbentuk saat shift ditutup.

Tantangan

Pemilik kafe datang dengan masalah klasik namun mengganggu: antrian kasir sering memanjang di jam makan siang dan malam karena sistem POS lama lambat menambahkan item menu dan kerap berhenti merespons saat printer struk dipanggil. Stok bahan yang dicatat manual setiap akhir hari membuat kekurangan item sering ditemukan, dan laporan penjualan baru bisa dilihat keesokan harinya — sehingga keputusan promo atau pembelian ulang bahan selalu terlambat satu hari.

Selain itu, pelatihan kasir baru memakan waktu lama karena antarmuka lama menumpuk banyak menu yang jarang dipakai. Tim membutuhkan sistem POS yang cepat, mudah dipahami staf F&B baru, dan menyediakan visibilitas penjualan secara real-time tanpa harus berinvestasi pada perangkat keras baru.

Solusi Kami

Kami merancang ulang Zeo Pos sebagai aplikasi web modern berbasis Vite.js + TypeScript + Tailwind CSS yang dapat berjalan ringan di laptop kasir yang sudah ada. Inti aplikasi dioptimalkan untuk alur kerja keyboard-first: setiap pemilihan item menu (atau pemindaian minuman kemasan) langsung memicu validasi stok lewat API tanpa memblokir antarmuka, sementara pencetakan struk ditangani melalui worker terpisah agar kasir bisa langsung memulai pesanan berikutnya.

Backend pertama berjalan di Firebase + Cloud Functions. Kini API sudah dimigrasikan ke Node.js + TypeScript karena alasan internal — agar tim bisa men-deploy, men-debug, dan mengembangkan logika bisnis secara mandiri tanpa terikat Cloud Functions. Sinkronisasi stok dan agregasi laporan tetap berjalan otomatis setiap kali transaksi terjadi. Pemilik gerai mendapat dashboard yang menampilkan penjualan harian secara langsung, lengkap dengan grafik per kategori menu dan daftar bahan atau item dengan stok kritis. Modul izin akses memastikan kasir, supervisor, dan pemilik hanya melihat fitur yang relevan dengan perannya — sehingga pelatihan staf baru cukup dilakukan dalam beberapa jam.

Cara Kami Membangunnya

  1. Langkah 1Discover

    Workshop alur kasir

    Memetakan alur kerja kasir, lantai, dan pemilik gerai untuk menemukan bagian yang paling memperlambat pesanan di jam sibuk.

  2. Langkah 2Design + Build

    Iterasi UX kasir

    Membangun antarmuka kasir yang dioptimalkan untuk keyboard dan pemilihan menu cepat, dengan respons di bawah 100 ms.

  3. Langkah 3Launch + Improve

    Pilot di gerai nyata

    Rilis bertahap di kafe pilot, monitoring performa, lalu menyempurnakan modul stok dan laporan berdasarkan umpan balik staf.

  4. Langkah 4Migrate

    Backend Node.js

    API dipindah dari Firebase Cloud Functions ke Node.js + TypeScript karena alasan internal — agar tim bisa deploy, debug, dan mengembangkan backend secara mandiri.

Teknologi

Vite.jsTypeScriptTailwind CSSNode.js

Fitur Utama

  • Checkout menu cepat
  • Cetak struk
  • Stok bahan & menu
  • Laporan penjualan harian

Punya proyek serupa dalam pikiran?

Ceritakan tujuan Anda. Kami siap membantu mewujudkan ide berikutnya menjadi produk nyata.