Képernyők ágrajza tabok, lapok, lebegő elemek
-
hamm appindítás → város (auto GPS) → főoldal
- Főoldalnapimenük · kategóriák · éttermek
- Lebegő dokka navbar fölött
- Rendelésekaktív · archívum
- Kedvencekéttermek · ételek · újrarendelés
- Pontjaimegyenleg · beváltás · előzmények
- Profil(oldalmenüből is)
Rendelési útvonal hogyan ad le rendelést a vásárló
Város
Első indításnál GPS alapján, később a fejléc chipjéből váltható.
Főoldal
Napimenü blokk elöl: a mai menük leves / főétel / ár / határidő egy kártyán.
A · Napimenü gyorsút
„+” a menükártyán → azonnal kosárban. Koppintás a kártyára → részletek + mennyiség.
B · Étterem
Kategória / lista / kereső → étterem oldal. Accordion étlap, kategória-ugró sáv.
Étel a kosárba
„+” gyorsan, vagy étel lap extrákkal, megjegyzéssel, mennyiséggel.
Kosár
Lebegő kosár pasztilla → alsó lap: tételek, kupon, evőeszköz, összesítés.
Cím
Mentett címek, új cím, személyes átvétel.
Fizetés
Revolut Pay (ajánlott), Google Pay, kártya, készpénz a futárnál.
Megerősítés
Összegzés, várható idő. Tartsd nyomva a gombot, amíg „átsül” – véletlen rendelés kizárva.
Követés
Rendelések tab: státusz, HammBoti üzenetek, futár, értékelés a végén.
A két ág (A: napimenü egy mozdulattal, B: étterem étlapja) a Kosárnál összefut – a checkout onnan azonos.
Tervezési döntések amiket a demo bemutat
Napimenü blokk
- Sunset-gradiens hero a főoldal tetején – ez a Hamm egyedisége, ezért ez az első dolog.
- Kártyán: étterem, kiadási idő, leves / főétel / desszert, ár, szállítási díj, 🚀 / 🎟️ / 🌿 jelvények.
- Határidő-sáv („Rendelhető 14:00-ig”) – mikor kell dönteni.
- Szűrő chipek: Hamm szállít, vegetáriánus, ár, kupon.
Gombok, mikrointerakciók
- Zsemle gomb: pirult fény + alsó „talp”, nyomásra lesüpped, egy falat kiharapódik, morzsák hullanak.
- Ketchup „+”: fröccsenés a gombból, a tétel a kosár pasztillához repül, a kosár megugrik.
- Átsütés: tartsd nyomva a rendelés leadásához – grillcsíkok, gőz, haptika. Elengedés = visszaáll.
- Minden gomb / kártya rugós (spring) skálázással jelez vissza, rezgés ahol a készülék tudja.
Navigáció
- Alsó tapadó navbar 5 tabbal, elmosott háttérrel, aktív indikátorral.
- Lebegő kereső a navbar fölött; ha van kosár, mellé csúszik a kosár pasztilla.
- Accordion bezáró ugyanebben a dokkban jelenik meg, ha a nyitott kategória fejléce kicsúszott.
- Oldalmenü: profil, címek, fizetés, szolgáltatások, sötét / világos mód kapcsoló, nyelv.
Étterem oldal
- Hero + infó kártya: értékelés, nyitva-státusz, idő, díj, minimum egy pillantással.
- Mai napimenü kiemelve, közvetlen kosárba gombbal.
- Accordion étlap marad (bevált), kategória-ugró chipsávval, darabszámmal.
- Allergének halk, szürke címkékként – nem piros riasztásként.