Vissza a munkákhoz
E-commerceFull-stackB2C + back office1.1.5 · staging

ToyZumiGyűjtőknek építve. Keresletre hangolva.

Saját fejlesztésű e-kereskedelmi és operációs platform, amely a vásárlói felületet a készlettel, a rendelésteljesítéssel, az ügyfélszolgálattal, a hűségprogrammal, a marketinggel és az operációs felügyelettel köti össze.

Aktív fejlesztés alatt álló, staging környezetben bemutatott rendszer. Az alábbi képernyőképek az 1.1.5-ös állapotot dokumentálják.

Hol nézhető meg? A ToyZumi demója új böngészőfülön, a staging környezetben nyílik meg. Az alábbi képernyőképek egy korábbi fejlesztési verziót dokumentálnak; az aktuális felület eltérhet. ToyZumi demó megnyitása ↗
Miért készült ez a rendszer?

A webshop csak a kezdet.

A ToyZumi összeköti a gyűjtés élményét a kereskedés mögött álló döntésekkel. Így lesz egy szép felületből üzletileg is átgondolt rendszer.

01

Megérzésből rendelsz készletet?

Az eladás csak azt mutatja, amit már meg lehetett venni. A hiányzó termékek iránti kereslet könnyen láthatatlan marad.

A megoldás

A keresések, nulla találatos kifejezések, kattintások, kívánságlisták és előrendelések keresleti jelzésekké állnak össze. Ezekből beszerzési prioritás és mennyiségi javaslat készül.

Jobb támpont ahhoz, miből és mennyit érdemes beszerezni.

02

Egyszer vásárol, aztán eltűnik?

Egy termékkatalógus önmagában kevés okot ad arra, hogy a gyűjtő hosszú távon kötődjön a bolthoz.

A megoldás

A közös gyűjtői érdeklődéshez hűségszintek, jutalmak, kívánságlisták, tartalmak és eseményekhez kapcsolódó kommunikáció társul.

Eszközök egy visszatérő gyűjtői közösség felépítéséhez.

03

Szétesik a rendeléskezelés?

A készlet, a fizetés, a csomagolás és az ügyfélszolgálat külön felületeken könnyen elszakad egymástól.

A megoldás

A rendelések és a készlet közös működtetési rendszerben jelennek meg, teljesítési munkasorral és visszakereshető ügyfélkommunikációval.

Követhetőbb napi munka: mi a következő feladat, és kinél van?

A beszerzési javaslat döntést támogat: nem garantál keresletet és nem zárja ki a túlkészletet. A közösségi funkciók lehetőséget teremtenek a kapcsolatépítésre; nem állítanak már elért felhasználószámot vagy üzleti eredményt.

Nézz bele a működésébe

Három nézőpont. Egy összefüggő rendszer.

ToyZumi · vezetett bemutató

A következő kedvencnek is legyen helye.

Kereshető katalógus, kívánságlista és előrendelési érdeklődés kapcsolja össze a böngészést a vásárlási szándékkal.

ToyZumi demó megnyitása ↗A teljes történet

Képernyőképes bemutató · 1.1.5 staging · mintaadatok. Nem élő vásárlási felület.

A következő kedvencnek is legyen helye.
A feladat

Nem egy újabb sablon-webshop

A kihívás az volt, hogy a vásárló számára egyszerű felület mögött a teljes kereskedelmi működés követhető, automatizálható és hosszú távon bővíthető maradjon.

01

Egy üzleti adatmodell

A katalógus, termékváltozatok, ügyfelek, készlet, rendelések, fizetések és kampányok nem elszigetelt táblákban, hanem összefüggő folyamatként működnek.

02

Napi munkára tervezett admin

Az adminfelület nem adatbázis-szerkesztő: sürgős munkasorokat, globális keresést, figyelmeztetéseket és közvetlen beavatkozási pontokat ad.

03

Dokumentált fejlődési út

A staging állapot, a maradék kockázatok és a production előtti feladatok dokumentáltak, mérhetők és prioritás szerint végrehajthatók.

Vásárlói élmény

