Case study · 2025 · Web
Template ShopRenter on Monday.Built a custom premium webshop in five days. Faster, mobile-first, more orders from week one.
GeekCorner came in with a Mystery Box brand running on a stock ShopRenter template. We swapped the storefront for a custom, animated, mobile-first design, the same checkout, the same product feed, a completely different visual register. Conversion measurably lifted in the first week of live traffic.
- ShopRenter
- Vanilla CSS
- Vanilla JS
Inside the build
Overview
- Up
- Conversion lift
- 1
- Sprint to live
- 100%
- Custom · zero theme
- 1st
- Of-its-kind in HU niche
We replaced a Hungarian mystery-box and geek brand's boilerplate ShopRenter shop with a custom, animated, modern design. For this niche in Hungary it was the first truly leading-edge shop · and the conversion rate jumped.
What shipped
What it does
- Custom ShopRenter build (not a template)
- Animated shop that looks great on mobile too
- First design of its kind in the Hungarian niche
- Measurable lift in conversion
The problem
- Customers bounce from template shops in 3 seconds
- The brand's value didn't show visually
- Repeat buyers weren't becoming a community
Why it matters
- The brand looks the way it behaves · premium
- More visitors turn into buyers
- Nothing else in the niche looks like it
How it shipped
- 01 · BRIEF
Audit of the live ShopRenter template.
Walked the live shop with the founder, mapped the seven highest-friction surfaces (hero, mystery-box reveal, product card, cart, checkout, mobile nav, post-purchase). No spec doc · screenshots + voice notes.
- 02 · BRAND
Type, palette, motion language.
Display serif for the hero claim, mono for SKU strings, two-tone purple/black palette. Motion language: card-flip on hover, micro-haptics on add-to-cart, no theatrical hero animation that would block the LCP.
- 03 · ARCHITECTURE
Plain CSS / JS so the next maintainer is unblocked.
Decision document: no framework, no build pipeline beyond minification, no asset bundler. The storefront is a folder of files the in-house team can read on day one. ShopRenter's product feed and checkout stay untouched · we ship a frontend, not a re-platform.
- 04 · BUILD
Storefront, motion, mobile-first across two sprints.
Sprint 1: hero, product grid, product detail, cart drawer · all responsive, container-queried per component. Sprint 2: card-flip hover, add-to-cart micro-haptics, post-purchase upsell. PSI 95+ on mobile through both sprints.
- 05 · POLISH
SEO, structured data, analytics wired up.
Product / Organization / WebSite JSON-LD, dynamic 1200×630 OG, canonical URLs. GA4 + Plausible cover conversion, add-to-cart, scroll-depth, cart-abandon · the launch ships with measurement, not a follow-up project to add it.
- 06 · SHIP
Live, with conversion measured from day 1.
Cut over on a Friday, the editorial team continued in the ShopRenter UI for new copy. Conversion lift visible inside the first week · no theatre, no 'soft launch' · just the number going up.
Stack
Storefront
Custom storefront on top of ShopRenter
Plain HTML/CSS/JS · the underlying product feed and checkout from ShopRenter, untouched. No framework lock-in for the next maintainer.
Motion
Card-flip hover + add-to-cart micro-haptics
60fps motion on commodity hardware · no LCP-blocking hero animation · prefers-reduced-motion respected.
Mobile
Mobile-first that doesn't look like 'mobile-friendly desktop'
Container queries on every component · portrait stacks features, hides redundant prose, retunes spacing. PSI 95+ on mobile.
SEO
Structured data + canonical + OG image
Product / Organization / WebSite JSON-LD, dynamically generated 1200×630 OG, canonical URLs · the SERP card fits.
Analytics
GA4 + Plausible · cart-abandon funnel from day 1
Conversion + add-to-cart + scroll-depth + cart-abandon all wired before the cut-over · no 'measure later' debt.
Handover
Editable by the team · no developer for new copy
All hero copy + product blurbs editable inside ShopRenter · no Markdown round-trip, no PR for a typo.
Case study
“Redesigned the GeekCorner webshop from scratch · custom design, animated, mobile-first. Measurable conversion lift within the first week. Clean communication, delivered on time.”
