A Dorka-Meat Kft. egy több telephellyel működő húsipari vállalkozás, amely pápai és sümegi húsboltokkal, pecsenyezővel, valamint nagykereskedelmi háttérrel rendelkezik. A feladat nem egyszerűen az volt, hogy „legyen egy weboldaluk”, hanem az, hogy a vállalkozás összetett működését digitálisan is érthető, kezelhető és ügyfélbarát formába rendezzük.

A projekt során végig arra törekedtünk, hogy a dorkameat.hu ne csak látványban legyen erős, hanem szakmailag, technikailag és üzletileg is stabil alapot adjon a cég online jelenlétéhez.

Kiindulási pont: először az üzleti működést kellett megérteni

Egy ilyen projekt esetében a weboldalkészítés nem a dizájnnal kezdődik, hanem azzal, hogy pontosan megértjük az ügyfél működését. A Dorka-Meat esetében több eltérő üzleti területet kellett egy rendszerben kezelni:

• lakossági húsbolt-vásárlás,
• online rendelhető termékkínálat,
• pápai Celli úti pecsenyező,
• heti vagy napi menüajánlat,
• nagykereskedelmi húsellátás éttermeknek és intézményeknek,
• helyi házhozszállítás több díjzónával,
• valamint a támogatási programhoz kapcsolódó dokumentációs és technikai elvárások.

A projekt első szakaszában ezért nem sablonban gondolkodtunk, hanem folyamatokban. Milyen terméket rendelhet a vásárló? Mikor kell kilós egységet használni? Mikor darabosat? Mely terméknél van betétdíj? Milyen szolgáltatások kérhetők felárért? Hogyan különüljön el a webshopos rendelés a pecsenyezői ajánlatkéréstől?

Termékimport: nem csak feltöltés, hanem adattisztítás és logikai rendezés

A Dorka-Meat webshop esetében a termékek importálása nem merült ki abban, hogy egy táblázatból feltöltöttük a termékneveket és árakat. A húsipari termékeknél különösen fontos, hogy a termékadatok következetesek legyenek, hiszen a vásárló számára egyértelműen kell látszódnia, hogy mit, milyen egységben és milyen feltételekkel rendel.

A termékimport során ellenőrizni és rendszerezni kellett többek között:

• a termékneveket,
• a kategóriákat,
• az árakat,
• az ÁFA-kulcsokat,
• a kg / darab alapú egységkezelést,
• a termékekhez kapcsolódó képeket,
• valamint azokat a speciális terméktulajdonságokat, amelyek a rendelési folyamatot befolyásolják.

A cél az volt, hogy a termékkínálat ne csak technikailag jelenjen meg a WooCommerce rendszerben, hanem vásárlói oldalról is érthető és rendezett legyen. Ez különösen fontos egy olyan webáruháznál, ahol friss élelmiszerekről, kilós termékekről és utólagos mérlegelésről is szó lehet.

Különböző ÁFA-körök kezelése egy webshopon belül

Az egyik fontos technikai feladat az eltérő ÁFA-körök kezelése volt. Élelmiszeripari termékeknél gyakran előfordul, hogy nem minden termék ugyanabba az ÁFA-kategóriába tartozik. Egy általános webshopnál ez sokszor egyszerű beállítás, itt azonban figyelni kellett arra, hogy az importált termékek megfelelő adózási logikával kerüljenek be a rendszerbe.

WooCommerce oldalon ezt úgy kellett kialakítani, hogy az eltérő ÁFA-kulcsok ne okozzanak hibát sem a termékmegjelenítésben, sem a kosárban, sem a rendelési folyamatban. Ez tipikusan az a háttérmunka, amit a látogató nem feltétlenül vesz észre, de a weboldal üzemszerű működése szempontjából kulcsfontosságú.

50 forintos betétdíjrendszer az üveges termékekhez

A projekt egyik speciális eleme az üveges termékekhez kapcsolódó 50 forintos betétdíj kezelése volt. Ezt nem lehetett egyszerű termékárként kezelni, mert a betétdíj logikailag elkülönül a termék alapárától.

A cél az volt, hogy a rendszer automatikusan kezelje a betétdíjat azoknál a termékeknél, ahol ez releváns. Így a vásárló számára a rendelési folyamat átlátható marad, az adminisztráció pedig nem igényel minden egyes rendelésnél kézi korrekciót.

Termékképek illesztése: kézi kontroll és automatizálható logika együtt

Egy webshopban a termékképek erősen befolyásolják a vásárlói bizalmat. A Dorka-Meat esetében a termékképek kezelésekor arra figyeltünk, hogy a képek a megfelelő termékekhez kapcsolódjanak, egységesen jelenjenek meg, és SEO-szempontból is hasznosak legyenek.

