Éttermi weboldalkészítés: a Pasta Mondo esettanulmánya
Az éttermi weboldalkészítés egyik érdekes feladata, amikor a meglévő ételfotókból és éttermi információkból kell összerakni egy önálló online megjelenést. A […]
Az éttermi weboldalkészítés egyik érdekes feladata, amikor a meglévő ételfotókból és éttermi információkból kell összerakni egy önálló online megjelenést. A budapesti Pasta Mondónál erre építettem a munkát: a rendelkezésre álló képek mellé megterveztem az oldal felépítését, megírtam a szövegeket, és kialakítottam a digitális étlapot.
A cél egy olyan bemutatkozó oldal volt, amely átadja a tésztabár hangulatát, megmutatja a kínálatot, és elvezeti a látogatót a következő lépéshez: az étlaphoz, az útvonaltervezéshez vagy valamelyik rendelési felülethez.
A projekt állapota: az esettanulmány készítésekor, 2026 októberében a weboldal demóként tekinthető meg. A megrendelőnek tetszett az elkészült irány; a saját domain és a végleges tárhely beállítása még hátravan. A bemutató ezért az elvégzett tervezési és kivitelezési munkáról szól. Forgalmi vagy rendelési eredmények még nem állnak rendelkezésre.
Megnézem a Pasta Mondo demóját →
Miből indult a Pasta Mondo weboldala?
A Pasta Mondo a budapesti Bulcsú utcában működő tésztabár. A weboldalhoz meglévő ételfotók és a kínálatra vonatkozó információk adták a kiindulópontot. Ezekből kellett olyan tartalmat összeállítani, amely egy új látogató számára is könnyen követhető.
A saját feladatom a vizuális koncepció, az oldalszerkezet és a szövegek kidolgozása volt. Át kellett gondolnom, milyen sorrendben találkozzon a látogató az információkkal, melyik ételfotó hol működik jól, és milyen mondatok illenek a hely karakteréhez. A meglévő képek így egy összefüggő bemutatkozás részei lettek.
Éttermi weboldalkészítés a vendég kérdéseire építve
Az oldal felépítésénél néhány egyszerű kérdésből indultam ki: mit lehet itt enni, milyen választási lehetőségek vannak, hol található az étterem, és hogyan lehet rendelni? Ezekhez igazítottam a fő tartalmi egységeket.
- Nyitófelület: a tészták és a hely hangulata kapja a főszerepet.
- Digitális étlap: egy helyen jelennek meg az ételek, a tésztafajták és a kiegészítők.
- Rövid bemutatkozás: kiderül, mire számíthat az, aki helyben eszik vagy elvitelre kér.
- Helyszín és nyitvatartás: a látogató megtalálja a címet és az útvonaltervezési hivatkozást.
- Rendelési lehetőségek: külön gomb vezet a Wolt és a Foodora éttermi oldalára.
A menüpontok ugyanannak az oldalnak a megfelelő szakaszaira vezetnek. A kínálat és a legfontosabb kapcsolódó információk így egyetlen bemutatkozó felületen áttekinthetők.
Meglévő fotók mellé saját hangvételű szövegek
A nyitófelület központi gondolata a rövid „PASTA. BASTA.” felirat. Ehhez egy ételfotóra épülő, görgetéshez kapcsolódó vizuális elem társul. A nyitás célja, hogy rögtön érződjön, milyen éttermet mutat be az oldal.
A szövegeknél közvetlen, játékos hangvételt választottam. Az étlaphoz vezető kérdés például a szószok felől közelít: „Paradicsomos? Tejszínes? Esetleg Pestos?” Ez kapcsolódik a tényleges választékhoz, és természetes átmenetet ad a nyitófelület és az ételek között.
A rövid ételleírások, a helyben fogyasztásról és az elvitelről szóló bemutatkozás, valamint a gombok feliratai ugyanezt a hangot követik. A tartalom megírása így a weboldal tervezésének része lett. A képek mellé minden szakaszban olyan szöveg került, amely segít értelmezni a kínálatot vagy továbblépni.
Digitális étlap tésztafajtákkal és extrákkal
A Pasta Mondo étlapján a tésztaételek és a desszertek külön kategóriában szerepelnek. A felsorolt fogások mellett a választható tésztafajták is megjelennek: spagetti, fusilli és penne.
Az ízesítők és az extrák külön csoportot kaptak. A chili és a fokhagyma mellett például rák, bacon, mozzarella, parmezán és koktélparadicsom is szerepel a felsorolásban. Így a látogató az ételneveken túl a variálási lehetőségekről is képet kap.
Ennek a szakasznak jelenleg a kínálat bemutatása a feladata. Az étlap böngészése és a rendelés leadása két külön lépés: a demó a rendeléshez a meglévő külső platformokra irányít.
A bemutatkozástól a következő lépésig
Aki személyesen érkezne, a cím mellett útvonaltervezési hivatkozást talál. Aki inkább házhoz rendelne, az oldal rendelési szakaszából a Wolt vagy a Foodora Pasta Mondo-felületére léphet tovább.
Ezekkel a hivatkozásokkal a weboldal összeköti a bemutatkozást az étterem meglévő elérési és rendelési lehetőségeivel. A látogatónak az oldal megfelelő pontján kéznél van a következő lépés. A külső rendelési oldalakra vezető gombok ugyanakkor még nem jelentenek a weboldalba épített saját rendelési rendszert.
Mérés és saját rendelési felület: a következő lépések
A végleges indulás előkészítésénél a mérésre is ki kell térni. Érdemes külön ellenőrizni például a rendelési gombokra és az útvonaltervezésre történő kattintásokat. Ezek segíthetnek megérteni, mire használják a látogatók az oldalt. Egy rendelési gomb megnyomása önmagában még nem igazolt rendelés.
A mérőkódok, a hozzájárulás-kezelés és az események tényleges működését a végleges környezetben kell ellenőrizni. Az így gyűjtött adatok az indulás után adhatnak alapot a további marketing- és fejlesztési döntésekhez.
Hosszabb távú lehetőség a saját rendelési felület kialakítása. Ez külön fejlesztési szakasz lenne, amelyben a rendelés összeállításától a visszaigazolásig, illetve a választott átvételi vagy kiszállítási módig teljes folyamatot kell megtervezni és tesztelni. A most bemutatott munka a tésztabár webes megjelenését és a kínálat bemutatását adja ehhez kiindulópontként.
Mi készült el, és mit mutat meg ez a projekt?
Elkészült egy megtekinthető demó saját vizuális koncepcióval, új szövegekkel, digitális étlappal, helyszíninformációkkal és a rendelési felületekre vezető hivatkozásokkal. A megrendelő pozitívan fogadta az irányt. A következő lépés a végleges domain és tárhely rendezése, majd az élesítés előtti ellenőrzés.
A Pasta Mondo példája azt mutatja meg, milyen munkát jelent a rendelkezésre álló anyagokból teljes webes tartalmat készíteni. Az oldalszerkezet, a képek elhelyezése, a szövegek hangvétele és a továbblépési lehetőségek együtt adják a végeredményt. Ugyanez a gondolkodás más vállalkozás bemutatkozó oldalánál is alkalmazható, a saját szolgáltatásaihoz és ügyfeleihez igazítva.
A te vállalkozásodnak is hasonló oldalra van szüksége?
Ha van már néhány használható képed és tudod, mit szeretnél bemutatni, ezekből el tudunk indulni. Ha az oldalszerkezet vagy a szövegek összeállításában is segítséget kérsz, azt az ajánlat részeként előre egyeztetjük. A bemutatkozó oldal, a tartalomkészítés és az esetleges egyedi funkciók feladatát és díját külön rögzítjük.