Röviden
A Pikhercs egy kardosréti cukrászműhely, amelynek fő erőssége a kézzel mintázott formatorta. Az oldal a látványtervtől az élesítésig nálunk készült. A márkát is mi terveztük: a színeit, a betűit és a teljes látványvilágát, és a keresőoptimalizálást (SEO) is mi végeztük. A nyitóképen görgetésre egy ceruzás tervrajzból lesz kész torta. A galériában 42 saját munka szerepel, az ajánlatkérő pedig ugyanazokat a kérdéseket teszi fel, amelyeket Kitti telefonon is feltenne.
A kiinduló helyzet
Kitti nem üzletet nyit ki reggel. Nincs nyitvatartás, a rendelés telefonon indul, a tortát egy előre megbeszélt időpontban lehet átvenni. A briefben ezért nem a „szép honlap” volt az első kérés, hanem néhány nagyon konkrét dolog:
- A formatorta legyen a főszereplő. A figurák, virágok és apró részletek kézzel készülnek, és ez az ár fő oka is.
- Derüljön ki, mitől függ az ár: méret, részletgazdagság, összetettség.
- Az átvétel pontos időpontban történik. Ha 14 órára beszélték meg, akkor 14 órakor.
- Fizetni készpénzzel vagy átutalással lehet, és mindig jár számla.
- Amit a műhely nem vállal, azt az oldal se ígérje meg.
Az utolsó pont lett a munka egyik iránytűje. Kardosrét Zirchez tartozik, Veszprém vármegyében, ahol személyesen is dolgozunk. Egy ilyen kis műhelynek nem sablonoldal kell, hanem egy, ami pontosan az ő munkájáról szól.
A koncepció: minden torta egy tervrajzzal kezdődik
Egy formatorta előbb papíron születik meg: a figura, a virágok, a méretek. Ezt a pillanatot tettük az oldal elejére. A nyitóképen először egy ceruzás tervrajz látszik méretvonalakkal és kézírásos jegyzetekkel („cukorvirágok – kézzel”, „gyöngysor”). Ahogy a látogató görget, a rajz egy festett ecsetvonás nyomán átfordul a kész tortába, és előjön a főcím: „Torták, amelyek kézzel születnek.”
A színeket a műhely anyagaiból raktuk össze, innen a belső neve: „Len, homok & karamell”. Lenvászon és homok árnyalatú háttér, karamell kiemelés, kakaóbarna szöveg. Mellé egy meleg, talpas címbetű (Fraunces), kézírás a tervrajz jegyzeteihez (Caveat) és egy jól olvasható szövegbetű (DM Sans). Az íves képkeretek és a csipkeszél ugyanabból a cukrászvilágból jönnek, mint maguk a torták.
Amit elvetettünk
Előbb látványterv készült, és csak a jóváhagyás után kezdtünk kódolni. Közben több irányt kipróbáltunk és elengedtünk:
- B terv, „Műhelynapló”. Kraftpapír, golyóstoll-kék és pecsétpiros, füzetlapra írt levél, polaroidfal. Önmagában erős volt, de nem illett a Pikhercs látványvilágába. Egy ötlete viszont továbbélt: a vázlatból kész torta.
- Arany és csokoládé változat. Ezeket is megterveztük, végül a bézs irány maradt.
- Talpas tortaállvány a nyitóképen. A torta nem ült hihetően a tálcán, a kép szerkesztettnek hatott. Helyette vastag, kerek tölgy alátétre és vászonterítőre került.
- Mintaképek a tervezés idejéből. Helyőrzőként szerepeltek, de Kitti nem kért generált tortaképeket: a saját munkáit akarta látni az oldalon. Élesítés előtt minden tortás és süteményes fotót a sajátjaira cseréltünk. Rajz csak ott maradt, ahol nyilvánvalóan rajz: a tervrajzon és a rétegeket bemutató részen, amelyet az oldal illusztrációként jelöl.
Megoldások részletesen
Formatorta, számozott részletekkel
A formatorta-szekcióban egy nagymamát a foteljében ábrázoló torta képén számozott jelölők mutatják, mi készült kézzel: a mintázott figura, a keresztrejtvény, a cserepes növény. Mellette három lépésben áll, mitől függ az ár, és egy egyenes mondat: egy formatorta ára jelentősen magasabb lehet egy hagyományos tortáénál. Így a látogató már az első hívás előtt tudja, mire számíthat.
Telefonon a jelölők feliratai először a képre kerültek, és kitakarták a tortát. Ezért keskeny kijelzőn csak a számozott pöttyök maradtak a képen, a nevük a kép alá, egy rövid listába költözött.
Valódi torták, új háttér, érintetlen torta
Kitti több mint száz fotót küldött a munkáiról. Otthon készültek, lépcsőn, csempe előtt, konyhapulton. Hogy a galéria egységes legyen, a hátteret mindegyiken ugyanarra a világos kőasztalra és homokszínű falra cseréltük. Egy szabályt végig tartottunk: magához a tortához nem nyúltunk. Az eredeti torta minden képre változatlanul került vissza, mert egy cukrász oldalán a torta nem lehet szebb, mint a valóságban.
A galériában 42 munka van, szűrőkkel (formatorta, születésnapi, esküvői, aprósütemény) és nagyítással. A látogató szívvel jelölheti, ami tetszik, és a kedvencei az ajánlatkérőben is megjelennek.
Ajánlatkérő, ahogy a műhely dolgozik
Az űrlap abban a sorrendben kérdez, ahogy egy telefonos egyeztetés halad: alkalom, a torta típusa, méret szeletben, elképzelt íz, majd az átvétel napja és időpontja. A dátum- és időválasztót saját magunk terveztük, hogy illeszkedjen az oldalhoz, és csak a 8 és 20 óra közötti időpontokat kínálja. Inspirációs kép is csatolható.
Bal oldalon gyűlik „Az igényed eddig” összefoglaló, alatta pedig egy rajzolt torta épül: minden kötelező adat után nő egy emelettel, öt lépés után kész. Kötelező bejelölni, hogy a látogató tudomásul veszi a pontos átvételt. Az ajánlatkérés a műhely saját postafiókjába érkezik, és ha a látogató megadja az e-mail-címét, visszaigazolást kap. Ha a küldés valamiért nem sikerül, a levelezője nyílik meg a kitöltött levéllel.
Tudnivalók, kertelés nélkül
A „Mielőtt rendelsz” rész egy órával és a 14:00-s példával mutatja a pontos átvételt, aztán röviden leírja, hogy nincs nyitvatartás, és hogyan lehet fizetni. A legkényesebb a gluténérzékenyeknek szóló kártya. A műhelyben liszttel dolgoznak, így a keresztszennyeződés nem zárható ki, és az oldal ezt egyenesen ki is mondja. Azt is leírja, hogy a liszt nélkül készült torta sem alkalmas gluténérzékenyeknek. Laktózmentes és cukormentes torta viszont kérhető. Ugyanez szerepel a rendelési feltételekben is.
Egy szó a nagymamától
A „pikhercs” régi, tájjellegű szó, süteményt, piskótafélét jelent. Kitti a Mamájától hallotta, amikor az asztalra tette, amit sütött. Ez a történet a Rólam részbe került, egy kis szótári szócikkel együtt. Egy vidéki műhelynél ez a fajta személyesség többet mond bármilyen jelzőnél.
Technika
- Egyedi, keretrendszer nélküli statikus oldal. Az animációs könyvtárak és a betűk is a saját tárhelyről töltődnek, külső betűszolgáltató nélkül.
- Ha a látogató a készülékén kikapcsolta az animációkat, az oldal ezt figyelembe veszi.
- Egyedi címek és leírások, cukrászdára szabott strukturált adat címmel és telefonszámmal, oldaltérkép, robots.txt, saját 404-es oldal. A www-s és az ideiglenes cím a fő domainre irányít.
- Megosztási kép és teljes közösségimédia-adatok minden oldalon, hogy a link megosztáskor is a tortát mutassa.
- Nincs követő- vagy hirdetési süti, ezért sütibanner sem kell. Egy kis süti-figura elmondja, miért.
- Impresszum, adatkezelési tájékoztató és rendelési feltételek.
- Saját domain a műhely nevén, saját postafiók hitelesített levelezéssel (SPF, DKIM), amelyet Kitti a megszokott levelezőjéből kezel.
Hogy egy ilyen csomag mitől drágább vagy olcsóbb, azt a Mennyibe kerül egy weboldal? oldalon írtuk le.
Ami most él
A pikhercs.hu 2026 novembere óta él, saját domainen. Egyetlen hosszú oldal, amely végigvezet a döntésen: tervrajzból épülő nyitókép, formatorta-szekció az ár magyarázatával, kínálat hat kártyán, galéria 42 saját munkával, ízrétegek, Kitti bemutatkozása, a rendelés négy lépése, tudnivalók és az ajánlatkérő. Mellette a jogi oldalak és egy saját 404-es oldal.
Üzleti számokat (megrendelések, forgalom) itt nem közlünk: az oldal friss, és csak azt írjuk le, ami ellenőrizhető. Ha te is olyan oldalt szeretnél, amely a saját munkádról szól, nem egy sablonról, nézd meg, hogyan dolgozunk egyedi weboldal készítésnél.