Gyors termékfelfedezés, egyszerű vásárlási út

A sötét, gyűjtői világra szabott saját arculat mögött reszponzív, SSR-képes és háromnyelvű webalkalmazás működik.

A képernyők az 1.1.5-ös staging környezetből származnak. A rajtuk látható termékek, felhasználók és számértékek demonstrációs mintaadatok, nem produkciós üzleti eredmények.

Storefront

Főoldal és termékfelfedezés

Kategóriavilágok, kampányok, előrendelések, készletállapotok és gyors vásárlási műveletek egy karakteres, mégis áttekinthető felületen.

Katalógus

Kereshető és szűrhető termékkatalógus

Szabadszavas keresés, kategória-, márka- és termékvonal-szűrők, relevancia szerinti rendezés, állapotjelzők és készletértesítések.

Reszponzív felület

A teljes vásárlói élmény mobilon is használható

A termékkatalógus, a szűrés és a fióknavigáció nem az asztali nézet összenyomott változata: a kezelőszervek, a kártyák és a menük a kisebb kijelzőhöz rendeződnek át.

Mobil katalógus

Terméklista és szűrés mobilnézetben

Keresés, gyors kategóriák, rendezés és szűrés egy kézzel is elérhető vezérlőkkel, kéthasábos termékráccsal.

Mobil navigáció

Fiók- és adminmenü mobilnézetben

A szerepkörhöz igazodó fiók-, vásárlási, beállítási és adminfunkciók áttekinthető, teljes magasságú menüben jelennek meg.

A mobilnézet megtartja a desktop funkcióit, miközben a sűrű admin- és kereskedelmi navigáció érintésbarát, fókuszált felületté alakul.

Kosártól a rendelésig

A vásárlási folyamat minden lépése egy üzleti tranzakció része

A kosár, a kedvezmények, a szállítási díj, a fizetés, a készletfoglalás és a rendelési dokumentumok ugyanabból a szerveroldali számításból épülnek fel, így az ügyfél végig következetes összegeket és állapotokat lát.

A képernyők az 1.1.5-ös staging környezetből származnak. A rajtuk látható termékek, felhasználók és számértékek demonstrációs mintaadatok, nem produkciós üzleti eredmények.

Kosár és kupon

Valós idejű kosárösszesítés

Nettó és bruttó összeg, ÁFA, kedvezmény, szállítási küszöb, személyes hűségkupon és készletkorlát egy helyen, szerveroldali újraszámítással.

Fizetési integráció

Barion és alternatív fizetési módok

Utánvét, banki átutalás és Barion kártyás fizetés. Online fizetéskor az ügyfél a szolgáltató biztonságos felületére kerül; a ToyZumi nem tárol kártyaadatot.

Checkout

Rendelésellenőrzés fizetés előtt

Tételek, csomagképzés, szállítás, adótartalom és végösszeg utolsó ellenőrzése, kötelező jogi elfogadásokkal a fizetéssel járó megrendelés előtt.

Ügyfélfiók

Követhető rendelési életút

Állapot-idővonal, fizetési státusz, csomagok és tételek, nyomkövetés, valamint letölthető rendelési dokumentumok egyetlen nézetben.

Idempotens fizetés

Az ismételt callback vagy felhasználói próbálkozás nem hoz létre kétszeres pénzügyi műveletet.

Provider-visszaellenőrzés

A fizetési állapotot a backend nem csak a böngésző visszatérési URL-jéből fogadja el, hanem a szolgáltatónál is ellenőrzi.

Helyreállítható folyamat

A bizonytalan fizetések, függő számlák és visszatérítések ütemezett egyeztetéssel újra feldolgozhatók.

Identity és hozzáférés

A bejelentkezés külön biztonsági szolgáltatásra épül

A jelszókezelés nem a webshop felületén történik. A saját arculatú Keycloak identity-réteg szabványos OIDC Authorization Code + PKCE folyamatot, szerepköröket és elkülönített ügyfél-, support- és adminhozzáférést biztosít.

Keycloak

Saját arculatú, elkülönített bejelentkezés

