JH.

Poptat projekt ↗︎

Případová studie · Shopify šablona a data

Bohemian Coffee House: datový model kávy v Shopify šabloně

Bohemian Coffee House je rodinná kavárna a pražírna z Rumburku. Při rebrandingu dostala nový e-shop na Shopify, který navrhl Zdeněk Zeman a vyvinul tým agentury Appfleece. V tomto týmu jsem pracoval na šabloně a na tom, jak obchod zachází s údaji o kávě.

Klient: Bohemian Coffee House
Obor: Výběrová káva, kavárna a pražírna
Platforma: Shopify, šablona Motion převedená na Online Store 2.0
Jazyky: Čeština, angličtina, němčina
Spuštění: Duben 2026
Tým: Appfleece, design Zdeněk Zeman
Moje role: Vývoj šablony a datového modelu, v týmu Appfleece

01 Kolekce · filtr a chuťové profily

02 Produkt · světlé a tmavé pražení

03 Mobil · kolekce a produkt

01

Výchozí situace

Pražírna nabízí kávy z několika zemí a většinu z nich praží světle i tmavě. Zákazník vybírá podle toho, jak kávu doma připravuje, odkud pochází a jak byla zpracovaná. Pražírna zároveň potřebuje nové kávy přidávat sama, bez programátora.

Kdyby tyto údaje žily jen v popisu produktu, nedalo by se podle nich filtrovat ani je jednotně zobrazit. Každá káva proto potřebovala strukturovaný záznam.

02

Projekt v týmu Appfleece

Rebranding a nový e-shopDesign od Zdeňka Zemana, vývoj v týmu Appfleece.
Online Store 2.0Šablona Motion převedená na sekce, takže stránky kavárny, pražírny nebo O nás upravuje klient sám.
19 údajů o každé kávěJeden záznam v administraci napájí stupnice, filtry, karty i štítky.
Mobilní rozvrženíDva sloupce káv, sbalitelné filtry a větší tlačítka variant.
Tři jazykyČeština, angličtina a němčina včetně stupnic a návodů na přípravu.
DopravaVýběr Z-BOXu už v košíku přes aplikaci Globe od Appfleece a štítky Zásilkovny v Shopify.

Rozsah celého projektu vychází z veřejné reference Appfleece a z živého webu. Můj podíl popisuji zvlášť v další části. Zdroj: Reference Appfleece: Bohemian Coffee House (ověřeno 7. 11. 2026).

03

Můj podíl

Vývoj Shopify šablony.
Datový model kávy: údaje o každé kávě jako metafieldy produktu, od země původu a regionu přes zpracování po chuťový profil, stupeň pražení a aciditu.
Stupnice pražení a acidity na produktové stránce, vykreslené přímo z těchto polí.
Chuťové profily, které se na kartě v kolekci ukážou po najetí myší.
Filtry podle přípravy, původu a zpracování postavené na metafieldech.
Propojení světlé a tmavé verze téže kávy: dva samostatné produkty se sdíleným přepínačem pražení.

04

Jak data kávy procházejí obchodem

Údaje o kávě se vyplní jednou v administraci a obchod si je bere na několika místech. Klíče metafieldů v diagramu jsou převzaté z parametrů filtrů na živém webu.

Záznam kávy v administraci

custom.pripravaPříprava: na filtr
custom.zeme_puvoduPůvod: Střední Amerika
custom.zpracovani-newZpracování: promyté
Stupeň pražení · aciditaCity · střední
Chuťový profilsušené ovoce, pomeranč, karamel, marcipán

Kde se projeví

Filtry kolekcePříprava, původ a zpracování bez načtení stránky
Stupnice na produktuŠest bodů pro pražení a aciditu
Karta v kolekciChuťový profil po najetí myší
Přepínač praženíSvětlá a tmavá verze jako dva produkty

Příklad: Mexiko Organic Caracolillo, světlé pražení. Klíče metafieldů filtrů jsou převzaté z živého webu, ostatní pole uvádím jejich názvem v administraci.

Produktová stránka světlé a tmavé verze kávy Mexiko Organic Premium vedle sebe — Světlé a tmavé pražení jsou dva produkty. Přepínač mezi nimi mění i stupnice: City+ se střední aciditou, Full City s nízkou.

Filtry kolekce s vybranou přípravou Moderní espresso a výsledné karty káv — Filtr „Moderní espresso“ zúží nabídku bez načtení stránky. Karty pod ním ukazují přípravu, zpracování, zemi a region.

Karta kávy v kolekci s chuťovým profilem po najetí myší — Po najetí na kartu se ukáže chuťový profil v barvě kontinentu, odkud káva pochází.

05

Řešíte něco podobného?

Pošlete stručný popis současného stavu a cíle. Zadání projdu, doplním otázky, které chybí, a navrhnu realistický další krok.

Potřebuji vlastní šablonu ↗︎

06

Související články

07

Další realizace