GeekCorner

Sablonos ShopRenter hétfőn. Öt nap alatt egyedi prémium webshopot építettünk. Gyorsabb, mobil-első, az első héttől több rendelés.

• 01Felhasználói felület

  Az egész élmény amit a felhasználó lát

  Ez a frame az élesben futó terméket mutatja: magyarország első egyedi designnal készült mystery box + geek webshopja · megugrott konverzióval. Minden komponens mi vagyunk · scope, design, kód, deploy.

• 02Stack a háttérben

  Mi hajtja: ShopRenter, Vanilla CSS, Vanilla JS

  A frame mögötti technológia 3 elemű · ShopRenter, Vanilla CSS, Vanilla JS a látható felületet hajtja, a többi az adatrétegben fut. Minden a stúdió kezében.

• 03Mit szállítottunk

  Egyedi ShopRenter-fejlesztés (nem sablon)

  A márka úgy néz ki, ahogy viselkedik · prémium

• 04Státusz

  Élesben · geekcorner.hu.

  Ez nem egy demó · valós forgalom megy rajta, mérünk, monitorozunk, javítunk hetente.

• 01 · BRIEF

  A futó ShopRenter sablon auditja.

  Végigmentünk a futó webshopon az alapítóval, kiraktuk a hét legtöbb súrlódást okozó felületet (hero, mystery-box reveal, terméklap, kosár, checkout, mobil-nav, vásárlás utáni). Nincs spec-dokumentum · képernyőképek + hangjegyzetek.

• 02 · BRAND

  Tipográfia, paletta, mozgás-nyelv.

  Display serif a hero-állításra, mono SKU-stringekre, kéttónusú lila/fekete paletta. Mozgásnyelv: card-flip hoveren, mikro-haptika add-to-cart-on, semmi színpadias hero-animáció, ami az LCP-t blokkolná.

• 03 · ARCHITECTURE

  Sima CSS / JS, hogy a következő karbantartó ne legyen blokkolva.

  Döntési dokumentum: nincs framework, nincs build-pipeline a minification-on túl, nincs asset-bundler. A storefront egy fájl-mappa, amit a házon belüli csapat az 1. napon elolvas. A ShopRenter termékfeed és checkout érintetlen · frontendet szállítunk, nem re-platformot.

• 04 · BUILD

  Storefront, mozgás, mobile-first két sprint alatt.

  1. sprint: hero, termékrács, terméklap, kosár-drawer · mind reszponzív, container-query-zett komponensenként. 2. sprint: card-flip hover, add-to-cart mikro-haptika, vásárlás utáni upsell. Mindkét sprint alatt PSI 95+ mobilon.

• 05 · POLISH

  SEO, strukturált adat, analitika bekötve.

  Product / Organization / WebSite JSON-LD, dinamikus 1200×630 OG, canonical URL-ek. GA4 + Plausible fedi a konverziót, add-to-cart-ot, scroll-mélységet, kosárelhagyást · a launch méréssel megy ki, nem külön utólagos projektben.

• 06 · SHIP

  Élesben, az 1. naptól mért konverzióval.

  Pénteken vágtunk át, a szerkesztői csapat tovább dolgozott a ShopRenter UI-on új szövegekhez. A konverziónövekedés az első héten belül látszódott · nem színpadiasság, nem „soft launch” · egyszerűen feljebb ment a szám.

• 01Storefront

  Egyedi storefront a ShopRenter tetején

  Sima HTML/CSS/JS · a ShopRenter termékfeed és checkout érintetlen. Nincs framework-lock a következő karbantartónak.

• 02Mozgás

  Card-flip hover + add-to-cart mikro-haptika

  60fps mozgás commodity hardveren · nincs LCP-blokkoló hero-animáció · prefers-reduced-motion tiszteletben tartva.

• 03Mobil

  Mobile-first, ami nem „mobilbarát desktop”-nak néz ki

  Container query-k minden komponensen · portré módban kompaktabb, rejtett redundancia, áthangolt térközök. PSI 95+ mobilon.

• 04SEO

  Strukturált adat + canonical + OG-kép

  Product / Organization / WebSite JSON-LD, dinamikusan generált 1200×630 OG, canonical URL-ek · a SERP-kártya összeáll.

• 05Analitika

  GA4 + Plausible · kosárelhagyás-funnel az 1. naptól

  Konverzió + add-to-cart + scroll-mélység + kosárelhagyás bekötve a cut-over előtt · nincs „majd később mérünk” adósság.

• 06Átadás

  A csapat szerkeszti · nem kell programozó új szöveghez

  Minden hero-szöveg + termékleírás a ShopRenter felületén szerkeszthető · nincs Markdown-kör, nincs PR egy elgépelésért.

• 
  01Képkocka

  Hero · a mystery-box állítás

  Egyetlen kétnyelvű állítás, hátulról megvilágított figurák, két CTA · a márka 3 mp alatt prémiumnak olvasódik, nincs slider, nincs sablon-szag.

• 
  02Képkocka

  Hír-csík · márka-lendület

  Három kártyás hír-szekció jelzi, hogy a shop él · kurált tartalmi kártyák (anime drop-ok, conok, új mystery box-ok) statikus blog helyett.

• 
  03Képkocka

  Terméklap · minden vásárlási jel egyben

  Ár, várható szállítás, hűségpont, gyártó, kívánságlista, mennyiség, kosárba · minden, ami a döntéshez kell, egy képernyőn, fülek közti táncolás nélkül.

• 
  04Képkocka

  Mega-menü · kategóriák + 7 nyelvű zászló-sáv

  Kategória-fejlécek (Mystery Box, Anime, Film, Gamer, Képregényhősök) 7 zászlós nyelvi sávval · a shop régiószerte szállít aldomain-bontás nélkül.