Weboldal

A burger-piac az egyik legzsúfoltabb a vendéglátásban. Minden második hely „kézműves”, „prémium” és „titkos receptes” – a szavak elkoptak. A SmashR-nek nincs szüksége kitalált családi legendára: a különbség magában a technikában van. A kihívás az volt, hogy ezt a technikát láthatóvá és átélhetővé tegyük egy weboldalon, amely közben:

• azonnal megmutatja, hol van a hely és hogyan lehet rendelni,
• a teljes étlapot naprakészen tartja a kiszállítási platformokkal összhangban,
• és első pillantásra megkülönböztethető minden más burgerezőtől.

A csempefal, amely fényt kap

A nyitóképernyő a SmashR saját, mázas csempefalát mutatja – két fotóból, egy matt és egy nedvesen csillogó változatból, amelyek ugyanabból a kamerapozícióból készültek, így tökéletesen fedik egymást. Egy kör alakú „fényablak” követi az egeret, és ahol áthalad, ott a csempe nedves fényben kezd csillogni – mintha egy reflektor siklana végig a falon. Érintőképernyőn a fény magától vándorol, csökkentett mozgás beállítás mellett pedig nyugalomba áll.

A megoldás technikailag is kifinomult: képkockánként mindössze két transzformáció változik, így az effekt mobilon is akadásmentes – egy egyszerűbb, teljes képernyős maszk az egész réteget újrarajzolná.

A burger, amely görgetésre áll össze

Az oldal legemlékezetesebb pillanata: öt kivágott fotóból – zsemle, hús, sajt, feltétek – görgetés közben, rétegről rétegre áll össze egy burger, miközben a mellette lévő címsor szóról szóra telik meg. Nem videó – valódi, egymásra kerülő rétegek, így minden böngészőben képkockapontosan követi a görgetést, és nem terheli megabájtokkal a betöltést.

Mélység az átmenetekben

A hero nem egyszerűen elgördül: a következő szekció ráhúzódik, miközben a hero hátrébb lép és elsötétül. A vágás így nem lapos váltás, hanem térbeli mélység – mint amikor a kamera közelebb lép.

Három felület, egy összefüggő tér

Minden oldal kizárólag három felületből épül fel:

• csempe – fekete, a hero mázas falának maszkolt sávjával a szélein, ettől több fekete szekció is egyetlen összefüggő helyiségnek hat;
• papír – szinte fehér, alig érezhető újságpapír-szemcsézettséggel a termékeknek és információknak;
• bézs – a márka lapos bézse a történetmeséléshez és a látványos, görgetésvezérelt jelenetekhez.

A szigorú szabályrendszer garantálja, hogy öt oldalon át sem csúszik szét a vizuális egység. A tipográfia a vastag, ütős Archivo Black és a jól olvasható Archivo párosára épül, a márkapiros pedig egyetlen, kitöltött „rendelés” gombban csúcsosodik ki – a vendégnek soha nem kell kitalálnia, melyik gombot nyomja meg.

Főoldal

A csillogó csempefal a „WE SMASH. YOU EAT.” mottóval, közvetlen gombok az útvonaltervezéshez, a Foodorához és a Wolthoz, a görgetésre összeálló burger, az étlap rövidített kínálata, a történet („Egy lap. Egy mozdulat.”) és a helyszín.

Étlap

A teljes kínálat: Classic Smash, House Smash, Crispy Bacon Smash, Crispy Chicken, a Big Smash változatok, menük, köretek (hasábburgonya, Loaded Fries, mozzarella rudak), szószok és italok. Az árak és az elérhetőség a SmashR saját Foodora- és Wolt-listáiból származnak, és minden tételnél látszik, melyik platformon rendelhető.

SmashR Experience

A technika négy lépésben, anatómiaként elmesélve: a hús (friss, sosem fagyasztott marha), a lap (forróbb, mint amit egy otthoni serpenyő elbír), a smash (egyszer, teljes súllyal) és a perem (csipkésre ropogó szél, ráolvasztott sajt). Ez az oldal adja el a terméket – tényekkel, nem jelzőkkel.

Rólunk

A pult, a módszer és a csapat. A filozófia négy pontban: rövid étlap, aznapi alapanyag, rendelésre készül, papírban, állva. „Nincs titkos recept. Csak egy mozdulat, amit nem rontunk el.”

Kapcsolat

Cím, nyitvatartás, kattintható telefonszám, hozzájárulás után betöltődő térkép, útvonaltervezés és rendelési linkek – minden, amiért a látogató ide kattintott.

Őszinte márkatörténet