A felhasználó egységes ToyZumi-élményt kap, miközben a hitelesítést dedikált identity rendszer kezeli.

Customer, SupportAgent és Admin szerepkörök elkülönítése
Issuer-, audience-, lifetime- és aláírás-ellenőrzött tokenek
Backend oldali jogosultsági és erőforrás-tulajdonosi kontroll
E-mail-ellenőrzés és biztonságos jelszófolyamatok
Adatvédelem

Önkiszolgáló személyesadat-export

A vásárló a saját fiókjából kérheti a róla tárolt adatok hordozható exportját; ugyanez megfelelő jogosultsággal, auditáltan az adminfelületről is elindítható.

Háttérben készül

A kérés Hangfire-feladatot indít, amely összegyűjti a kapcsolódó fiók-, rendelési és hozzájárulási adatokat, majd ZIP-csomagot készít.

Védett letöltés

A kész export időkorlátos, a felhasználóhoz kötött tokennel érhető el, és sikeres letöltés után nem tölthető le újra.

Automatikus törlés

A letöltött vagy lejárt fájlokat a napi retention job eltávolítja a tárhelyről; a kérés és a letöltés auditnyomot hagy.

Operáció

Az adminfelület a napi teendőket teszi láthatóvá

A háttérrendszer nemcsak adatokat tárol: munkasorokat képez, jelzi a problémás ügyeket és közvetlenül a megfelelő adminisztrációs felületre vezet.

Back office

Operatív admin áttekintő

Fizetésre váró, csomagolandó és feladandó rendelések, visszaküldések, support ügyek, alacsony készlet és egyéb sürgős teendők egy helyen.

Rendeléskezelés

Szűrhető teljesítési munkasor

Fizetési és teljesítési állapotok, problémás rendelések, keresés és a csomagoláshoz, szállításhoz, számlázáshoz vezető operációs nézetek.

Összefüggő vásárlási út

Kereshető és szűrhető katalógus, termékváltozatok, vendég- és fiókos kosár, kívánságlista, előrendelés, több lépéses checkout és rendeléskövetés.

Rendeléstől a teljesítésig

Fizetés, számlázás, rendelésállapotok, csomagolási munkasor, szállítás, visszatérítés, előrendelések és visszaküldések egy üzleti folyamatban.

Készlet és beszerzés

Készletmozgások, foglalások, alacsony készletszint, beszerzési rendelések, beszállítói import és döntést segítő készletelemzés.

Hűség és ügyfélmegtartás

Pont- és XP-alapú, tízszintes hűségprogram aktiválható termék-, kupon- és szállítási jutalmakkal, teljes tranzakciótörténettel.

Katalógus és adatbetöltés

A beszállítói táblázatból ellenőrzött termékadat lesz

A rendszer nem várja el, hogy minden nagykereskedő ugyanazt az XLSX-formátumot használja: az oszlopok saját ToyZumi-mezőkhöz rendelhetők, a leképezés beszállítói profilként elmenthető, az import pedig előnézettel és validációval futtatható.

Tömeges termékkezelés

XLSX-feltöltés és import

Termékek, variánsok, készlet, árak, előrendelések, címkék és attribútumok tömeges betöltése akár 500 termékes, atomi műveletben.

Nem kézi Excel-másolás

  • Munkalap kiválasztása és fájlelőnézet
  • Automatikus, majd kézzel finomítható oszlop-mapping
  • Alapértelmezett értékek a hiányzó beszállítói mezőkhöz
  • Beszállítónként elmenthető, újrahasználható profilok
  • Külön validálás, hibajegyzék és import előtti változás-előnézet
  • Konvertált ToyZumi XLSX letöltése vagy közvetlen adatbázis-import
Valós idejű ügyfélszolgálat

A beszélgetés nem vész el a chatablak bezárásával

A SignalR-alapú support rendszer a gyors kommunikációt strukturált ügykezeléssel kapcsolja össze.

Realtime support

Admin ügyfélszolgálati chat

Várólista, ügyintézőhöz rendelt beszélgetések, vendég- és regisztrált ügyfelek, keresés és élő állapotjelzések.

