Preskočiť na hlavný obsahNové na bloguShopify stavia AI asistenta na Claude. Čo z toho plynie pre slovenské e-shopy?
4 KAVKY

Hravý e-shop pre rodinné
spoločenské hry
— dizajn na mieru, infografika a 360° fotky.

4 KAVKY — case study

Pre rodinné vydavateľstvo spoločenských hier 4 Kavky sme navrhli a postavili e-shop na Shoptete s unikátnym grafickým dizajnom na mieru — hravý, originálny, plný vlastnej infografiky a piktogramov k hrám. Projekt bol dodaný v rekordnom čase niekoľkých predvianočných týždňov. Mobilní zákazníci na prvom mieste.

Platforma
E-shop na mieru
360°
Fotografie
produktové zábery zo všetkých strán
Mobile-first
Dizajnový prístup
väčšina zákazníkov z mobilu
Predvianočné
Spustenie
dodané v rekordnom čase
Klient
4 Kavky (Alica a Martin Kavkovci)
Segment
Spoločenské hry · B2C
Služby
E-shop na mieru · Grafický dizajn · Infografika · Fotografie 360°
Platforma
Shoptet
Rok
2023
Dodanie
Predvianočné spustenie
01 · Výzva

Hry si zaslúžia e-shop, ktorý sám vyzerá
ako hra
.

Alica a Martin Kavkovci prevádzkujú rodinné vydavateľstvo spoločenských hier zamerané na ľahšie hry do pol hodinky pre rodiny s deťmi — vlastné vydavateľstvo aj distribúciu hier českých autorov a pár výnimočných hier zo sveta. Pôvodný e-shop prestal zodpovedať dobe a image značky. Kavkovci prišli s jasnou víziou: hravý, originálny dizajn, ktorý sa odlišuje od generických šablón a vyčnieva nad konkurenciou.

Kľúčovou technickou výzvou bol mobilný zákazník — väčšina návštevníkov prichádza z mobilu, takže responzívny dizajn a rýchlosť načítania neboli voliteľné. Zároveň si klient prial vlastnú infografiku a piktogramy ku každej hre — vizuálne skratky, ktoré zákazníkovi okamžite oznámia počet hráčov, vek, dĺžku hry a obťažnosť bez čítania textu. A ako tretia výzva: projekt musel byť hotový pred Vianocami.

Grafický návrh bol prijatý na prvú dobrú — klient bol z návrhu nadšený a dizajn odsúhlasil bez zásadných iterácií. Celý projekt bol dodaný v rekordnom čase niekoľkých predvianočných týždňov.

„„K spolupráci s Mirandou sme prišli ako slepí k husliam — jednoducho sme googlili, kto by nám pomohol so Shoptetom na mieru, a Miranda nám ako prvá padla do oka. Nielenže sú v Mirande hraví ako naše hry, ale vedia klienta rýchlo spoznať a pochopiť. Naopak hľadali cestu, ako zrealizovať aj tie predstavy, ktoré sme nemali úplne vyjasnené. To sa podarilo, navyše v rekordnom čase niekoľkých predvianočných týždňov.““
Alica a Martin KavkovciMajitelia · 4 Kavky
02 · Náš prístup

Kreatívny koncept, mobilný dizajn, predvianočné spustenie

011. týždeň

Analýza & koncept

Vstupná analýza, pochopenie sveta 4 Kavky — ich hier, zákazníkov a tone of voice. Návrh kreatívneho konceptu pre fotografiu: hravosť a zábavnosť hier ako hlavný motív.

022.–3. týždeň

Grafický dizajn

Unikátny grafický návrh e-shopu — hlavná strana, kategórie, detail produktu v desktop aj mobilnej verzii. Vlastná infografika a systém piktogramov k hrám (počet hráčov, vek, dĺžka, obťažnosť). Dizajn odsúhlasený na prvý pokus.

033.–4. týždeň

Vývoj & fotografie

Kódovanie grafického návrhu na Shoptet — plne responzívne (desktop, mobil, tablet). Produkcia 360° fotografií produktov pre implementáciu na Shoptet. Generické stránky, používateľské testovanie.

04Záver

Spustenie

Presun na hlavnú doménu, finálne testovanie. Spustenie tesne pred Vianocami — v najsilnejšej sezóne pre spoločenské hry.

03 · Riešenie

Dizajn, ktorý zákazník okamžite pochopí. A z ktorého má radosť

Grafický dizajn

E-shop 4 Kavky stojí na unikátnom grafickom návrhu vyvinutom od základov — žiadna generická Shoptet šablóna. Vizuálny jazyk vychádza priamo z DNA značky: hravý, farebný, rodinný. Layout je optimalizovaný pre mobilné zariadenia ako primárnu platformu — väčšina zákazníkov prichádza z telefónu, takže mobilné UX dostalo rovnakú starostlivosť ako desktop.

Infografika a piktogramy

Kľúčovým dizajnovým rozhodnutím bol systém vlastnej infografiky a piktogramov ku každej hre. Zákazník na prvý pohľad vidí: počet hráčov, odporúčaný vek, dĺžku hry a obťažnosť — bez čítania produktového popisu. Vizuálne skratky fungujú ako filtračná pomôcka aj ako súčasť brandového jazyka 4 Kavky. Infografika je konzistentná naprieč celým katalógom.

Infografika a piktogramy

360° fotografie produktov

