CleanCode
Kontak
KaryaLayananBlogTentang
STUDI 02 · F&B / Loyalty & game · 2026–sekarang

Mona.

Papan peringkat dan game untuk kafe bertema bulan yang pertama di Medan: pelanggan tetap tahu posisinya, dan setiap kopi membuat karakternya tumbuh.

KLIEN
Mona Coffee Co.
LAYANAN
Web · Backend · Hosting
DURASI
Agu 2026 – berjalan
TEKNOLOGI
Laravel Blade, Tailwind CSS, Laravel, Node.js, Docker
Mona hero
SEKILAS
Tiap 5 menit
Peringkat dan menu terlaris diperbarui dari kasir
12 Moonies
Satu karakter untuk setiap zodiak
Rp1.000 = 1 koin
Setiap belanja di Mona menghasilkan Moon Coin
Duel QR
Dua ponsel, satu pertarungan, tanpa instal apa pun

MASALAHNYA

Mona adalah kafe bertema bulan di Medan dengan dua outlet, buka dari pagi sampai larut malam. Pelanggan tetapnya mengumpulkan poin loyalitas dan naik tier yang dinamai sesuai fase bulan.

Tapi poin itu tersimpan di kasir, dan hanya staf yang bisa melihatnya. Pelanggan tidak tahu seberapa dekat mereka ke fase berikutnya, atau siapa lagi yang datang sesering mereka.

YANG KAMI BANGUN

Situs yang terhubung ke kasir.

storyofmona.com memeringkat pelanggan tetap berdasarkan poinnya, lengkap dengan menu favorit dan tier fase bulan, langsung dari penjualan kafe. Pelanggan hanya tampil sebagai nama depan dan inisial. Nomor HP dan email tidak pernah keluar dari kasir.

Game yang dibayar dengan kopi.

Di Moonies, setiap pelanggan menetaskan karakter zodiaknya. Setiap belanja Rp1.000 di Mona memberi satu Moon Coin ke pemain yang menautkan nomor HP tersebut. Koinnya bisa ditukar dengan XP, energi duel, dan boost. Kalau ada refund, koinnya ditarik kembali.

Misi yang membuat mereka datang lagi.

Misi baru muncul setiap hari dan setiap minggu. Misi bertanda cangkir hanya bisa diselesaikan di kafe, misalnya satu struk Rp100.000 atau lebih hari ini.

Duel tatap muka di satu meja.

Satu pemain menampilkan kode QR, lawannya memindai, dan kedua ponsel memutar pertarungan yang sama.

Tidak ada yang bisa curang di arena.

Setiap pertarungan dan setiap koin diputuskan di server, tidak pernah di ponsel pemain.

HASILNYA

Keduanya sudah tayang di storyofmona.com dan moonies.storyofmona.com. Hall of Fame dan arena Moonies diperbarui otomatis, tanpa ada staf Mona yang mengedit halaman.

Keduanya mengambil datanya dari Rubicon, aplikasi kasir yang dipakai Mona.

TEKNOLOGI

Semua yang dirilis.

FRONTEND
Laravel BladeTailwind CSSJavaScript (ES modules)
BACKEND
LaravelNode.jsMySQLRedisRubicon Partner API
REALTIME
Server-sent events
INFRASTRUKTUR
DockerGitLab CI/CDVPS
(Mari bicara)

Butuh yang seperti ini?

Ceritakan apa yang bermasalah atau apa yang ingin Anda bangun. Kami balas dengan apa yang akan kami buat, dan apa yang dibutuhkan.

Mulai proyek

Ceritakan kebutuhan Anda.

Pilih yang sesuai dan tambahkan satu-dua kalimat. Semuanya jadi email yang Anda kirim dari aplikasi email Anda sendiri.

Apa yang Anda butuhkan?
Kapan ingin mulai?

Tidak ada yang terkirim dari halaman ini sampai Anda menekan kirim di aplikasi email. Tidak ada yang terbuka? lalu kirim ke .