A képek optimalizálásánál több technikai szempont is szerepet kapott:

• a termékképek termékhez illesztése,
• a képek fájlméretének optimalizálása,
• WebP formátumra történő konvertálás,
• automatikusan, terméknév alapján generált alt tagek,
• és a keresőoptimalizált médiahasználat kialakítása.

Ez azért fontos, mert egy termékoldal SEO-értéke nemcsak a szövegen múlik. A képek fájlnevei, alt tagjei, mérete és betöltési sebessége is hatással van arra, hogy a weboldal mennyire jól teljesít keresőoptimalizálási és felhasználói élmény szempontból.

Kg és darab alapú egységek kezelése

Egy húsbolt webshopnál az egyik legfontosabb különbség egy átlagos webáruházhoz képest, hogy nem minden termék kezelhető egyszerű darabáras logikával. Sok termék kilós egységben értelmezhető, mások darabra, csomagra vagy speciális kiszerelésben.

A dorkameat.hu esetében ezért ki kellett alakítani azt a logikát, amelyben a vásárló számára egyértelmű, hogy az adott terméket milyen egységben rendeli meg. Ez nemcsak felhasználói élmény kérdése, hanem üzleti pontosság is: ha a termék kilós, akkor a rendelési, mérlegelési és számlázási folyamatot is ehhez kell igazítani.

Extra szolgáltatások automatikus kezelése: például vákuumozás felárért

A projektben külön figyelmet kapott az extra szolgáltatások kezelése is. Ilyen például a vákuumozás, amelyet a vásárló kérhet, és amely feláras szolgáltatásként, kilónkénti díjazással jelenhet meg.

Ezt nem lett volna szerencsés egyszerű megjegyzésmezőként kezelni, mert az nem elég pontos, nem automatizált, és könnyen adminisztrációs hibákhoz vezethet. Ehelyett olyan működési logikára volt szükség, amely a vásárlói választás alapján automatikusan tudja kezelni az extra díjat.

Három szállítási zóna, eltérő díjakkal és feltételekkel

A Dorka-Meat nem országos, klasszikus futárszolgálatos webshopként működik, hanem helyi és térségi kiszállításban gondolkodik. Emiatt a szállítási rendszer kialakítása kiemelten fontos volt.

Három szállítási zóna logikáját kellett kezelni, amelyekhez eltérő irányítószámok, minimális rendelési értékek, szállítási díjak és ingyenes szállítási küszöbök kapcsolódnak. Egy ilyen rendszerben a vásárló nem találkozhat bizonytalansággal: a kosárban és a pénztárnál egyértelműen kell látnia, hogy a címe alapján milyen feltételek vonatkoznak rá.

A szállítási zónák kialakításánál az volt a cél, hogy a rendszer adminisztrálható maradjon, de közben a valós üzleti működéshez igazodjon. Így később az ügyfél bővíteni vagy módosítani tudja a zónákat, ha új települések kerülnek be a kiszállítási területbe.

Heti és napi menüajánlat rendelése űrlapon keresztül

A pecsenyező és a napi menüajánlat esetében nem minden esetben a klasszikus webshopos rendelés a legjobb megoldás. Ilyenkor a cél inkább az egyszerű érdeklődés, ajánlatkérés vagy rendelési szándék beküldése.

Ezért a heti vagy napi menüajánlat kezelése külön űrlapos logikával készült. Ez a megoldás egyszerűbbé teszi a felhasználói oldalt, és jobban illeszkedik ahhoz, ahogyan egy helyi pecsenyező vagy napi menüs ajánlat a gyakorlatban működik.

A weboldalon így elkülönül a webshopos termékrendelés és a pecsenyezői / menüs érdeklődés. Ez nemcsak technikailag tisztább, hanem a vásárló számára is érthetőbb felhasználói élményt ad.

WCAG akadálymentesítés és Elementor Ally panel

A modern weboldalkészítésnél egyre fontosabb, hogy a weboldal ne csak esztétikus és gyors legyen, hanem akadálymentességi szempontból is átgondolt. A Dorka-Meat projektben ezért a WCAG-szempontok is figyelmet kaptak.

Az Elementor Ally panel használatával olyan akadálymentességi beállítások és ellenőrzési szempontok kerültek a munkafolyamatba, amelyek segítik, hogy az oldal minél szélesebb felhasználói kör számára használható legyen.

Az akadálymentesítés nem csak jogi vagy megfelelési kérdés. Üzleti szempontból is fontos: egy weboldal akkor jó, ha minél több látogató számára egyértelmű, használható és elérhető.

SEO: Rank Math, sitemap, alt tagek és WebP optimalizálás

