Přeskočit na hlavní obsah
CodeWhiskers.
Shopify e‑shopBezplatná šablonaVlastní sekce na míruPřepracování UX· 2026

Mluvící tlačítka

Bezplatná Shopify šablona doplněná o vlastní sekce na míru. Bez nákupu placené licence i bez přepisu od základu – přepracovaný detail produktu, vlastní sekce a struktura, která odpovídá kvalitě produktu.

Mluvící tlačítka

O projektu –

Kontext a výchozí stav

Mluvící tlačítka učí kočky a psy pojmenovat své potřeby. Značka Josefa Rouska míří na pozici českého ekvivalentu FluentPet a opírá se o vědecky podloženou metodu. Původní web tomu neodpovídal: bezplatná šablona bez vlastní identity, kde se vzdělávací obsah ztrácel v dlouhých textech. Potřebovala prezentaci, která bude na stejné úrovni jako samotný produkt.

Co jsme udělali –

Konkrétní zásahy

01
Přepracovaný úvod – lifestylová fotografie, slib hodnoty a tři konkrétní výhody místo produktové mřížky.
02
Detail produktu s jasnou hierarchií – výhody v ikonách, videa zákazníků, obsah balení, parametry, plovoucí košík.
03
Vlastní sekce editovatelné z administrace – obsah balení, srovnání s konkurencí, recenze, doprava i platba.
04
FAQ s živým filtrováním podle kontextu – bezpečnost, trénink, vhodnost pro vaše zvíře.
05
Akademie mluvících tlačítek – návody, články, e‑book a pás Instagram Reels v jednom centru.
06
Kontaktní stránka budující důvěru – jasné komunikační kanály, formulář a transparentní firemní údaje.

Vizuál –

Pohled na výsledek

Úvodní stránka po proměně – velká lifestylová fotka a slogan Nauč svou kočku mluvit – Před
Úvodní stránka po proměně – velká lifestylová fotka a slogan Nauč svou kočku mluvit – Po
Před
Po

№ 01

Úvod, který otevírá značku, ne katalog

Místo produktové mřížky lifestylová fotografie, jasný slib hodnoty a tři konkrétní výhody. Návštěvník během prvních vteřin pochopí, co kupuje a proč.

Detail produktu po proměně – ikony výhod a pás krátkých videí – Před
Detail produktu po proměně – ikony výhod a pás krátkých videí – Po
Před
Po

№ 02

Detail produktu s jasnou hierarchií informací

Z jednoho dlouhého popisu strukturovaná cesta: výhody v ikonách, videa od skutečných zákazníků a sekce odpovídající na typické nákupní otázky.

Stránka Postup učení po proměně – čtyři strukturované karty se sadou lifestylových fotek – Před
Stránka Postup učení po proměně – čtyři strukturované karty se sadou lifestylových fotek – Po
Před
Po

№ 03

Z dlouhého textu strukturované karty s tipy

U tréninkových produktů je vzdělávací obsah klíčový – kdo metodu nepochopí, produkt vrací. Metoda rozložená do přehledných kroků a sekce nejčastějších chyb. Stejné know-how, výrazně vyšší šance, že si ho zákazník osvojí.

Akademie mluvících tlačítek s kartami článků a pásem videí z Instagramu – Před
Akademie mluvících tlačítek s kartami článků a pásem videí z Instagramu – Po
Před
Po

№ 04

Ukázkový social proof

Recenze nejsou schované v patičce, ale provázejí zákazníka napříč klíčovými stránkami. Akademie přidává znalostní centrum, které pomáhá váhajícím i Googlu.

Přístup –

Bezplatná šablona jako odrazový můstek, ne kompromis

Místo nákupu placené šablony nebo drahého přepisu od základu jsme vzali bezplatnou šablonu Colorblock a doplnili ji o vlastní sekce – každá s vlastním nastavením v editoru.

Sekce jsou nezávislé bloky, které lze v editoru přesouvat, vypínat a duplikovat na jiných šablonách produktu (e‑book, podložky). Když chce klient přidat novou kartu nebo přepsat ikonu, neotevírá kód – klikne v editoru. Žádná závislost na cizím ekosystému ani na nás.

Výsledek –

Z holé šablony e‑shop, který nikdo nepozná od projektu na míru

Předtím

  • Detail produktu bez vizuální hierarchie a sociálního důkazu
  • Úvodní stránka bez vyprávění značky a emocionálního spojení
  • Vzdělávací obsah ve formátu, který nemotivoval k dočtení
  • Recenze schované v patičce, žádný obsahový kanál pro budování autority
  • Časté otázky bez možnosti rychle najít odpověď podle kontextu

Poté

  • Detail produktu se strukturovanou hierarchií a integrovaným sociálním důkazem
  • Úvodní stránka jako vstupní brána ke značce, ne jen katalog produktů
  • Vlastní znalostní centrum pro budování autority i SEO
  • Sociální důkaz napříč klíčovými stránkami nákupního toku
  • Časté otázky s živým filtrováním podle nákupního kontextu

E‑shop, který se podobá zakázce na míru – ale stojí na bezplatné šabloně, kterou klient sám spravuje. Žádná komerční licence, žádná závislost na cizím tvůrci.

Mobile –

Pro telefon jsme to navrhovali, ne přizpůsobovali

Většina nákupů v této kategorii vzniká na telefonu. Vlastní sekce jsme stavěli mobile-first, ne jako dodatečnou úpravu desktopu. Úvod, „Co dostáváte“, otázky s filtry i karusel Instagram Reels fungují bez ztráty informace.

Mluvící tlačítka na mobilu – úvod
Detail produktu na mobilu
Znalostní centrum na mobilu

Pojďme do toho –

Potřebujete nový e‑shop nebo dát ten stávající do parády?

Stavíme vlastní sekce na míru tam, kde placené šablony narážejí na své hranice. Bez drahých přestaveb a bez závislosti na cizím tvůrci.