janes.hu logo

PadPad – Egy webshop újragondolása nulláról

Projekt: PadPad – Egyedi webshop és termékkonfigurátor fejlesztés

Kliens: Janes Zsolt

Publikálva: 2026-04-13

Projekt felelős: Janes Zsolt

Weboldal: padpad.hu

PadPad – Egy webshop újragondolása nulláról

A PadPad projekt egy saját kezdeményezésként indult, ahol egyszerre voltam megrendelő és fejlesztő is, így a teljes folyamat során első kézből tapasztaltam meg mind az üzleti, mind a technikai kihívásokat. A projekt eredetileg gamershop.gg néven indult, egy merch webshopként, amely streamerek és esport csapatok saját logójával/grafikájával kínált egyedi termékeket.

Kiindulási helyzet

Az első verzió WordPress + WooCommerce alapokon készült, egy vásárolt sablonra építve.

A gyakorlatban azonban számos problémával szembesültünk:

  • nehezen karbantartható rendszer

  • frissítések során rendszeresen felülírt egyedi módosítások

  • lassú betöltési idő

  • spam és nem kívánt forgalom kezelési nehézségek

  • komplex üzleti logika korlátozott kezelhetősége

Rövid időn belül egyértelművé vált, hogy a platform ebben a formában nem fenntartható hosszú távon.

Döntés: teljes újraépítés

A problémák miatt úgy döntöttem, hogy a rendszert teljesen újraépítem, immár egyedi fejlesztéssel, modern technológiai alapokra helyezve.

Ezzel párhuzamosan üzleti döntés is született:
a szélesebb merch irányt elhagytuk, és a fókuszt egy konkrét niche termékre – egérpadokra – szűkítettük.

Megvalósítás

Az új rendszer teljes egészében egyedi fejlesztéssel készült:

  • Laravel alapú backend architektúra

  • Filament admin felület

  • Livewire alapú dinamikus komponensek

  • Vue.js + Fabric.js alapú termékszerkesztő

  • Tailwind CSS frontend

  • queue rendszer + Horizon háttérfolyamatokhoz

  • online fizetés integráció Barion segítségével

  • szállítási integrációk:

    • Magyar Posta (MPL) API

    • GLS API

Kulcs funkció: egyedi termékszerkesztő

A projekt egyik legfontosabb eleme egy canvas alapú termékszerkesztő volt, amely lehetővé teszi:

  • valós idejű design testreszabást

  • egyedi grafika elhelyezését

  • dinamikus előnézetet

Ez a funkció jelentősen növeli a felhasználói élményt és az egyedi termékek értékét.

Eredmény

Az új rendszer:

  • gyorsabb és stabilabb működést biztosít

  • teljes kontrollt ad a fejlesztés és bővítés felett

  • hatékonyabb adminisztrációt tesz lehetővé

  • skálázható alapot ad a további növekedéshez

Tanulság

Ez a projekt jól mutatja, hogy egy kész rendszer gyors indulást biztosíthat, de komplexebb igények esetén hosszú távon korlátokba ütközhet.

A teljes újraépítés lehetőséget adott arra, hogy egy célzott, niche piacra optimalizált, modern és fenntartható rendszert hozzak létre.

Személyes zárás

A projekt különlegessége, hogy a legnagyobb kihívást maga az ügyfél jelentette, aki jómagam voltam 😀