A teljes ügy életútja követhető

  • Vendégként és bejelentkezett fiókkal is indítható beszélgetés
  • Ügyintézői várólista és felelőshöz rendelés
  • Valós idejű üzenet, gépelési állapot és képmegosztás
  • Lezárt beszélgetések archiválása és későbbi visszakeresése
  • Összetettebb ügyek hibajeggyé alakítása
  • Ügyfél-elégedettségi értékelés és auditálható kommunikáció
Hűségprogram

Nem egyszerű pontegyenleg, hanem konfigurálható megtartási rendszer

A vásárló átlátható fejlődési utat, a vállalkozás pedig szintekkel, feltételekkel, érvényességgel és különböző jutalomtípusokkal kezelhető ösztönzőrendszert kap.

A képernyők az 1.1.5-ös staging környezetből származnak. A rajtuk látható termékek, felhasználók és számértékek demonstrációs mintaadatok, nem produkciós üzleti eredmények.

Bemutatkozó oldal

Pontoktól a jutalomig

Közérthető magyarázat a pont- és XP-gyűjtésről, a tíz szintről és az elérhető termék-, kupon- vagy szállítási jutalmakról.

Ügyfélfiók

Saját szint, XP és aktiválható jutalmak

Aktuális szint, következő küszöb, megszerzett és aktivált jutalmak, pontmozgások és feltételek egy helyen.

Kuponrendszer

Pontbeváltás és személyes kuponok

Pontokból generált, lejárattal és felhasználási feltételekkel kezelt egyedi kuponok, aktív kuponlista és beváltási előzmények.

Súlyozott jutalomesély

Az admin jutalmonként súlyt adhat meg; a rendszer ebből kiszámítja és megjeleníti az egyes nyeremények tényleges százalékos esélyét.

Készletérzékeny termékjutalom

Megadható konkrét termékváltozat vagy kategória- és címkeszűrés. A nem elérhető termék nem kerül a választható jutalmak közé.

Ellenőrzött beváltás

Egy szint jutalma felhasználónként egyszer igényelhető; a rendszer a kiosztott terméket vagy az egyedi kupont és a teljesítést is rögzíti.

Marketing, CMS és elemzés

A tartalom és a kommunikáció is ugyanabból a rendszerből kezelhető

A kampányok nem különálló e-mailek: célközönséghez, nyelvhez, időponthoz és eseményhez köthető, követhető üzleti folyamatok.

Elemzés

Statisztikák és vezetői kimutatások

Értékesítési, működési és ügyféladatokból képzett áttekintések, költségek, anomáliák és konfigurálható elemzési beállítások.

Messaging studio

Kampány- és tartalomszerkesztő

Többnyelvű, blokkalapú e-mail-szerkesztő valós idejű előnézettel, célközönséggel, időzítéssel és eseményalapú automatizmusokkal.

Consent-aware analytics

Google Analytics és GTM globális kapcsoló

A külső mérés globálisan szabályozható, és csak az analitikai cookie-khoz hozzájáruló látogatóknál indul el.

Saját keresleti jelzések a backendben

A GA4 mellett a rendszer saját adatbázisában is összesíti a keresési kifejezéseket, találatokat és keresési szándékokat. A keresések, kívánságlisták, készlethiányok és értékesítési jelek pontozott keresleti mutatóvá állnak össze.

Ez nem pusztán látogatottsági riport: az admin beszerzési ajánlást, javasolt mennyiséget és teendőt kaphat a következő beszállítói rendelés előkészítéséhez.

Kampányok

Célközönség, nyelvi változat, ütemezés, sablon és kézbesítési állapot.

Automatizmusok

Kosár-, rendelés-, készlet- vagy ügyféleseményre induló kommunikáció.

CMS

Blog, promóciós sávok és kereskedelmi tartalmak kezelése fejlesztői beavatkozás nélkül.

Automatizált működés

A rendszer akkor is dolgozik, amikor senki nincs az adminfelületen