A dorkameat.hu keresőoptimalizálási alapjait Rank Math segítségével alakítottuk ki. A cél nem az volt, hogy pusztán „legyen SEO plugin”, hanem az, hogy a weboldal technikai és tartalmi szempontból is jobban értelmezhető legyen a Google számára.

A projekt SEO-feladatai között szerepelt:

• Rank Math SEO beállítás,
• XML sitemap létrehozása és bekötése,
• termék- és oldalstruktúra keresőbarát kialakítása,
• automatikusan, terméknév alapján generált képi alt tagek,
• képek optimalizálása és WebP konvertálása,
• valamint helyi keresési szempontok figyelembevétele, például húsbolt, hentesbolt, pecsenyező és nagykereskedelmi húsellátás témákban.

Egy helyi vállalkozás esetében a SEO nem csak országos kulcsszavakról szól. Sokkal fontosabb, hogy a weboldal jó alapot adjon a helyi keresésekhez, például Pápa, Sümeg és a környező települések vásárlói számára.

Analitikai bekötések: mérhető online jelenlét

Egy elkészült weboldal akkor válik igazán üzleti eszközzé, ha mérhető is. Ezért a projekt része volt az analitikai rendszerek bekötése is.

A Google Analytics és a Google Search Console segítségével követhetővé válik többek között:

• hányan látogatják a weboldalt,
• mely oldalakat nézik meg,
• milyen keresésekből érkeznek,
• milyen termékek vagy szolgáltatások iránt érdeklődnek,
• és hogyan teljesít a weboldal a Google találati listájában.

Ez hosszú távon azért fontos, mert egy weboldal nem egyszeri projekt, hanem folyamatosan fejleszthető online értékesítési és kommunikációs felület.

Demján Sándor Program és „Minden vállalkozásnak legyen saját honlapja” megfelelés

A projekt elkészítése során figyelembe kellett venni a Demján Sándor Programhoz kapcsolódó „Minden vállalkozásnak legyen saját honlapja” elvárásrendszerét is. Ez nemcsak technikai kérdés, hanem dokumentációs és tartalmi megfelelési feladat is.

Ilyen projektnél fontos, hogy a weboldal ne csak elkészüljön, hanem a szükséges funkciók, integrációk, jogi elemek és dokumentálható beállítások is rendelkezésre álljanak. Ide tartozhatnak például a domain, tárhely, SSL, e-mail szolgáltatások, SEO-beállítások, analitikai bekötések, biztonsági megoldások, akadálymentességi szempontok és a támogatói nyilvánosság elemei.

A Webfynél az ilyen típusú projekteknél külön figyelmet fordítunk arra, hogy a megvalósítás ne csak látványos legyen, hanem a pályázati és szakmai elvárásoknak is megfeleljen.

AI-támogatott projektkövetés: több kontroll, jobb minőségbiztosítás

A Webfynél a komplexebb weboldalprojektekben AI-alapú munkatámogatást is használunk. Ez nem azt jelenti, hogy a weboldal „automatikusan elkészül”, hanem azt, hogy a projektet az első pillanattól az átadásig strukturáltabban, ellenőrizhetőbben és hatékonyabban tudjuk végigvinni.

Az AI szerepe elsősorban a projektkövetésben, tartalmi rendszerezésben, ellenőrzőlisták kialakításában, importlogikák átgondolásában és minőségbiztosítási szempontok követésében hasznos. A szakmai döntések, a technikai megvalósítás, az ügyféligények értelmezése és a végső felelősség természetesen továbbra is emberi szakértelemhez kötött.

Mitől lett ez több, mint egy egyszerű céges weboldal?

A dorkameat.hu projekt azért különösen jó esettanulmány, mert megmutatja, hogy egy weboldal akkor ad valódi értéket, ha a vállalkozás működéséhez igazodik.

Ebben a projektben nem egy előre gyártott sablont kellett feltölteni néhány képpel és szöveggel. Egy olyan rendszert kellett kialakítani, amely:

Összegzés: ilyen egy valóban testreszabott vállalkozói weboldal

A Dorka-Meat weboldal elkészítése során az volt a célunk, hogy a vállalkozás digitális jelenléte ne csak esztétikus legyen, hanem valóban támogassa a napi működést. A termékimport, az eltérő ÁFA-kezelés, a betétdíjrendszer, a kilós terméklogika, az extra szolgáltatások, a szállítási zónák, a heti menü űrlapos kezelése, a SEO, az analitika és az akadálymentesítés mind azt szolgálták, hogy a weboldal üzletileg is használható rendszerként működjön.

A dorkameat.hu így nem egyszerűen egy új honlap lett, hanem egy olyan online felület, amely egy helyi, több lábon álló húsipari vállalkozás működését rendezi áttekinthető, modern és ügyfélbarát formába.