Weboldal

A Csupornak volt már weboldala, de az nem tartott lépést sem a főzde hírnevével, sem azzal a különleges hangulattal, amiért a vendégek visszajárnak. A feladatunk egy jelentős vizuális és felhasználói élménybeli megújulás volt – úgy, hogy a márka személyisége, a logó és a hely egyedisége ne vesszen el egy általános „prémium sörözős” sablonban.

Három különleges szempontra kellett megoldást találnunk:

• A sörkínálat folyamatosan változik. Kis tételekben főznek, és ami elfogy, helyére új kerül – a weboldalnak ezt követnie kell, fejlesztő nélkül.
• A taproom szezonálisan nyit. Nincs fix, megbízható nyitvatartás – mégis tudnia kell a látogatónak, mikor jöhet.
• A hely maga a történet. A benzinkútból lett sörfőzde olyan sztori, amit a fotóknak és a tipográfiának kell elmesélnie.

Valódi fotók, szerkesztői igényességgel

A design alapanyaga a sörfőzde saját fotóanyaga: a sörfőző a főzőüst fölé hajolva, a naplementében fénylő rozsdamentes tartály, a fényfüzéres terasz a régi kútbeálló alatt. Nem raktuk be az összes képet egy óriási galériába – kiválogattuk a legerősebbeket, és magazinszerű, aszimmetrikus elrendezésben, egymásba csúszó képkompozíciókkal mutatjuk be őket. A cél az volt, hogy a fotók értékesnek látsszanak.

Visszafogott, karakteres arculat

Fekete, fehér és szürke alap, arany kiemelésekkel és egy meleg, borostyános narancs másodlagos színnel – mint a pohárban a sör. A címsorok a vastag, öntudatos Archivo Black betűtípussal készültek, a szöveg a jól olvasható Interrel. Az eredmény egyszerre modern, kézműves és magabiztos: nem luxushotel, nem fesztiválplakát, hanem egy valódi, független sörfőzde.

Erős, egyedi hero

Nincs „Üdvözöljük a weboldalunkon”. A nyitóképen egy friss sörrel teli Csupor pohár a teraszon, mögötte vendégek – és egy rövid, emlékezetes főcím: „Ott isszuk, ahol főzzük.” Egy mondatban benne van a főzde, a taproom és a helyi élmény.

Főoldal

Erős hero, rövid bemutatkozás („2014-ben kezdtünk sört főzni…”), a csapon lévő sörök előzetese, a terasz hangulata („Raklapasztal, kútbeálló, hosszú esték”), elismerések és egyértelmű látogatási felhívás.

Söreink – mindig naprakész sörlista

Stílus, alkoholtartalom és ízjegyek minden sörnél – a vörös West Coast IPA-tól (Tántorgó ParIPA) a német típusú pilsen (Thrash Lager) és a mangós savanyú sörön (HatWango) át a meggyes stoutig (Black Cherry). A szezonális sörök külön jelölést kapnak, a pillanatnyilag nem csapolt sörök pedig egy „Épp pihen” szekcióba kerülnek – így a lista sosem hazudik.

A sörfőzde

A történet tömören: hogyan lett egy kihasználatlan kútból főzde és taproom, miért kis tételekben főznek, kikkel főznek közösen (például az Etyeki Sörmanufaktúrával), és milyen elismeréseket kaptak – 2016: Magyarország legjobb söre, 2015: Altech bronzérem.

Látogatás

„Gyere el a kútra.” Cím, kattintható telefonszám, útvonaltervezés, kutyabarát terasz, és a megnyugtató tény: asztalt foglalni nem kell. Mobilon egy rögzített akciósáv az oldal alján mindig kéznél tartja a hívás és az útvonaltervezés gombját.

Élő „Most nyitva / Most zárva” kártya

A szezonális nyitvatartásra egyedi megoldást építettünk: a főoldal tetején egy kis kártya jelzi, hogy épp nyitva van-e a taproom – vagy épp miért zárva (például mert fesztiválon vannak). A tulajdonos az adminból egy kattintással állítja, a rendszer pedig figyelmeztet, ha 24 óránál régebbi az állapot. Amíg senki nem állít be semmit, a kártya meg sem jelenik – az oldal soha nem állít ellenőrizetlen információt.

