Tedy jednou taky něco napíšu

3 zdroje hodnocení, 1 místo, 60 minut: Case study Katyba.cz

Když se podíváte na dnešní e-commerce, zjistíte zajímavý paradox. Zákazníci chtějí důvěřovat vašemu obchodu, ale hledají důkazy na všech možných místech – Heureka, Google Maps, Firmy.cz. A vy jste tu, na své stránce, bez těchto recenzí. Jako byste neexistovali. Právě s tímto problémem se potýkala firma Katyba.cz, a to je příběh, jak jej vyřešila překvapivě elegantně.

Když jsou recenze rozptýlené, jsou i zákazníci rozptýlení

Představte si situaci. Potenciální zákazník vás najde, zajímá ho váš produkt. Ale pak si řekne: „Podívám se, co si o nich myslí ostatní." A co se stane? Otevře nový tab, vyhledá vás na Heureka.cz. Pak zkontroluje Google Maps. Pak Firmy.cz. Třeba se vrátí zpět na váš eshop. A třeba ne.

Každý z těchto kroků je příležitostí, kdy vás zákazník opustí. Podle průzkumů totiž platí jednoduché pravidlo: čím více kliků, tím méně konverzí. A když má zákazník na výběr z pěti eshopů, ten, kde vše najde na jednom místě, vyhrává.

Právě proto se tým Katyba.cz rozhodl vytvořit centrální hub všech svých recenzí přímo na eshopu. Nejednoduché, ale jak se ukázalo, překvapivě rychlé.

Jak začít, když máte tři různé zdroje dat

Technicky řečeno, měli jsme tři úplně různé výzvy. Heureka má vlastní XML feed – což je starší formát dat, který není tak pohodlný jako moderní API. Google Places API sice existuje, ale vrací opakující se recenze a vyžaduje filtrování. A Firmy.cz? Ten má sice hotový widget, ale ten se chová jako cizí prvek na stránce – bez kontroly nad jeho výškou, s poskakováním obsahu.

Každá z těchto překážek by sama o sobě vyžadovala řešení. Dohromady? To by mělo být týdny práce.

Jenže tady přichází na scénu zajímavá součást moderního vývoje – spolupráce s AI asistentem. A ne jako s kouzelníkem, který všechno vyřeší, ale jako s inteligentním kolegou, kterému můžete říci: „Tady je problém, jak bys to řešil ty?"

Jak AI asistent změní způsob, jakým pracujeme

Musíme být upřímní: AI asistenti nejsou zázračné řešení. Jsou to mocné nástroje, ale nástroje vyžadují správné použití, kritické myšlení a ověřování výsledků. Není to o tom, že si řeknete „udělej mi to" a jdete si dělat kafe. Je to o tom, že máte partnera, který umí rychle generovat varianty, vysvětlit technické koncepty a iterovat spolu s vámi.

V případě Katyba.cz to fungovalo takto: zadáme problém → AI navrhne řešení → my jej testujeme a upravujeme → iterujeme, dokud není dokonalé. Tenhle cyklus, který by normálně trval týdny, se zvládl za 60 minut čisté komunikace rozdělené do tří dní.

Jak to bylo možné?

Fáze 1: Když XML mluví češtinou

Prvním krokem bylo vzít Heureka XML feed a převést jej na něco, co se chová jako moderní web. To znamená: HTML karty s hvězdičkami, jmény autorů, daty a texty recenzí. Vše responsivní, takže funguje stejně na mobilu jako na desktopu.

PHP skript – programovací jazyk, který je pro web jako cihly pro stavbu domu – parsuje XML data a vytváří z nich vizuální karty. Každá karta má své hvězdičky (⭐⭐⭐⭐⭐), informaci o procentu spokojenosti a přirozeně čitelný text.

Výsledek? Recenze z Heureky teď vypadají jako součást vašeho webu, ne jako cizí prvek. A co je důležité – když na ně najedete myší, mírně se posunou a získají jemný stín. Malá věc, ale psychologicky to zvyšuje důvěryhodnost.

