Přeskočit na hlavní obsahNově na bloguShoptet MCP: propojte AI asistenta přímo s administrací e-shopu
4 KAVKY

Hravý e-shop pro rodinné
deskovkářství
— design na míru, infografika a 360° fotky.

4 KAVKY — case study

Pro rodinné deskovkářství 4 Kavky jsme navrhli a postavili e-shop na Shoptetu s unikátním grafickým designem na míru — hravý, originální, plný vlastní infografiky a piktogramů ke hrám. Projekt byl dodán v rekordním čase několika předvánočních týdnů. Mobilní zákazníci na prvním místě.

Platforma
E-shop na míru
360°
Fotografie
produktové záběry ze všech stran
Mobile-first
Designový přístup
většina zákazníků z mobilu
Předvánocní
Spuštění
dodáno v rekordním čase
Klient
4 Kavky (Alice a Martin Kavkovi)
Segment
Deskové hry · B2C
Služby
E-shop na míru · Grafický design · Infografika · Fotografie 360°
Platforma
Shoptet
Rok
2023
Dodání
Předvánoční spuštění
01 · Výzva

Hry si zaslouží e-shop, který sám vypadá
jako hra.

Alice a Martin Kavkovi provozují rodinné deskovkářství zaměřené na lehčí hry do půlhodinky pro rodiny s dětmi — vlastní vydavatelství i distribuci her českých autorů, a pár výjimečných her ze světa. Původní e-shop přestal odpovídat době a image značky. Kavkovi přišli s jasnou vizí: hravý, originální design, který se odlišuje od generických šablon a vyčnívá nad konkurencí.

Klíčovou technickou výzvou byl mobilní zákazník — většina návštěvníků přichází z mobilu, takže responzivní design a rychlost načítání nebyly volitelné. Zároveň si klient přál vlastní infografiku a piktogramy ke každé hře — vizuální zkratky, které zákazníkovi okamžitě sdělí počet hráčů, věk, délku hry a obtížnost bez čtení textu. A jako třetí výzva: projekt musel být hotový před Vánocemi.

Grafický návrh byl přijat na první dobrou — klient byl z návrhu nadšený a design odsouhlasil bez zásadních iterací. Celý projekt byl dodán v rekordním čase několika předvánočních týdnů.

„Ke spolupráci s Mirandou jsme přišli jako slepí k houslím — jednoduše jsme googlovali, kdo by nám pomohl se Shoptetem na míru, a Miranda nám jako první padla do oka. Nejenže jsou v Mirandě hraví jako naše deskovky, ale umí klienta rychle poznat a pochopit. Naopak hledali cestu, jak realizovat i ty představy, které jsme neměli úplně vyjasněné. To se povedlo, navíc v rekordním čase několika předvánočních týdnů.“
Alice a Martin KavkoviMajitelé · 4 Kavky
02 · Náš přístup

Kreativní koncept, mobilní design, předvánoční spuštění

011. týden

Analýza & koncept

Vstupní analýza, pochopení světa 4 Kavky — jejich her, zákazníků a tone of voice. Návrh kreativního konceptu pro fotografii: hravost a zábavnost deskovek jako hlavní motiv.

022.–3. týden

Grafický design

Unikátní grafický návrh e-shopu — hlavní strana, kategorie, detail produktu v desktop i mobilní verzi. Vlastní infografika a systém piktogramů ke hrám (počet hráčů, věk, délka, obtížnost). Design odsouhlasený na první pokus.

033.–4. týden

Vývoj & fotografie

Kódování grafického návrhu na Shoptet — plně responzivní (desktop, mobil, tablet). Produkce 360° fotografií produktů pro implementaci na Shoptet. Generické stránky, uživatelské testování.

04Závěr

Spuštění

Přesun na hlavní doménu, finální testování. Spuštění těsně před Vánocemi — v nejsilnější sézoně pro deskové hry.

03 · Řešení

Design, který zákazník okamžitě pochopí. A ze kterého má radost

Grafický design

E-shop 4 Kavky stojí na unikátním grafickém návrhu vyvinutém od základů — žádná generická Shoptet šablona. Vizuální jazyk vychází přímo z DNA značky: hravý, barevný, rodinný. Layout je optimalizovaný pro mobilní zařízení jako primární platformu — majority zákazníků přichází z telefonu, takže mobilní UX dostalo stejnou péči jako desktop.

Infografika a piktogramy

Klíčovým designovým rozhodnutím byl systém vlastní infografiky a piktogramů ke každé hře. Zákazník na první pohled vidí: počet hráčů, doporučený věk, délku hry a obtížnost — bez čtení produktového popisu. Vizuální zkratky fungují jako filtrační pomůcka i jako součást brandového jazyka 4 Kavky. Infografika je konzistentní napříč celým katalogem.

Infografika a piktogramy

360° fotografie produktů