Tizenhat dokumentált háttérfolyamat gondoskodik a pénzügyi egyeztetésről, az adatmegőrzésről, a katalógus időzítéséről és a kommunikáció megbízható feldolgozásáról. Két konkrét példa a kódból:

5 percenként

Függő számlák helyreállítása

A job a beragadt, hibás vagy még el nem küldött számlákat legfeljebb 50-es kötegekben újra sorba állítja. A bizonytalan szolgáltatói választ előbb külső azonosító alapján egyezteti; ha ez nem dönthető el biztonságosan, nem ismétli meg vakon a műveletet, hanem adminriasztást küld.

konfigurálható cron szerint

Időzített termékpublikálás

A job csak a nem törölt, Scheduled állapotú és már esedékes termékeket publikálja. Egy lépésben rögzíti a publikálás idejét, törli a már felhasznált ütemezést, majd elmenti és naplózza az eredményt.

Pénzügyi egyeztetés

Bizonytalan fizetések és visszatérítések újraellenőrzése, outbox feldolgozás és függő számlák helyreállítása.

Életciklus és megőrzés

Logarchiválás, értesítéstakarítás, GDPR-exportok lejárata, fióktörlési türelmi idő, elhagyott kosarak és checkout-vázlatok tisztítása.

Katalógus és teljesítés

Időzített termékpublikálás, előrendelések ellenőrzése, vendégrendelések fiókhoz kapcsolása és Keycloak-felhasználók szinkronizálása.

Kommunikáció

Tranzakciós e-mailek, készlet- és értékelési értesítések, kampányok és eseményvezérelt marketingautomatizmusok feldolgozása.

Mérnöki háttér

Nemcsak elkészült, hanem ellenőrizhető is

A portfólió értékét nem önmagában a képernyők adják, hanem az a rendszertervezési és minőségbiztosítási munka, amely mögöttük van.

371 / 371

Sikeres automatizált teszt

140 frontend- és 231 backendteszt sikeres a dokumentált 1.1.5-ös pillanatképben; emellett kilenc Playwright E2E-forgatókönyv található a repóban.

Tranzakciós és hozzáférési kontrollok

Idempotens fizetési műveletek, provider-oldali visszaellenőrzés, outbox és reconciliation, jogosultsági policyk, rate limit, audit és correlation ID.

HU · EN · DE

Háromnyelvű felület

4 225 egyeztetett lokalizációs kulcs nyelvenként, világos és sötét téma, reszponzív felületek és SSR-alapú keresőoptimalizálhatóság.

Technológiai alapok

Külön telepíthető, szerveroldalon renderelhető frontend, üzleti igazságforrásként működő backend API, elkülönített identitásszolgáltatás és konténerizált telepítési útvonal.

Angular 21TypeScriptNgRxSSRASP.NET Core 10EF CoreSQL ServerSignalRKeycloakHangfireDockerBarionSzámlázz.huSendGrid

Érett fejlesztési szemlélet

  • Generált, típusos frontend API-kliens
  • Adatbázis-migrációk és auditnaplók
  • Live és ready health checkek
  • Release- és telepítési napló
  • Dokumentált production-readiness terv
  • CI/CD build-, teszt- és migrációs kapukkal
Architektúra

Rétegzett, külön telepíthető rendszer

Angular SSR webkliens, ASP.NET Core API, Keycloak identity, SQL Server és S3-kompatibilis objektumtár védett reverse proxy és belső Docker-hálózat mögött.

Transzparens státusz: az alapfunkciók működnek és teszteltek, de az oldal nem állít kész produkciós üzemet. Az élesítés előtt többek között a privát fájltárolás, a privilegizált MFA, a malware-szkennelés és néhány infrastruktúra-hardening feladat lezárása szükséges.

Nem mindig kell ekkora rendszer.

A ToyZumi azt mutatja meg, milyen mélységig tudok egy összetett folyamatot végiggondolni és megvalósítani. A te vállalkozásodnál először azt nézzük meg, elég-e egy meglévő eszköz jó beállítása, egy integráció vagy egy kisebb, célzott webalkalmazás.

Megírom a problémát