← Projekti

PRODUCT DEMO · HOSPITALITY

QR Ordering System.

Povezan sistem za poručivanje u kafiću koji počinje QR kodom na stolu i nastavlja se kroz digitalni meni, korpu, live status porudžbine i siguran staff dashboard.

QR kodovi po stolovimaSelf-orderingLive statusStaff DashboardSupabase
North Café · Staff Dashboard
North Café staff order dashboard
North Café customer QR meni
TIP PROJEKTAFunkcionalan product demo
NAMENASelf-ordering za kafiće
PLATFORMAResponsive web application
CORE STACKHTML · CSS · JS · Supabase

IZAZOV

Poručivanje treba da bude brže od pozivanja konobara.

Dobar QR meni može da bude mnogo više od digitalne zamene za papirni meni. Cilj je bio da napravimo kompletan flow poručivanja za stolom bez instaliranja aplikacije i bez kreiranja korisničkog naloga.

Istovremeno, osoblju je potreban jasan način da primi novu porudžbinu, vodi je kroz pripremu i kontroliše koja pića su trenutno dostupna.

FLOW

Od skeniranja do posluženog u jednom povezanom sistemu.

Svaki sto dobija svoj QR kod. Broj stola automatski putuje sa porudžbinom, dok se customer i staff interfejsi sinhronizuju kroz Supabase.

01

Scan

Gost skenira QR kod koji pripada konkretnom stolu.

02

Browse

Digitalni meni se odmah otvara na telefonu.

03

Order

Stavke, količine i opciona napomena šalju se u sistem.

04

Prepare

Osoblje dobija porudžbinu i menja njen status tokom pripreme.

05

Follow

Gost prati live status sve dok porudžbina ne bude poslužena.

CUSTOMER MENU

Meni se otvara tamo gde se gost već nalazi — na telefonu.

Korisnički deo je mobile-first i automatski zna sa kog stola porudžbina dolazi. Jedan sajt može da služi sve stolove samo promenom broja u QR URL-u.

  • Automatsko prepoznavanje broja stola
  • Kategorije i filtriranje menija
  • Live dostupnost pića
  • Bez naloga i bez instalacije aplikacije
North Café customer menu screen

CART & ORDER

Kratak put od izbora do potvrđene porudžbine.

Korpa ostaje jednostavna, ali gostu daje potrebnu kontrolu pre slanja porudžbine.

  • Promena količine
  • Opciona napomena
  • Jasan pregled porudžbine
  • Više porudžbina tokom iste posete
North Café customer cart screen

STAFF DASHBOARD

Nove porudžbine ostaju vidljive, organizovane i spremne za akciju.

Staff strana je napravljena za svakodnevni rad. Ovlašćeni zaposleni se prijavljuju, vide nove porudžbine i vode svaku kroz jasan workflow.

  • Siguran staff authentication
  • Zvučni i vizuelni alert za nove porudžbine
  • Active orders i order history
  • Live upravljanje dostupnošću pića
North Café · Staff Orders
North Café staff dashboard sa aktivnim porudžbinama

ORDER STATUS

Jedna porudžbina. Četiri jasna statusa.

Isti status se prikazuje staff i customer strani, tako da obe strane znaju šta se dešava bez dodatnih poruka.

01Received

Porudžbina stiže u staff dashboard.

02Preparing

Osoblje počinje pripremu.

03Ready

Porudžbina je spremna za posluživanje.

04Served

Završena porudžbina prelazi u istoriju.

TABLE QR LOGIC

Jedan meni. Poseban identitet za svaki sto.

Kafiću nije potrebna posebna stranica za svaki sto. Isti customer interfejs čita broj stola iz URL-a i dodaje ga svakoj porudžbini.

  • Lako dodavanje novih stolova
  • Bez izmene koda za svaki QR
  • Broj stola ide uz svaku porudžbinu
  • Radi sa štampanim QR karticama ili nalepnicama
Primer QR koda za sto 7TABLE 07Scan to order?table=7

BUILT FOR REAL USE

Jednostavno spolja. Strukturirano u pozadini.

Interfejs ostaje lagan, dok Supabase u pozadini povezuje authentication, bazu, live update-e i siguran order workflow.

01

Supabase

Porudžbine, dostupnost menija i live statusi ostaju povezani u jednom backend-u.

02

Secure pricing

Finalni iznos se računa prema pouzdanim cenama sačuvanim u bazi.

03

Staff access

Samo ovlašćeni staff nalozi mogu da pristupe operativnom dashboard-u.

04

Mobile-first

Customer experience je prvenstveno napravljen za uređaj koji gost koristi za stolom — telefon.

REZULTAT

Više od QR menija. Kompletan ordering workflow.

Ovaj demo pokazuje kako običan QR kod može da postane ulaz u povezan digitalni proizvod za goste i osoblje — bez nepotrebne komplikacije za bilo koju stranu.