E-shop pre pražiareň, ktorá ide
vlastnou cestou
— dizajn na mieru, vlastný font, vlastné pravidlá.
Pre pražiareň Rebelbean sme navrhli a postavili e-shop na Shoptete s unikátnym grafickým dizajnom na mieru — vlastný font WAFLE pre headliny, anglická jazyková verzia pre medzinárodných zákazníkov a expresné doručenie kávy v Brne do 60 minút. Po spustení pokračujeme priebežnými UX optimalizáciami pre vyššie konverzie.
Káva pre rebelov si zaslúžila e-shop, ktorý
tiež nejde s davom
.
Rebelbean je pražiareň kávy z Brna so sieťou vlastných kaviarní a jasnou filozofiou: žiť po svojom, nejsť s davom. Vlajkovou loďou je zrnková pražená káva Blend My Daily Mix — s vlastným playlistom na Spotify, na ktorom sa podieľal celý rebelský tím. Klient prišiel so žiadosťou o modernizáciu e-shopu a vytvorenie dizajnu, ktorý značku verne reprezentuje — nie generická šablóna, ale vizuálna identita, ktorá zákazníkovi povie, kto Rebelbean je, ešte pred prvým kliknutím.
Hlavným dizajnovým rozhodnutím bol vlastný font WAFLE pre headliny, nadpisy a názvy kategórií — časť vizuálnej identity značky prenesená priamo do e-shopu. Telo textu, parametre a košík používajú Proxima Nova pre čitateľnosť. Táto kombinácia dáva e-shopu charakter bez kompromisov na používateľskom komforte. E-shop obsluhuje tri typy zákazníkov naraz: B2C nákup kávy a príslušenstva, veľkoobchodnú sekciu pre kaviarne a partnerov a anglickú jazykovú verziu pre medzinárodných zákazníkov — každý segment s vlastnou UX cestou.
Špecifickou požiadavkou bolo expresné doručenie v Brne do 60 minút ako samostatná dopravná varianta — dostupná výhradne pre zákazníkov v ČR, automaticky skrytá pre ostatné krajiny. Súčasťou spolupráce bolo napojenie na Google Search Console a priebežné UX optimalizácie po spustení — sticky hlavička, mobilný layout, zobrazovanie cien s/bez DPH, konverzné prvky v košíku.
„„MirandaMedia sme oslovili s cieľom postaviť na platforme Shoptet e-shop s vlastným designom reprezentujúcim značku Rebelbean. Od zadania zakázky, cez grafické návrhy až po spustenie e-shopu prebiehalo všetko bez problémov a hlavne rýchlo, čo bolo pre nás naozaj neoceniteľnou výhodou — kompletný web bol postavený za niekoľko málo týždňov. Po celú dobu spolupráce sa môžeme spoľahnúť na to, že sú flexibilne riešené i naše požiadavky na zmeny a úpravy drobného, ale i komplexnejšieho charakteru. Spolupráca s MirandaMedia nám prináša istotu, že môžeme funkčnosť a vizuálnu identitu webu neustále posúvať ďalej.““
Dizajn za niekoľko týždňov. UX iterácie priebežne
Analýza a dizajn
Vstupná analýza značky a zákazníkov Rebelbean. Dizajnový koncept s vlastným fontom WAFLE — homepage, detail produktu, sekcia kaviarne, veľkoobchod, kontakt/o nás. Desktop aj mobilná verzia.
Vývoj a spustenie
Kódovanie grafického návrhu na Shoptet — plne responzívne (desktop, mobil, tablet). Používateľské testovanie, projektové riadenie. Spustenie e-shopu v priebehu týždňov od zadania.
Search Console a prvé optimalizácie
Napojenie Shoptetu na Google Search Console, opravy zobrazovania produktov vo vyhľadávaní, UX úpravy po prvých dátach z prevádzky.
Priebežné UX optimalizácie
Sticky hlavička, mobilný layout hlavičky, Proxima Nova ako telo textu, konverzné prvky v košíku (zvýraznenie vybranej dopravy a platby), anglická verzia s dynamickým zobrazením poštovného zdarma podľa krajiny zákazníka.
Vlastný font, tri typy zákazníkov, expresné doručenie. Jeden Shoptet.
Dizajn a typografia
E-shop rebelbean.cz je vizuálne definovaný kombináciou dvoch fontov: WAFLE pre všetko, čo tvorí identitu značky — headliny, názvy produktov, nadpisy kategórií — a Proxima Nova pre telo textu, parametre, košík a pätičku. Táto typografická dvojica dáva e-shopu charakter bez kompromisov na čitateľnosti. Layout je navrhnutý tak, aby produkt — káva — bol hrdinom: veľké produktové fotografie, čisté kategóriové stránky, minimum rušivých elementov.
Tri zákaznícke segmenty
Jeden Shoptet obsluhuje tri odlišné zákaznícke cesty: B2C nákup kávy, príslušenstva a merchandise pre koncových zákazníkov; veľkoobchodnú sekciu pre kaviarne a B2B partnerov s informačnou textovou formou a kontaktným formulárom; a anglickú jazykovú verziu pre medzinárodných zákazníkov s dynamickým zobrazením výšky objednávky pre dopravu zdarma podľa krajiny. Každý segment má vlastnú UX cestu — bez nutnosti oddelených inštancií alebo domén.
Expresné doručenie a konverzné prvky
Expresné doručenie kávy v Brne do 60 minút je dopravná varianta dostupná výhradne zákazníkom v ČR — ostatné krajiny ju v košíku neuvidia, systém ju automaticky skrýva podľa detekcie krajiny. V košíku je kladený dôraz na konverzné prvky: väčšie zvýraznenie vybranej voľby dopravy a platby, zobrazenie cien s DPH aj bez DPH, prednastavená varianta „Zrnková“ pri príplatkovom parametri Mletie. Sticky hlavička pri scrollovaní zachováva prístup k vyhľadávaniu, košíku a účtu na mobilnom zariadení bez zasunutia do menu.
Tri rozhodnutia, ktoré e-shop definovali
Font WAFLE ako súčasť vizuálnej identity
Preniesť brandový font priamo do e-shopu nie je technicky triviálne — Shoptet pracuje s východiskovými fontmi a vlastná typografia vyžaduje custom implementáciu. Font WAFLE pre headliny a Proxima Nova pre telo textu sú implementované konzistentne naprieč celým e-shopom vrátane košíka, pätičky a mobilnej verzie. Typografická konzistencia je základ brandovej rozpoznateľnosti — zákazník v každom bode nákupnej cesty vie, kde je.
Konverzná optimalizácia košíka — iterácie na základe dát
Po spustení e-shopu nasledovali UX úpravy na základe reálneho správania zákazníkov: sticky hlavička pre zníženie bounce rate pri scrollovaní, väčšie vizuálne zvýraznenie vybranej dopravy a platby v košíku, prednastavenie najčastejšie vyberanej varianty Mletie na „Zrnková“. Každá úprava cieli na konkrétny konverzný bod — nie estetiku, ale výkon.
Anglická verzia s dynamickým poštovným podľa krajiny
Anglická jazyková verzia e-shopu obslúži medzinárodných zákazníkov bez nutnosti samostatnej Shoptet inštancie. Výška objednávky pre dopravu zdarma sa zobrazuje dynamicky podľa detekovanej krajiny zákazníka — každá krajina má iný prah. Expresné doručenie v Brne do 60 minút je automaticky skryté pre zákazníkov mimo ČR. Jeden e-shop, lokalizovaný zážitok pre každý trh.
Čo sa podarilo.
E-shop postavený za niekoľko týždňov
Od zadania zakázky po spustenie v produkcii ubehlo niekoľko týždňov — bez výpadkov, bez kompromisov na kvalite dizajnu. Potvrdené klientom.
Tri zákaznícke segmenty v jednom Shoptete
B2C, veľkoobchod a anglická verzia pre medzinárodných zákazníkov — bez oddelených inštancií, bez duplicitnej správy obsahu.
Expresné doručenie kávy v Brne do 60 minút
Unikátna dopravná varianta dostupná iba pre zákazníkov v ČR — automatická geo-detekcia, žiadna manuálna správa.
Priebežné UX optimalizácie zvyšujú konverzie
Sticky hlavička, konverzné prvky v košíku, optimalizované mobilné zobrazenie. E-shop sa iteratívne zlepšuje na základe dát z prevádzky.
Spolupráca trvá od 2021 dodnes
Flexibilné riešenie priebežných požiadaviek — od drobných úprav po komplexné zmeny. Klient má istotu kontinuálneho rozvoja vizuálnej identity a funkcionality.
Voľby, ktoré obhájime
Ako pracujeme
Rebelbean bol projekt s jasnou víziou a dôrazom na rýchlosť — e-shop musel byť živý v priebehu týždňov. Tím pokrýval dizajn, kódovanie a projektové riadenie. Po spustení prechádza spolupráca do iteračného módu: klient prichádza s požiadavkami, tím ich vyhodnocuje a implementuje priebežne. Žiadne veľké redizajny — kontinuálne zlepšovanie na základe dát.
Čo sme pre Rebelbean postavili
4 hlavné realizácie · 2021–2023E-shop na Shoptete s unikátnym grafickým dizajnom
Grafický návrh e-shopu (homepage, detail produktu, kaviarne, veľkoobchod, kontakt/o nás), kódovanie na Shoptet — plne responzívne (desktop, mobil, tablet). Vlastný font WAFLE pre headliny, Proxima Nova pre telo textu. Používateľské testovanie a projektové riadenie. Spustenie v priebehu týždňov.
Search Console a SEO základy
Napojenie Shoptetu na Google Search Console, oprava prepisovania popiskov pri vyhľadávaní cez Google, správne zobrazovanie názvov produktov a súvisiacich produktov.
Priebežné UX optimalizácie
Sticky hlavička, mobilný layout (košík, vyhľadávanie a účet viditeľné vedľa menu), konverzné prvky v košíku (zvýraznenie vybranej dopravy a platby), Proxima Nova ako telo textu, prednastavenie varianty Zrnková pri parametri Mletie, ceny s DPH aj bez DPH.
Anglická verzia a geo-lokalizácia
Spustenie anglickej jazykovej verzie e-shopu, dynamické zobrazenie výšky objednávky pre dopravu zdarma podľa krajiny zákazníka, automatické skrytie expresného doručenia Brno pre zákazníkov mimo ČR.
Staviame aj pre
iné značky.
Čo urobiť, aby ti e-shop zarábal viac? Margly to vie skôr než ty.
Staviame aj pre
vás.
Pošlite nám pár viet o vašom projekte. Dáme si nezáväzný hovor.