SC-013 · Webáruház

ZaZita

Egyedi WooCommerce webáruház rendelésre varrt babatextilekhez: képes anyagválasztóval, élő árral, két vásárlói úttal és automatikus számlázással – oldalépítő nélkül.

ZaZita weboldala

Rövid összefoglaló

A ZaZita kézműves baba- és gyerekszoba-textileket készítő kis márka: párnák, ágyneműk, rácsvédők, babafészkek, falvédők és kiegészítők. A webshop mögött Varga Viktória áll, aki minden darabot egyesével, rendelésre varr – a vásárló választja ki az anyagot, a színt és a méretet.

A projekt a webshop teljes újraépítése volt egyedi WooCommerce témán: saját fejlesztésű konfigurátorral, két vásárlói úttal, automatikus számlázással és a régi oldal minden rendelésének, keresési helyezésének átköltöztetésével. Az új oldal 2026. október 19-én élesedett.

A projekt 31 másodpercben: arculat, konfigurátor, weboldal és eredmények.

Kiindulópont

A ZaZita kínálata nem katalógus, hanem lehetőségek sora: ugyanaz a párna vagy rácsvédő több tucat anyagból, színben és méretben készülhet. A régi oldalon ezt hosszú, képek nélküli űrlapok kezelték – a vásárlónak egy beírós mezőben kellett megadnia a választott anyag kódját, miközben az anyagmintákat egy másik oldalon nézte.

Az oldal két oldalépítővel épült, a menüszerkezet duplikált volt, és lassan töltött: külföldről mérve egy oldal HTML-je 5–8 másodperc alatt érkezett meg. A legnagyobb teher mégis a működésben volt: sok rendelésnél az ár csak egyeztetés után derült ki, így a megrendelések jelentős része kézi levelezéssel indult.

A cél az volt, hogy a vásárlás magától értetődő legyen, a rendelések nagy része automatikusan fusson le, a valóban egyedi kérések pedig külön, rendezett úton érkezzenek.

Irány

A kulcsgondolat: a választás legyen látható. Ha a szülő a mintát látja, nem a kódját kell megkeresnie – és ha minden választásnál azonnal frissül az ár, nincs szükség egyeztetésre ahhoz, hogy rendelni tudjon.

Ebből két út lett. A készletes és a katalógusból összeállítható termékek azonnal, bankkártyával is fizethetők, a számla automatikusan elkészül, Vikinek csak a varrás marad. A valóban egyedi méret vagy anyag külön útra kerül: a termék alapára kerül a kosárba, a vevő nem fizet, és a végleges árat Viki adja meg egyeztetés után. Utalási adatot a vevő csak ekkor kap – így nem fordulhat elő, hogy tévedésből az alapárat utalja el.

Az arculat alapjai megmaradtak: a logó, a zsályazöld és a betűk. A színvilág egy kiemelő mustárral bővült, és kézzel rajzolt firkák, öltésszerű részletek, saját ikonkészlet kerültek mellé – hogy a felület ugyanolyan kézzel készültnek hasson, mint a termékek.

Megoldás

Egyedi WooCommerce téma, oldalépítő nélkül

A webáruház saját WordPress témán fut: a főoldal, a kategória- és termékoldalak, a kosár, a pénztár, a fiókoldalak és az információs oldalak is saját sablont kaptak, a régi két oldalépítő megszűnt.

  • Helyben kiszolgált betűtípusok, oldalanként csak a szükséges stílusok és szkriptek
  • Mobilra külön méretezett nyitóképek, az első azonnal megjelenik
  • Termék-, GYIK- és szervezet-schema, llms.txt a keresők és a válaszmotorok számára
  • Hozzájárulás-alapú sütikezelés: a mérés csak az „Elfogadom” után indul

Képes konfigurátor élő árral

A konfigurátor saját fejlesztés, közvetlenül a termékoldalba épül. A vásárló mintakorongok közül választ, nem kódot ír be, és az ár minden választásnál azonnal frissül.

  • Több mint 120 anyagminta saját mintaképpel, anyagfajták szerint csoportosítva (pamut, minky, wellsoft, duplagéz)
  • Méretek, több anyagoldal, hímzés és extrák a felárakkal
  • Gyártási idő a termékoldalon és a kosárban is
  • Szett-konfigurátor a csomagokhoz, beállítható csomagkedvezménnyel
  • A méreteket a termékek beállításaiból magától összegyűjtő Méretek oldal

Két vásárlói út

  • Azonnali vásárlás: bankkártya (Barion) vagy átutalás, fizetés után automatikus, fizetettnek jelölt Billingo-számla, visszatérítéskor automatikus sztornó
  • „Egyedi kérésem van”: a vevő leírja a kérését, nem fizet, a rendelés egyeztetésre vár; a végleges ár beírása után kapja meg az összeget és az utalási adatokat
  • Saját levélsorozat mindkét úthoz, szerkeszthető szövegekkel, egyes szám első személyben – ahogy Viki beszél a vevőivel