Spoločenské hry majú špecifický vizuálny challenge — zákazník si nemôže prezrieť fyzický produkt. 360° fotografie riešia tento problém elegantne: zákazník môže otočiť krabicu zo všetkých strán, vidí obsah, spracovanie aj veľkosť. Fotografie sú nafotené s kreatívnym konceptom zameraným na zvýraznenie hravosti — nie sterilné produktové foto na bielom pozadí, ale živé zábery v hernom kontexte.

360° fotografie produktov
04 · Kľúčové momenty

Tri rozhodnutia, ktoré projekt definovali

Dizajn
01

Grafický návrh odsúhlasený na prvý pokus

Unikátny grafický dizajn e-shopu bol klientom prijatý bez zásadných iterácií — na prvý pokus. Dôvodom je kreatívny proces, ktorý začína hlbokým pochopením značky a zákazníka, nie generickým návrhom. U 4 Kavky to znamenalo: prečítať si hry, pochopiť kto je ich zákazník, a navrhnúť e-shop, ktorý vyzerá, akoby ho navrhli sami Kavkovci.

Custom Shoptet šablónaGrafický dizajn na mieruMobile-firstUX dizajn
UX
02

Infografika ako konverzný nástroj

Systém piktogramov k hrám (počet hráčov, vek, dĺžka, obťažnosť) nie je len vizuálna dekorácia — je to konverzný nástroj. Zákazník hľadajúci „hru pre 4 hráčov na pol hodiny pre deti od 8 rokov“ dostane odpoveď na prvý pohľad, bez čítania textu. Kratšia cesta k rozhodnutiu = vyššia konverzia. Piktogramy sú konzistentné naprieč celým katalógom a súčasťou brandového jazyka 4 Kavky.

Vlastná infografikaPiktogramyUX dizajnProduktová stránka
Delivery
03

Predvianočné spustenie v rekordnom čase

Vianoce sú pre spoločenské hry najsilnejšia sezóna — spustiť e-shop po Vianociach by znamenalo prísť o kľúčové tržby. Projekt bol naplánovaný a dodaný tak, aby bol e-shop živý tesne pred vianočnou sezónou. Od prvého briefu po spustenie na hlavnú doménu ubehlo niekoľko týždňov — bez kompromisov na kvalite dizajnu ani technickom spracovaní.

ShoptetResponzívne kódovanieProjektové riadenieRýchle dodanie
05 · Výsledky

Čo sa podarilo.

Dizajn odsúhlasený na prvý pokus

Grafický návrh bol prijatý bez zásadných iterácií — priamy výsledok kreatívneho procesu začínajúceho pochopením značky, nie šablónou.

Spustenie pred Vianocami — v najsilnejšej sezóne

E-shop bol živý tesne pred vianočnou sezónou. Kavkovci predávali online v najdôležitejšom obchodnom období roka od prvého dňa.

Mobile-first e-shop pre mobilných zákazníkov

Väčšina zákazníkov 4 Kavky prichádza z mobilu. E-shop je navrhnutý a nakódovaný s mobilnou verziou ako primárnou — nie ako afterthought.

Infografika ako súčasť brandového jazyka

Systém piktogramov k hrám sa stal súčasťou vizuálnej identity 4 Kavky — zákazníci rozpoznajú hry a ich parametre na prvý pohľad.

Spokojný klient, pokračujúca spolupráca

„Trefa do čierneho" — slová klienta. Spolupráca s 4 Kavky pokračuje aj po spustení e-shopu.

06 · Tech stack

Jednoduchý stack pre rýchle dodanie

Platforma
Shoptet
Frontend
Custom grafický dizajnResponzívny layoutDesktop · mobil · tabletVlastné CSS
Fotografie
360° produktové fotoKreatívne kontextové zábery
UX prvky
Vlastná infografikaPiktogramy k hrámMobile-first UX
Generické stránky
GDPRObchodné podmienkyKontakt
07 · Tím

Ako pracujeme

4 Kavky bol projekt s jasným termínom a jasnou víziou. Tím pokrýval dizajn, fotografiu a kódovanie — všetko pod jednou strechou, bez odovzdávok medzi externými dodávateľmi. Kreatívny koncept vznikol po pochopení sveta Kavkovcových hier, nie z databázy šablón. Preto návrh prešiel na prvý pokus.

Čo sme pre 4 Kavky postavili

3 hlavné realizácie · 2023
01

E-shop na Shoptete s unikátnym grafickým dizajnom

Vstupná analýza a kreatívny koncept, unikátny grafický návrh hlavnej strany, kategórie a detailu produktu v desktop aj mobilnej verzii. Kódovanie grafického návrhu na Shoptet — plne responzívne. Generické stránky (GDPR, OBP, kontakt), používateľské testovanie, presun na hlavnú doménu.

2023
02

Vlastná infografika a systém piktogramov

Návrh a implementácia systému vizuálnych piktogramov ku každej hre: počet hráčov, odporúčaný vek, dĺžka hry, obťažnosť. Konzistentné naprieč celým katalógom, súčasť brandového jazyka.

2023
03

360° produktové fotografie

Kreatívny koncept fotografií zameraný na hravosť a zábavnosť hier. 360° fotografie implementované na Shoptet — zákazník vidí produkt zo všetkých strán.

2023
Ďalšie prípadové štúdie

Staviame aj pre
iné značky.

Všetky prípadové štúdie →
Margly

Čo urobiť, aby ti e-shop zarábal viac? Margly to vie skôr než ty.

Viac informácií →margly.io
Bez záväzku

Staviame aj pre
vás.

Pošlite nám pár viet o vašom projekte. Dáme si nezáväzný hovor.