Deskové hry mají specifický vizuální challenge — zákazník si nemůže prohlédnout fyzický produkt. 360° fotografie řeší tento problém elegantně: zákazník může otočit krabici ze všech stran, vidí obsah, zpracování i velikost. Fotografie jsou nafoceny s kreativním konceptem zaměřeným na zvýraznění hravosti — ne sterilní produktové foto na bílém pozadí, ale živé záběry v herním kontextu.

360° fotografie produktů
04 · Klíčové momenty

Tři rozhodnutí, která projekt definovala

Design
01

Grafický návrh odsouhlasený na první pokus

Unikátní grafický design e-shopu byl klientem přijat bez zásadních iterací — na první pokus. Důvodem je kreativní proces, který začíná hlubokým pochopením značky a zákazníka, ne generickým návrhem. U 4 Kavky to znamenalo: přečíst si hry, pochopit kdo je jejich zákazník, a navrhnout e-shop, který vypadá jako by ho navrhli sami Kavkovi.

Custom Shoptet šablonaGrafický design na míruMobile-firstUX design
UX
02

Infografika jako konverzní nástroj

Systém piktogramů ke hrám (počet hráčů, věk, délka, obtížnost) není jen vizuální dekorace — je to konverzní nástroj. Zákazník hledající „hru pro 4 hráče na půl hodiny pro děti od 8 let“ dostane odpověď na první pohled, bez čtení textu. Kratší cesta k rozhodnutí = vyšší konverze. Piktogramy jsou konzistentní napříč celým katalogem a součástí brandového jazyka 4 Kavky.

Vlastní infografikaPiktogramyUX designProduktová stránka
Delivery
03

Předvánoční spuštění v rekordním čase

Vánoce jsou pro deskové hry nejsilnější sézona — spustit e-shop po Vánocech by znamenalo přijít o klíčové tržby. Projekt byl naplánován a dodán tak, aby byl e-shop živý těsně před vánoční sézonou. Od prvního briefu po spuštění na hlavní doménu uběhlo několik týdnů — bez kompromisů na kvalitě designu ani technickém zpracování.

ShoptetResponzivní kódováníProjektové řízeníRychlé dodání
05 · Výsledky

Co se povedlo.

Design odsouhlasený na první pokus

Grafický návrh byl přijat bez zásadních iterací — přímý výsledek kreativního procesu začínajícího pochopením značky, ne šablonou.

Spuštění před Vánocemi — v nejsilnější sézoně

E-shop byl živý těsně před vánoční sézonou. Kavkovi prodávali online v nejdůležitějším obchodním období roku od prvního dne.

Mobile-first e-shop pro mobilní zákazníky

Většina zákazníků 4 Kavky přichází z mobilu. E-shop je navržen a nakódován s mobilní verzí jako primární — ne jako afterthought.

Infografika jako součást brandového jazyka

Systém piktogramů ke hrám se stal součástí vizuální identity 4 Kavky — zákazníci rozpoznají hry a jejich parametry na první pohled.

Spokojený klient, pokračující spolupráce

„Trefa do černého" — slova klienta. Spolupráce s 4 Kavky pokračuje i po spuštění e-shopu.

06 · Tech stack

Jednoduchý stack pro rychlé dodání

Platforma
Shoptet
Frontend
Custom grafický designResponzivní layoutDesktop · mobil · tabletVlastní CSS
Fotografie
360° produktové fotoKreativní kontext záběry
UX prvky
Vlastní infografikaPiktogramy ke hrámMobile-first UX
Generické stránky
GDPRObchodní podmínkyKontakt
07 · Tým

Jak pracujeme

4 Kavky byl projekt s jasným termínem a jasnou vizí. Tým pokrýval design, fotografii a kódování — všechno pod jednou střechou, bez předávek mezi externími dodavateli. Kreativní koncept vznikl po pochopení světa Kavkových her, ne z databáze šablon. Proto návrh prošel na první pokus.

Co jsme pro 4 Kavky postavili

3 hlavní realizace · 2023
01

E-shop na Shoptetu s unikátním grafickým designem

Vstupní analýza a kreativní koncept, unikátní grafický návrh hlavní strany, kategorie a detailu produktu v desktop i mobilní verzi. Kódování grafického návrhu na Shoptet — plně responzivní. Generické stránky (GDPR, OBP, kontakt), uživatelské testování, přesun na hlavní doménu.

2023
02

Vlastní infografika a systém piktogramů

Návrh a implementace systému vizuálních piktogramů ke každé hře: počet hráčů, doporučený věk, délka hry, obtížnost. Konzistentní napříč celým katalogem, součást brandového jazyka.

2023
03

360° produktové fotografie

Kreativní koncept fotografií zaměřený na hravost a zábavnost deskovek. 360° fotografie implementované na Shoptet — zákazník vidí produkt ze všech stran.

2023
Další případové studie

Stavíme i pro
jiné značky.

Všechny případové studie →
Margly

Co udělat, aby ti e-shop vydělával víc? Margly to ví dřív než ty.

Více informací →margly.io
Bez závazku

Stavíme i pro
vás.

Pošlete nám pár vět o vašem projektu. Dáme si nezávazný hovor.