A mindennapi munka megkönnyítése

  • Nyomtatható összekészítő lap minden rendelésről, a vevő összes választásával, tömegesen is
  • Csomagpontok és címkekészítés a rendelések listájából
  • Automatikus véleménykérő levél a teljesítés után, jóváhagyott értékelések a termékoldalon
  • Készletre értesítő az elfogyott termékeknél, ajándékutalvány egyenleg-lekérdezéssel
  • Online elállási nyilatkozat a 2026. június 19-től kötelező szabályozásnak megfelelően

Átköltöztetés, veszteség nélkül

  • A régi oldal 1 586 rendelése a saját rendelésszámával, a vevők 28 990 választásával együtt
  • A korábbi 1 328 Billingo-számla a rendelésekhez rendelve
  • A régi oldal 110 nyilvános címéből egyik sem ad hibát: 67 átirányítás vezet tovább az új oldalakra
  • Az élesítés napjáig beérkező rendelések átemelése

Eredmény

  • Látható választás – A vásárló mintaképek közül választ, és végig látja a végösszeget; a kódkeresés és az áregyeztetés megszűnt.
  • Automatikus rendelésmenet – Kártyás fizetésnél a számla azonnal elkészül, a levelek az állapotokhoz igazodva maguktól mennek ki.
  • Rendezett egyedi kérések – Az egyedi méret vagy anyag külön úton érkezik, fizetési kötelezettség és félreutalás nélkül.
  • Gyors, mobilon is – Google PageSpeed mobilon 99, asztali gépen 98 pont; kisegítő lehetőségek, bevált módszerek és SEO: 100.
  • Külföldről is gyors – Európai mérőpontokról a főoldal 0,5–0,6 másodperc alatt érkezik meg a korábbi 5–8 másodperc helyett.
  • Megőrzött múlt – Minden régi rendelés, számla és keresési helyezés átkerült, egyetlen hibás cím nélkül.

Tanulságok

Egy rendelésre készülő terméknél a vásárlót nem a választék riasztja el, hanem a bizonytalanság: hogy jól választott-e, és mennyibe fog kerülni. Amint a minta látható és az ár azonnal frissül, a döntés a vásárlóé lesz – és az egyeztetés a kivételes esetekre szűkül, nem a mindennapokra.

A második: egy egyedül dolgozó alkotónál a webshop legfontosabb feladata a terhelés levétele. Minden automatikus lépés – a számla, a levelek, az összekészítő lap – idő, amit Viki a varrásra fordíthat. Ezért a rendszer nem több funkciót kapott, hanem kevesebb kézi munkát hagy maga után.

GALÉRIA

Közelebbről a projekt.

Kattints egy képre a nagyobb nézetért.

A ZaZita logó krémszínű, mintás háttéren
01 Nyitókép: a ZaZita logó a márka mintájával
A ZaZita logó krém és sötét zsályazöld alapon
02 A logó világos és sötét változata
Arculati tábla plakáttal, kampányképpel, színpalettával és ikonokkal
03 Arculati elemek: plakát, kampánykép, paletta, ikonok
A zazita.hu kezdőlapja böngészőben és telefonon
04 A webshop asztali gépen és mobilon
A termékkonfigurátor mintakorongokkal és végösszeggel
05 Termékkonfigurátor anyagmintákkal és élő árral
Három telefonképernyő: kategória, konfigurátor és termékoldal
06 Mobilnézetek: kategória, konfigurátor, termék
Teljesítménymutatók: PageSpeed 99 mobilon, 1,7 másodperces LCP
07 Teljesítmény: PageSpeed 99 mobilon
A ZaZita logó sötét zsályazöld alapon, zazita.hu felirattal
08 Zárókép
Projektadatok
  • Szolgáltatás: Webshop-fejlesztés, egyedi WordPress téma, termékkonfigurátor, átköltöztetés
  • Iparág: Kézműves baba- és gyerekszoba-textil webáruház
  • Rendszer: WordPress, WooCommerce, egyedi téma, saját konfigurátor, Billingo, Barion
  • Időszak: 2026 ősz
KÖVETKEZŐ LÉPÉS

A te vállalkozásod hogyan nézne ki?

Írd le, hol tartasz most, és megírom, mi lenne a következő jó lépés.

TOVÁBBI MUNKÁK

Nézz körül a többi projektben.

Mezei Heidi weboldala

Mezei Heidi

Egyoldalas bemutatkozó weboldal sámán, traumaoldó kísérő és spirituális segítő számára: hét szolgáltatás átlátható rendben, egyedi WordPress…

Megnézem a projektet: Mezei Heidi →
Gyöngyvér Photography weboldala

Gyöngyvér Photography

Egyoldalas portfólió-weboldal fotósnak: boudoir-, portré-, családi, kismama- és jegyesfotózás műfajonként, induló árakkal, bemutatkozással és egyetlen kapcsolati…

Megnézem a projektet: Gyöngyvér Photography →
Textilbirodalom.hu weboldala

Textilbirodalom.hu

WooCommerce webáruház babaszoba-textilekhez: közel 150 termék a szülők döntési sorrendjében, saját fejlesztésű termékszűrővel, méretet magyarázó termékoldalakkal…

Megnézem a projektet: Textilbirodalom.hu →