Fejlesztő nélkül frissíthető sörlista

Egy biztonságos, jelszóval védett admin felületen a főzde maga veheti fel, szerkesztheti, sorrendezheti és törölheti a söröket, és egy „Csapon” kapcsolóval dönti el, mi szerepeljen a fő listában. A mentés azonnal élesedik.

Adatvédelem, amit a látogató is érez

Az oldalon egyetlen dolog kér hozzájárulást: a beágyazott Google-térkép. Amíg a látogató nem engedélyezi, semmilyen kérés nem indul a Google felé – a térkép helyén a cím és egy „Térkép betöltése” gomb látszik. A saját fejlesztésű süti-ablak gyors, nem tolakodó, és a döntés bármikor módosítható.

Őszinte tartalom

Nincs kitalált nyitvatartás, nincs kitalált vásárlói vélemény, nincs kitalált díj. Ami az oldalon szerepel, az ellenőrizhető. Egy hiteles márkánál ez nem korlát – hanem érték.

• Art-direction, nem sablon. Minden szekció egy közös vizuális rendszer része: egységes térközök, betűhierarchia, gombok és arany kiemelések.
• Finom, minőségi animációk. Képfeltárulások, elegáns hover-állapotok, görgetésre megjelenő tartalom – zavaró effektek nélkül, a csökkentett mozgás beállítás tiszteletben tartásával.
• Villámgyors betöltés. Előre optimalizált, több méretben elkészített fotók, saját szerveren kiszolgált betűtípusok, felesleges függőségek nélkül.
• Mobil-első tervezés. A mobilos elrendezés saját döntésekkel készült – vágások, gombméretek, tipográfia –, nem a desktop kicsinyített változata.
• Akadálymentes. Megfelelő kontraszt, billentyűzettel bejárható navigáció, látható fókuszállapotok, leíró alternatív szövegek minden képen.

• Célzott helyi kulcsszavak természetes szövegezéssel: craft beer Hatvan, sörfőzde Hatvan, kézműves sör Hatvan, söröző Hatvan – kulcsszóhalmozás nélkül.
• Gazdag strukturált adatok: Brewery (sörfőzde) vállalkozástípus, teljes sörlap Menu / MenuItem formátumban alkoholtartalommal, adottságok (kutyabarát, terasz), földrajzi koordináták és morzsamenü.
• Egyetlen adatforrás: a cím, telefonszám, nyitvatartás és közösségi linkek egy helyen élnek, így a fejléc, a lábléc, a Google-nek szóló adatok és az llms.txt (a mesterséges intelligencia alapú keresőknek) sosem mondanak ellent egymásnak.
• Technikai alapok: canonical URL-ek, sitemap, robots.txt, Open Graph megosztási adatok, értelmes oldalcímek és meta leírások.

A Csupor Craft Beer ma olyan weboldallal rendelkezik, amely ugyanolyan karakteres, mint a sörei. Kicsi, átgondolt és csiszolt: minden szekciónak célja van, a fotók végre méltó keretet kaptak, a sörlista és a nyitva/zárva állapot pedig a főzde kezében van. A látogató néhány másodperc alatt megérti, mi a Csupor – és kedvet kap, hogy eljöjjön a kútra.

A legjobb vendéglátós weboldal nem helyettesíti az élményt – hanem elhozza a vendéget oda, ahol az élmény történik.

Hogyan tudja egy sörfőzde vagy étterem maga frissíteni a kínálatát? Egy egyszerű, jelszóval védett admin felületen. A Csupornál a sörök felvétele, szerkesztése és a „csapon / pihen” állapot váltása néhány kattintás, és a változás azonnal megjelenik az oldalon.

Mi a teendő, ha nincs fix nyitvatartás? Ilyenkor a legrosszabb megoldás egy kitalált nyitvatartás. Mi egy kézzel állítható „most nyitva / most zárva” kártyát és egy egyértelmű telefonos elérhetőséget építettünk – őszintén és felhasználóbarát módon.

Kell-e süti-banner egy vendéglátóhely weboldalára? Ha az oldal harmadik féltől származó tartalmat (például Google-térképet) tölt be, igen. A jó megoldás az, ha a hozzájárulásig semmi nem töltődik be, és a látogató enélkül is megkapja a lényeget: a címet és az útvonaltervezést.