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…
Megnézem a projektet: ZaZita →
SC-003 · Webáruház
Labdamedence.hu
Egyedi WooCommerce webáruház labdamedencékhez: saját fejlesztésű konfigurátor, amellyel a szülő két formából, nyolc méretből, négy anyagból és 35 labdaszínből állítja össze a labdamedencéjét – egyetlen termékoldalon, végig látható árral.
ELŐTTE / UTÁNA
Így változott az első benyomás.
Húzd a csúszkát balra és jobbra. Az „előtte” kép az Internet Archive 2024. júliusi mentése, ezért néhány régi kép hiányozhat belőle.
Rövid összefoglaló
A Labdamedence.hu magyar webáruház labdamedencékhez, labdákhoz, játszószőnyegekhez és kiegészítő játékelemekhez. A bolt mögött Bölcsik-Mihucz Ágnes áll, aki a Textilbirodalom révén évek óta gyerekeknek készült textiltermékekkel foglalkozik.
A projekt egy egyedi WooCommerce téma és egy saját fejlesztésű konfigurátor volt: a vásárló két formából, nyolc méretből, négy anyagból, több medenceszínből és 35 labdaszínből állíthatja össze a saját labdamedencéjét – lépésről lépésre, végig látható árral. Az oldal azóta is folyamatos fejlesztés alatt áll.
Kiindulópont
A Labdamedence.hu nem új bolt: az első blogcikk 2020 végén, a legrégebbi termék 2021 elején került fel. A kínálat viszont olyan természetű, amely egy hagyományos webshop-szerkezetben nehezen kezelhető. Egy labdamedence nem egyetlen termék, hanem kombináció – forma, anyag, méret és szín –, amelyhez 200 labda tartozik, négy színben, 35 árnyalatból választva.
A WooCommerce-ben ez rengeteg, egymáshoz nagyon hasonló terméket jelent: csak a Labdamedence kategóriában 169 darabot. Ha ezek egyszerű termékkártyákként jelennek meg, a szülő egy végtelen, szinte egyforma listában keres – miközben olyan kérdésekre vár választ, mint hogy mekkora medence fér el a szobában, hány éves korig jó, és mennyi labda kell bele. A kihívás az volt, hogy a bőséges választék ne teher legyen, hanem egy könnyen végigjárható döntés.
Irány
A megoldás kulcsa, hogy a labdamedencéket az oldal nem katalógusként mutatja meg, hanem kérdések sorozataként. A szülő nem termékek között válogat, hanem válaszol: kör vagy négyzet, milyen anyag, mekkora hely van, milyen szín – a rendszer pedig ebből rakja össze a pontos terméket és az árat.
Ebből következett a többi döntés. A kiegészítők, labdák és játszószőnyegek hagyományos, szűrhető katalógusban maradtak, a medencék kombinációi viszont a konfigurátor mögé kerültek. A bizalmi információk – biztonsági tanúsítás, mosható huzat, visszaküldés – pedig nem egy külön oldalon várnak, hanem ott jelennek meg, ahol a döntés születik.
Megoldás
Egyedi WooCommerce téma, oldalépítő nélkül
A webáruház saját WordPress témán fut, oldalépítő nélkül: a főoldal, a kategóriaoldalak, a termékoldal, a kosár, a pénztár, a fiókoldalak és a blog is saját sablont kapott. Mérésünk szerint a főoldal HTML-je nagyjából 103 kB, a szerver első válasza pedig 0,2 másodpercen belül érkezik.
- Gyorsítótárazás, és a blokkszerkesztő stíluslapja csak ott töltődik be, ahol valóban van blokkos tartalom
- Ragadós, mobilon mindig elérhető vásárlás-gomb a termékoldalon
- Bővített termék-schema, gyakori kérdések strukturált adattal és llms.txt a keresők és a válaszmotorok számára
- GA4-alapú e-kereskedelmi mérés a termékmegtekintéstől a vásárlásig
Konfigurátor a termékoldalon
A konfigurátor saját fejlesztésű bővítményként készült, és közvetlenül a termékoldalba épül: a szülő a formát, a méretet, az anyagot és a 200 labda négy színét egy helyen állítja össze. Minden választás egyetlen kérdés, az ár pedig a döntésekkel együtt frissül.
- Csomag: minden medencéhez 200 labda jár, négy színben – a labdacsomag külön is bővíthető
- Forma, anyag, méret, szín: csak az a kombináció választható, amely valóban létezik a kínálatban
- Labdák: 200 darab, négy szín × 50 darab, 35 árnyalatból – vagy a medence színéhez illő, előre összeállított szettből
- Bővítés: a labdacsomag egy kattintással duplázható, a plusz tétel ára külön kiírva
- A kész összeállítás a választott labdaszínekkel együtt egy kattintással kerül a kosárba; a mögötte álló 132 kombinációs termék a katalógusban rejtve marad
Méretválasztás, ami a szobából indul
A leggyakoribb elakadás a méret. A labdamedencék kategóriaoldalán ezért egy mérettáblázat mind a nyolc méretet ugyanazokkal a szempontokkal mutatja be: átmérő és mélység, ajánlott életkor, milyen szobába való, és nagyjából hány labda fér bele. A legnépszerűbb és a testvéreknek ajánlott méret külön jelölést kap.
Szűrés és összeillő termékek
- Szűrők: típus, anyag és szín szerint, mindegyik mellett a találatok számával
- Szerveroldali szűrés: a szűrt nézetek saját címet kapnak, így megoszthatók és visszatölthetők
- „Illik hozzá”: a termékoldal azonos színű és anyagú kiegészítőket ajánl, így a játszószőnyeg vagy a szivacselem a medencéhez passzol
- További termékek betöltése oldalváltás nélkül
Bizalom a döntés pontján
- A termékoldalon a kosár gomb alatt: CE-tanúsítás, szállítás, 14 napos visszaküldés, magyar ügyfélszolgálat
- Nyolc gyakori kérdés a főoldalon – labdaszám, életkor, biztonság, szállítás, fizetés, elállás, méretek, tisztítás
- Személyes „Rólunk” oldal, ahol Ági saját családi tapasztalatán keresztül mutatja be, miért éppen labdamedence
- Tíz cikkes blog a szülők gyakori kérdéseire: méret, életkor, labdaszám, anyagválasztás, tisztítás, színek
Pénztár és jogi megfelelés
- Háromlépéses folyamatjelző: Kosár, Adatok és fizetés, Megerősítés
- Bankkártya, Apple Pay, Google Pay és banki átutalás; ha ingyenes a szállítás, a fizetős opció el sem jelenik meg
- Online elállási nyilatkozat saját űrlappal és adminfelülettel, a 2026. június 19-től kötelező szabályozásnak megfelelően
- Elállás gomb a vásárlói fiókban 14 napon belül, és elállási link a visszaigazoló e-mailben
Eredmény
- Egyedi téma, sablonfüggőség nélkül – Könnyű, gyors alap, amely a folyamatos fejlesztéshez hosszú távon karbantartható.
- Összetett termék, egyszerű döntés – Két forma, nyolc méret, négy anyag és 35 labdaszín, végig látható árral.
- Átlátható katalógus – A boltban 260 termék látható; a medencék kombinációi a konfigurátor mögött vannak, nem a terméklistában.
- Összeillő kosár – Szín és anyag szerinti ajánlások, amelyekkel a kiegészítők a medencéhez passzolnak.
- Kereső- és AI-barát alapok – Termék- és GYIK-schema, llms.txt, rendszerezett blogtartalom.
- Naprakész jogi megfelelés – Online elállási nyilatkozat és elállás gomb a vásárlói fiókban.
Tanulságok
A legfontosabb tanulság, hogy egy konfigurálható terméknél a választék akkor érték, ha a vásárlónak nem kell egyszerre látnia. Ugyanaz a kínálat terméklistaként nyomasztó, kérdések sorozataként viszont kezelhető – a szülő mindig csak egyetlen dologról dönt, és a végén pontosan azt kapja, amit összerakott.
A második: a gyerektermékeknél a bizalom nem egy külön oldal feladata. A biztonsági tanúsítás, a mosható huzat, a visszaküldés és a méret kérdése a vásárlás pillanatában merül fel – ezért ott is kell válaszolni rájuk, a termék mellett, és nem egy lábléc-linken túl.
Projektadatok
- Szolgáltatás: Webshop-fejlesztés, egyedi WordPress téma, termékkonfigurátor
- Iparág: Gyerekjáték, babatermék webáruház
- Rendszer: WordPress, WooCommerce, egyedi téma, egyedi konfigurátor bővítmény
AZ ÜGYFÉL SZAVAIVAL
★★★★★
Kitalálta a gondolataimat
Regiben egy olyan UX/UI design szakembert ismertem meg, aki kitalálta a gondolataimat, amit én nem tudtam elmodani a tervezés során. Az együttműködésünk során végig kommunikatív volt, minden apró részletre odafigyelt, semmit sem bízott a véletlenre. Olyan weboldalt kaptam tőle, és ezáltal a vásárlóim is, amit mindig is szerettem volna. Szakmai tudása kiemelkedő, ismeri a trendeket, vásárlói döntéseket és befolyásoló tényezőit. Köszönöm Regi :)
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.
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 →
Bellevo Beauty
Logó, arculat és 24 oldalas weboldal a nulláról egy soroksári szépségszalonnak: problémából induló főoldal, 17 kezelésoldal,…
Megnézem a projektet: Bellevo Beauty →