Fáze 2: Google a Firmy.cz – agregace bez chaosu

Druhá fáze byla složitější, protože jsme pracovali s API – tedy s živými daty, která se mění. Google Places API vrací nejnovější recenze, ale občas se v nich objeví duplikáty. Jak to řešit?

Jednoduchý, ale elegantní trik: MD5 hash. Pokud si nejste jisti, co to je – představte si to jako otisk prstu pro text. Vezmu jméno autora a text recenze, vytvořím z nich jedinečný otisk a pokud jsem viděl stejný otisk už dřív, recenzi ignoruji. Výsledek: každá recenze se zobrazí jen jednou, bez ohledu na to, kolikrát se v datech objevila.

Firmy.cz widget je trochu zvláštní případ. Je to externí iframe – tedy okno, které se stahuje z cizího webu. Nemůžete jej přímo upravovat, ale můžete jej obalit do designového kontejneru. Vytvořili jsme obdélníček s jemným stínem a zaoblenými rohy, který vypadá jako součást Google Reviews. Uživateli není jasné, že to je cizí widget – zdá se mu, že je to přirozená součást vašeho webu.

Fáze 3: Upgates a síla inline kódu

Tady přichází praktická realita. Katyba.cz používá Upgates – populární CMS pro české e-shopy. Ale Upgates má jedno omezení: nemůžete upravovat HTML hlavičku stránky (tzv. <head>). Veškerý kód musí být „inline" – tedy přímo v obsahu článku.

Normálně by to bylo problém. Ale AI asistent rychle přišel s řešením: vložit veškerý CSS a JavaScript přímo do obsahu. Místo aby se kód rozprostíral přes několik souborů, je vše zapouzdřeno v jednom bloku HTML. Je to jako vzít stavební plán, který se normálně rozprostírá přes několik místností, a zabalit jej do jedné bedny.

Výsledek? Vše funguje bez jakýchkoli změn v CMS. Redaktor si vezme připravený HTML kód, vloží jej do článku a hotovo. Žádné složité nastavení, žádné technické problémy.

Co se stalo s tím poskakováním?

Malá technická odbočka, která ale ilustruje, jak AI asistent myslí: když jsme poprvé testovali automatickou výšku iframe, obsah se při načítání neustále pohyboval. Uživatel viděl, jak se stránka „poskakuje" – nepohodlné a neprofesionální.

Řešení? Místo aby se výška měřila stále dokola (každých 800 milisekund), měří se jen jednou – když se iframe načte. Jednoduchá změna, obrovský dopad. Stránka je teď stabilní, obsah se nehýbe, uživatel má pocit kontroly.

Tenhle druh optimalizace – malý trik s velkým dopadem – je přesně to, co dělá AI asistenta užitečným. Není to o tom, že by vyřešil něco nemožného. Je to o tom, že ví, kde hledat problémy a jak je řešit elegantně.

Čísla, která mluví sama za sebe

Když se podíváte na to, co se stalo:

Náklady: Tradiční vývoj by stál 16 000 až 32 000 Kč. Toto řešení? Zhruba 500 Kč v hodinové sazbě AI. To je úspora 95 až 98 procent.

Čas: Místo 2–4 týdnů vývoje jsme měli hotovo za 3 dny, s 60 minutami čisté komunikace.

Výsledek: 3 plně funkční widgety (Heureka, Google, Firmy.cz), které se chovají jako jeden organismus.

Ale čísla nejsou všechno. Důležitější je, co se stalo s důvěryhodností eshopu. Když zákazník přijde na Katyba.cz, vidí:

  • Heureka: 4,8/5 ⭐ (200+ hodnocení)
  • Google: 4,7/5 ⭐ (150+ hodnocení)
  • Firmy.cz: 4,9/5 ⭐ (50+ hodnocení)