A SmashR weboldalán nincs kitalált alapítási év, családi recept, díj vagy „eladott burgerek száma”. Ami ott áll, az az, amit a konyha ténylegesen csinál – egyenesen kimondva. Egy túltelített piacon éppen ez a hitelesség a legerősebb megkülönböztető erő.

Admin felület a konyhának

A SmashR egy biztonságos admin felületen maga kezeli az árakat, leírásokat, kategóriákat, hogy egy tétel melyik platformon rendelhető, megjelenik-e egyáltalán, a nyitvatartást, a telefonszámot, és azt is, melyik négy tétel vezesse a főoldalt. Mentés után az oldalak azonnal frissülnek, közben pedig statikusak és villámgyorsak maradnak.

Valódi termékfotók – és amikor nincs, akkor sincs csalás

Minden termékfotó a SmashR saját anyaga, egyik sem generált. Ahol egy tételhez nincs fotó, ott egy igényes tipográfiai kártya jelenik meg – nem egy másik, kisebb burger képe.

Adatvédelem, amely tiszteli a látogatót

Saját fejlesztésű süti-ablak, ahol az „Összes elutasítása” egyenrangú az „Összes elfogadásával”, és a hozzájárulás bármikor egy kattintással visszavonható. A térkép csak engedélyezés után töltődik be – addig a cím és az útvonaltervezés látszik.

• Egyedi, görgetésvezérelt jelenetek – a csillogó csempefal, az összeálló burger és a mélységet adó átmenetek professzionális animációs rendszerrel, amely csökkentett mozgásnál a kész állapotot mutatja, nem egy lassabb animációt.
• Szigorú design rendszer – három felület, két gombtípus, egyetlen márkapaletta. A következetesség teszi a weboldalt prémiummá.
• Előre optimalizált képek – minden fotó előre, fix szélességekben WebP formátumba konvertálva, valódi méretadatokkal; semmi sem ugrál betöltéskor, a hero képe pedig előtöltve érkezik.
• Egy rajz, minden logó – a márkajel egyetlen forrásfájlból generálódik piros, fehér és rugalmas színváltozatban, a megosztóképekhez és az ikonokhoz is.
• Minőségbiztosítás – automatizált tesztek és minden oldalról, három képernyőméretben készülő ellenőrző képernyőképek.

• Helyi fókusz: cím, kerület, koordináták és nyitvatartás minden releváns helyen, egyetlen adatforrásból.
• Gazdag strukturált adatok: Restaurant vállalkozástípus, nyitvatartás, teljes étlap Menu / MenuItem formátumban, OrderAction a Foodora és Wolt rendeléshez, ContactPage és morzsamenü.
• Élő, gépileg olvasható adatok: a /schema.json és az /llms.txt nem statikus fájlok, hanem dinamikusan frissülő útvonalak – ha az adminban változik az ár, a telefonszám vagy a nyitvatartás, a Google és a mesterséges intelligencia alapú keresők (ChatGPT, Perplexity, Google AI Overviews) is azonnal a friss adatot látják.
• Technikai alapok: sitemap, robots.txt, Open Graph megosztókép, szemantikus HTML; a kötelező jogi oldalak nem indexeltek, hogy ne vegyék el a helyet a valódi tartalom elől.

A SmashR ma olyan weboldallal rendelkezik, amely pontosan olyan, mint a burgerei: fókuszált, merész, és minden részletében átgondolt. A látogató másodpercek alatt látja, hol van a hely, mit lehet enni és hogyan lehet rendelni – közben pedig a weboldal megmutatja, miért más a SmashR, mint bármelyik másik burgerező. A konyha pedig maga kezeli az étlapot és a nyitvatartást.

Rövid étlap, egy mozdulat, nulla kompromisszum. A SmashR weboldala ugyanezt a receptet követi.

Miért jobb a görgetésre összeálló burger, mint egy videó? Mert a rétegek képkockapontosan követik a görgetést minden böngészőben, és nem kell hozzá több megabájtos videót letölteni – a weboldal gyors marad, az élmény pedig interaktív.

Össze lehet kötni egy étterem weboldalát a Foodorával és a Wolttal? Igen. A SmashR weboldalán minden étlaptételnél látszik, hol rendelhető, a rendelési gombok közvetlenül a platformokra vezetnek, és a strukturált adatok a Google számára is jelzik a rendelési lehetőséget.

Mit jelent az AI-keresőoptimalizálás egy étterem esetében? Azt, hogy a mesterséges intelligencia alapú keresők (például a ChatGPT vagy a Google AI Overviews) pontos, friss adatokat kapnak az étteremről – címet, nyitvatartást, étlapot –, és így nagyobb eséllyel ajánlják a vendégeknek.