E-shop pro pražírnu, která jde
vlastní cestou
— design na míru, vlastní font, vlastní pravidla.
Pro pražírnu Rebelbean jsme navrhli a postavili e-shop na Shoptetu s unikátním grafickým designem na míru — vlastní font WAFLE pro headliny, anglická jazyková verze pro mezinárodní zákazníky a expresní doručení kávy v Brně do 60 minut. Po spuštění pokračujeme průběžnými UX optimalizacemi pro vyšší konverze.
Káva pro rebely si zasloužila e-shop, který
také nejde s davem.
Rebelbean je pražírna kávy z Brna se sítí vlastních kaváren a jasnou filozofií: žít po svém, nejít s davem. Vlajkovou lodí je zrnková pražená káva Blend My Daily Mix — s vlastním playlistem na Spotify, na kterém se podílel celý rebelský tým. Klient přišel s žádostí o modernizaci e-shopu a vytvoření designu, který značku věrně reprezentuje — ne generická šablona, ale vizuální identita, která zákazníkovi řekne, kdo Rebelbean je, ještě před prvním kliknutím.
Hlavním designovým rozhodnutím byl vlastní font WAFLE pro headliny, nadpisy a názvy kategorií — část vizuální identity značky přenesená přímo do e-shopu. Tělo textu, parametry a košík používají Proxima Nova pro čitelnost. Tato kombinace dává e-shopu charakter bez kompromisů na uživatelském komfortu. E-shop obsluhuje tři typy zákazníků najednou: B2C nákup kávy a příslušenství, velkoobchodní sekci pro kavárny a partnery a anglickou jazykovou verzi pro mezinárodní zákazníky — každý segment s vlastní UX cestou.
Specifickým požadavkem bylo expresní doručení v Brně do 60 minut jako samostatná dopravní varianta — dostupná výhradně pro zákazníky v ČR, automaticky skrytá pro ostatní země. Součástí spolupráce bylo napojení na Google Search Console a průběžné UX optimalizace po spuštění — sticky hlavička, mobilní layout, zobrazování cen 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.“
Design za několik týdnů. UX iterace průběžně
Analýza a design
Vstupní analýza značky a zákazníků Rebelbean. Designový koncept s vlastním fontem WAFLE — homepage, detail produktu, sekce kavárny, velkoobchod, kontakt/o nás. Desktop i mobilní verze.
Vývoj a spuštění
Kódování grafického návrhu na Shoptet — plně responzivní (desktop, mobil, tablet). Uživatelské testování, projektové řízení. Spuštění e-shopu v řádu týdnů od zadání.
Search Console a první optimalizace
Napojení Shoptetu na Google Search Console, opravy zobrazování produktů ve vyhledávání, UX úpravy po prvních datech z provozu.
Průběžné UX optimalizace
Sticky hlavička, mobilní layout hlavičky, Proxima Nova jako tělo textu, konverzní prvky v košíku (zvýraznění vybrané dopravy a platby), anglická verze s dynamickým zobrazením poštovného zdarma dle země zákazníka.
Vlastní font, tři typy zákazníků, expresní doručení. Jeden Shoptet.
Design a typografie
E-shop rebelbean.cz je vizuálně definován kombinací dvou fontů: WAFLE pro vše co tvoří identitu značky — headliny, názvy produktů, nadpisy kategorií — a Proxima Nova pro tělo textu, parametry, košík a patičku. Tato typografická dvojice dává e-shopu charakter bez kompromisů na čitelnosti. Layout je navržen tak, aby produkt — káva — byl hrdinou: velké produktové fotografie, čisté kategoriové stránky, minimální rušivé elementy.
Tři zákaznické segmenty
Jeden Shoptet obsluhuje tři odlišné zákaznické cesty: B2C nákup kávy, příslušenství a merchandise pro koncové zákazníky; velkoobchodní sekci pro kavárny a B2B partnery s informační textovou formou a kontaktním formulářem; a anglickou jazykovou verzi pro mezinárodní zákazníky s dynamickým zobrazením výše objednávky pro dopravu zdarma podle země. Každý segment má vlastní UX cestu — bez nutnosti oddělených instancí nebo domén.
Expresní doručení a konverzní prvky
Expresní doručení kávy v Brně do 60 minut je dopravní varianta dostupná výhradně zákazníkům v ČR — ostatní země ji v košíku neuvidí, systém ji automaticky skrývá podle detekce země. V košíku je kladen důraz na konverzní prvky: větší zvýraznění vybrané volby dopravy a platby, zobrazení cen s DPH i bez DPH, přednastavená varianta „Zrnková“ u příplatkového parametru Mletí. Sticky hlavička při scrollování zachovává přístup k vyhledávání, košíku a účtu na mobilním zařízení bez zasunutí do menu.
Tři rozhodnutí, která e-shop definovala
Font WAFLE jako součást vizuální identity
Přenést brandový font přímo do e-shopu není technicky triviální — Shoptet pracuje s výchozími fonty a vlastní typografie vyžaduje custom implementaci. Font WAFLE pro headliny a Proxima Nova pro tělo textu jsou implementovány konzistentně napříč celým e-shopem včetně košíku, patičky a mobilní verze. Typografická konzistence je základ brandové rozpoznatelnosti — zákazník v každém bodě nákupní cesty ví, kde je.
Konverzní optimalizace košíku — iterace na základě dat
Po spuštění e-shopu následovaly UX úpravy na základě reálného chování zákazníků: sticky hlavička pro snížení bounce rate při scrollování, větší vizuální zvýraznění vybrané dopravy a platby v košíku, přednastavení nejčastěji vybírané varianty Mletí na „Zrnková“. Každá úprava cílí na konkrétní konverzní bod — ne estetiku, ale výkon.
Anglická verze s dynamickým poštovným dle země
Anglická jazyková verze e-shopu obslouží mezinárodní zákazníky bez nutnosti samostatné Shoptet instance. Výše objednávky pro dopravu zdarma se zobrazuje dynamicky podle detekované země zákazníka — každá země má jiný práh. Expresní doručení v Brně do 60 minut je automaticky skryto pro zákazníky mimo ČR. Jeden e-shop, lokalizovaný zážitek pro každý trh.
Co se povedlo.
E-shop postavený za několik týdnů
Od zadání zakázky po spuštění v produkci uběhlo několik týdnů — bez výpadků, bez kompromisů na kvalitě designu. Potvrzeno klientem.
Tři zákaznické segmenty v jednom Shoptetu
B2C, velkoobchod a anglická verze pro mezinárodní zákazníky — bez oddělených instancí, bez duplicitní správy obsahu.
Expresní doručení kávy v Brně do 60 minut
Unikátní dopravní varianta dostupná pouze pro zákazníky v ČR — automatická geo-detekce, žádná manuální správa.
Průběžné UX optimalizace zvyšují konverze
Sticky hlavička, konverzní prvky v košíku, optimalizované mobilní zobrazení. E-shop se iterativně zlepšuje na základě dat z provozu.
Spolupráce trvá od 2021 dodnes
Flexibilní řešení průběžných požadavků — od drobných úprav po komplexní změny. Klient má jistotu kontinuálního rozvoje vizuální identity a funkcionality.
Volby, které obhájíme
Jak pracujeme
Rebelbean byl projekt s jasnou vizí a důrazem na rychlost — e-shop musel být živý v řádu týdnů. Tým pokrýval design, kódování a projektové řízení. Po spuštění přechází spolupráce do iteračního módu: klient přichází s požadavky, tým je vyhodnocuje a implementuje průběžně. Žádné velké redesigny — kontinuální zlepšování na základě dat.
Co jsme pro Rebelbean postavili
4 hlavní realizace · 2021–2023E-shop na Shoptetu s unikátním grafickým designem
Grafický návrh e-shopu (homepage, detail produktu, kavárny, velkoobchod, kontakt/o nás), kódování na Shoptet — plně responzivní (desktop, mobil, tablet). Vlastní font WAFLE pro headliny, Proxima Nova pro tělo textu. Uživatelské testování a projektové řízení. Spuštění v řádu týdnů.
Search Console a SEO základy
Napojení Shoptetu na Google Search Console, oprava přepisování popisků při vyhledávání přes Google, správné zobrazování názvů produktů a souvisejících produktů.
Průběžné UX optimalizace
Sticky hlavička, mobilní layout (košík, vyhledávání a účet viditelné vedle menu), konverzní prvky v košíku (zvýraznění vybrané dopravy a platby), Proxima Nova jako tělo textu, přednastavení varianty Zrnková u parametru Mletí, ceny s DPH i bez DPH.
Anglická verze a geo-lokalizace
Spuštění anglické jazykové verze e-shopu, dynamické zobrazení výše objednávky pro dopravu zdarma dle země zákazníka, automatické skrytí expresního doručení Brno pro zákazníky mimo ČR.
Stavíme i pro
jiné značky.
Co udělat, aby ti e-shop vydělával víc? Margly to ví dřív než ty.
Stavíme i pro
vás.
Pošlete nám pár vět o vašem projektu. Dáme si nezávazný hovor.