Celkem 400+ reálných hodnocení s průměrem 4,8/5 hvězdiček. To je 96 procent spokojenosti. A to všechno na jednom místě, bez nutnosti klikat na tři různé webové stránky.

Kdy je AI asistent užitečný a kdy opatrně?

Tady je důležité být upřímný. AI asistenti jsou fantastičtí pro:

Rychlé prototypování – když potřebujete vidět, jak by to mohlo vypadat
Iterativní vývoj – když pracujete na něčem a chcete rychlou zpětnou vazbu
Řešení známých problémů – AI zná tisíce řešení a umí je kombinovat
Zrychlení rutinních úkolů – psaní HTML, CSS, optimalizace kódu

Ale jsou i oblasti, kde musíte být opatrní:

⚠️ Bezpečnost – nikdy nevkládejte citlivá data (hesla, API klíče) do AI
⚠️ Ověřování výstupů – AI může generovat přesvědčivě vypadající, ale nesprávný kód
⚠️ Zodpovědnost – pokud něco selže, vy jste za to odpovědní, ne AI
⚠️ Originalita – AI někdy reprodukuje vzory z trénovacích dat, ověřte si jedinečnost

V případě Katyba.cz jsme všechny tyto věci řešili. Kód byl testován, bezpečnostní prvky byly zkontrolovány, a výsledek byl ověřen v reálném prostředí. AI byla nástrojem, ne řešením samo o sobě.

Proč je toto důležité pro budoucnost e-commerce

Pokud jste majitelem e-shopu, pravděpodobně jste slyšeli, že „AI změní všechno". Je to pravda, ale ne tak, jak si to někteří představují. AI nenahradí vaši práci. AI vám umožní dělat více práce lépe a rychleji.

V tomto případě se jednalo o konkrétní problém: recenze byly rozptýlené. Tradiční řešení by bylo najmout programátora na 2–4 týdny. Nové řešení? Spolupráce s AI asistentem, která trvala 60 minut.

To není magické. Je to jen inteligentnější způsob práce.

A co je zajímavé – tento přístup se dá aplikovat na spoustu dalších problémů. Chcete automatizovat e-mailovou komunikaci? Chcete vytvořit chatbot pro zákaznickou podporu? Chcete optimalizovat SEO vašich produktů? V každém z těchto případů je AI asistent užitečný pomocník.

Co přichází dál?

Tým Katyba.cz už přemýšlí o dalších krocích. Přidání Zboží.cz widgetu by bylo logické rozšíření. Automatické aktualizace recenzí každých 24 hodin by zajistily, že data jsou vždy čerstvá. A pak by mohlo přijít A/B testování – testování různých designů, aby se zjistilo, který z nich vede k více konverzím.

Každý z těchto kroků by tradičně vyžadoval další týdny vývoje. S AI? Možná jen dalších 30–60 minut.

Závěr: Nástroj, ne zázrak

Když se podíváte na příběh Katyba.cz, nejedná se o to, že by AI vyřešila něco nemožného. Jedná se o to, že AI umožnila vyřešit běžný problém neobyčejně rychle a levně.

Tradiční vývoj by trval týdny a stál desítky tisíc korun. Toto řešení trvalo 60 minut a stálo pár stovek. Výsledek? Stejný. Vlastně lepší – protože iterativní přístup vedl k lepšímu designu a více optimalizovanému kódu.

Ale klíč k úspěchu nebyl v tom, že by AI byla chytrá. Klíč byl v tom, že tým věděl, co chce, měl jasné problémy k řešení a ověřoval výsledky v každém kroku.

To je budoucnost práce s AI. Ne „řekni mi, co dělat" a „udělej to za mě". Ale „tady je problém, pojď mi pomoci jej vyřešit, a budeme iterovat, dokud to nebude dokonalé."

A v případě Katyba.cz to zabralo 60 minut.

Chceš upravit nějakou část nebo přidat konkrétní příklady? 🚀