Ny Steakhouse.
Sötét, szerkesztőségi steakhouse-oldal, ahol az étlap nem lista, hanem színpad.
Élő oldal megnyitása
01 — A kiindulás
Mi volt a feladat?
Egy steakhouse-nál a látogató két dolgot keres: mit főznek és mikor tud asztalt foglalni. A feladat: olyan oldal, amely ezt a kettőt teszi a középpontba — de úgy, hogy az étlap ne táblázat legyen, hanem élmény, ami kedvet csinál a foglaláshoz.
- Iparág
- Étterem
- Technológia
- HTMLCSSJavaScriptGSAP
02 — A megoldás
Mit építettem?
Az oldal sötét, magazinszerű felület: sorszámozott szekciók, hajszálvékony képkeretek, nagybetűs cím dőlt serif zárszóval. A kiemelt húsok a The Cuts szekcióban görgetésre kitűzött, egész képernyős jeleneteket kapnak — név, ár és fotó tételenként —, a teret pedig a szoba hangulatát mutató szerkesztőségi galéria zárja.
Étlap mint színpad
A kiemelt tételek nem listában ülnek: a The Cuts szekció görgetésre tételenként vált, egész képernyős fotóval és kiírt árral. Az étlap így végignézeti magát.
Asztalfoglalás végig kéznél
A foglalás gomb a fejlécben és a nyitóképen is szerepel — bárhol tart a látogató a történetben, a következő lépés egy kattintás.
Szerkesztőségi részletek
Sorszámozott szekciók, № feliratú képek, futó információs szalag — az apró tipográfiai döntések adják a prémium érzetet, nem a díszítés.
03 — Galéria
Hogyan néz ki?
Sötét oldalhoz sötét fal: az élő oldal képei keretezve, ahogy egy steakhouse a saját falára akasztaná őket.
№ 05 — Galéria telefonon
Ugyanaz a szoba, tenyérnyi képernyőn.
A képrács telefonon egy oszlopba rendeződik, de a № sorszámok és a hajszálvékony keretek maradnak — a szerkesztőségi rend kis képernyőn is tartja magát.
Flame 800°Est. 1989Broadway & W 28th
04 — Mit mutat meg
Mi a tanulság?
Ez egy koncepció, nem ügyfélmunka — így látogatottsági vagy bevételi számok nem tartoznak hozzá. Ami viszont látszik belőle:
- 01
Görgetésre kitűzött (pinned) étlap-jelenetek GSAP ScrollTriggerrel.
- 02
Sötét, magazinszerű arculat, amely végig olvasható marad.
- 03
Szerkesztőségi képrács és tipográfiai rendszer, amely fotókból épít hangulatot.
