Přeskočit na obsah
Hynek Kraus
Redesign & custom vývoj

Nový design i funkce na míru, bez jediné minuty výpadku.

Shopify vývojář pro rozjeté e‑shopy: redesign, produktové stránky, custom sekce v Liquidu i funkce, které šablona neumí – nasazené tak, aby e‑shop nepřestal prodávat.

  • Bez výpadku tržeb
  • Design na míru, do posledního pixelu
  • Custom kód místo drahých aplikací

Nezávazně · písemný odhad do 24 h

Kdo to staví

Píšu kód, ale myslím jako provozovatel.

Tři roky jsem provozoval vlastní Shopify e‑shop. Vím, co znamená sáhnout na e‑shop, který právě teď prodává: každá změna musí něčemu pomoct a nesmí nic rozbít. S tím přistupuji ke každému redesignu i každé nové funkci.

Hynek Kraus, Shopify vývojář a konzultant
Hynek KrausShopify vývojář a konzultant

Do e‑shopů jako Töpfer nebo Aniball jsem přišel jako vývojář na míru – aniž bych shodil, co už fungovalo.

Naživo

Stejná stránka. Jinak navržená.

Produktová stránka Aniball na stejné adrese – jen kompletně přestavěná struktura a prodejní logika.

Recenze, kontext ceny a prvky důvěryhodnosti – nic z toho stránka předtím neměla.

Co pro vás udělám

Od jedné sekce po kompletní redesign.

Nemusíte hned přestavovat všechno. Vezmu klidně jednu stránku – nebo předělám celý e‑shop. Vždycky custom, vždycky ve vašem stylu.

Redesign za plného provozu

Nový vzhled, který vypadá jako váš brand – a zároveň víc prodává. E‑shop u toho neztratí ani minutu: pracuji na kopii tématu a přepnu, až je hotovo.

  • Rebrand i modernizace zastaralého vzhledu
  • Estetika i prodej, ne jedno bez druhého
  • Přepnutí bez výpadku a bez ztráty dat

Custom sekce v Liquidu

Nové sekce a stránky navrhuji sám – na míru vašemu produktu a tomu, aby prodávaly. Postavím je tak, abyste si obsah pak spravovali v editoru.

  • Návrh z detailní analýzy, ne od oka
  • Podle rozsahu plný design ve Figmě, nebo skica rovnou do kódu
  • Editovatelné v Shopify editoru – sekce i landing pages

Produktové stránky, co prodávají

Nejdůležitější stránka e‑shopu. Stavím ji na míru produktu i nákupnímu rozhodnutí – od uspořádání sekcí po prodejní funkce.

  • Produktové stránky na míru, stavěné na konverzi
  • Bundle, upsell a cross‑sell přímo na stránce
  • Předplatné a dárek k objednávce
  • Mobile‑first – většina nákupů z telefonu

Funkce na míru, co šablona neumí

Když standard nestačí, dodělám funkci na míru – to, co šablona ani aplikace neumí. A když naopak na věc (dopravu, fakturaci) stačí osvědčená aplikace, řeknu to; na míru stavím tam, kde se to vrátí.

  • Konfigurátory produktu a průvodci výběrem
  • Vlastní filtry, kalkulačky, věrnostní logika
  • B2B ceníky a velkoobchod, když je potřeba

Integrace, feedy a víc trhů

Platby, dopravci, sklad, účetnictví, srovnávače i Shopify Markets pro víc jazyků a zemí.

  • Zásilkovna, feedy na Heureku, napojení fakturace
  • Sklad a ERP – hotovou aplikací, nebo na míru přes API
  • Geo‑redirecty a obsah pro víc trhů

Rychlost místo skládačky aplikací

Deset aplikací přes sebe e‑shop zpomalí – každá přidá skript i měsíční poplatek. Co ovlivňuje rychlost nebo prodej, přepíšu do kódu.

  • Nahrazení pomalých aplikací custom kódem
  • Core Web Vitals jako priorita
  • Čistý storefront, který unese špičku
Jak přemýšlím

Hezké nestačí. Musí to i prodávat.

Design bez důvodu je jen dekorace. Takhle k úpravám přistupuji.

Analyzuji, nehádám

Než sáhnu na kód, projdu celý e‑shop i data – na stávajícím designu se přes heatmapy a nahrávky chování (třeba v Clarity) dívám, kde lidé odpadávají. Nový návrh pak stavím na tom, co jsem viděl, ne na dojmu.

Kód, ne skládačka aplikací

Osvědčenou aplikaci nasadím, kde se hodí. Ale co je pro váš prodej klíčové, patří do kódu – ne do dalšího pluginu, co je měsíční náklad i brzda rychlosti.

Estetika, na které záleží

Řešení navrhuji sám – z detailní analýzy, ať sedí vašemu brandu i konverzi. U větších věcí to znamená plný návrh ve Figmě, u menších rychlou skicu a rovnou do kódu. Do Liquidu pak přenesu vše přesně, ne od oka.

Reálné úpravy

Custom vývoj v rozjetém provozu.

Dva e‑shopy, do kterých jsem přišel jako vývojář – ne od nuly, ale výraznou přestavbou za plného provozu. Obojí naživo, proklikejte si.

Otevřít e‑shop Töpfer Babywelt v novém okně
Náhled e‑shopu Töpfer Babywelt
Custom sekce & stránkyDětská bio výživa · DE/EU

Töpfer Babywelt

Nové sekce a celé stránky přesně podle dodaných návrhů z Figmy. Geo‑redirecty a obsah na míru pro víc trhů.

Jak to probíhá

Čtyři kroky. Váš e‑shop mezitím jede dál.

Ať jde o jednu sekci, nebo celý redesign, rámec je stejný. Schvalujete průběžně a ostrého e‑shopu se nedotknu, dokud není hotovo.

  1. 01
    Analýza & zadání

    Projdu e‑shop, data i cíle. Řeknu, co má smysl měnit a co ne – a na čem se dohodneme, dostanete písemně.

  2. 02
    Návrh řešení

    Navrhnu řešení z analýzy – u větších věcí plný design ve Figmě, u menších rychlou skicu. Návrh schvalujete průběžně, po částech, ne až hotový výsledek na konci.

  3. 03
    Custom vývoj v Liquidu

    Stavím na kopii tématu. Sekce a funkce vznikají tak, abyste si je pak sami spravovali v editoru.

  4. 04
    Nasazení bez výpadku

    Přepnu, až je vše odladěno. E‑shop prodává celou dobu a po nasazení hlídám, že všechno sedí.

Kolik to stojí

Nekupujete velký balík. Platíte za rozsah.

Dílčí úpravy a jednotlivé sekce vyjdou v řádu tisíců až nižších desítek tisíc, kompletní redesign e‑shopu pak v řádu vyšších desítek tisíc podle rozsahu. Napevno cenu řeknu, až budu vědět, co přesně řeším.

Co určuje cenu

  • Rozsah – jedna sekce, dílčí funkce, nebo redesign celého e‑shopu
  • Složitost logiky – bundle, předplatné nebo B2B ceníky dají víc práce než statická sekce
  • Kolik designu je na míru – od úpravy stávajícího vzhledu po návrh od základu ve Figmě
  • Počet a hloubka integrací – platby, sklad, účetnictví, feedy, víc trhů
  • Jestli návrhy dodáte, nebo je navrhuji já

Jak to účtuji

Menší, jasně ohraničené věci – jednu sekci, konkrétní funkci – umím nacenit fixně dopředu, takže víte, do čeho jdete. U většího redesignu, kde se rozsah upřesňuje za chodu, jedu po odsouhlasených milnících. Do ničeho se nepustím, dokud rozsah i cenu nemáte písemně.

Spočítat cenu úprav

Orientační odhad písemně do 24 h · nezávazně

Časté otázky

Než se do toho pustíme – na tohle se ptáte nejčastěji.

Máme e‑shop od jiné agentury nebo z koupené šablony. Vezmete ho?

Beru. Většina mé práce jsou přesně takové e‑shopy – rozjeté, postavené někým jiným. Nejdřív se podívám, jak je téma udělané, řeknu, co jde upravit rovnou a co je lepší přestavět, a domluvíme se na rozsahu. Nemusíte kvůli mně nic restartovat od nuly.

Stejně tak funguju jako Shopify developer na subdodávku: když má vaše agentura hotový design nebo strategii a chybí jí někdo, kdo to postaví v Liquidu, naskočím jen do té části.

Poběží e‑shop během redesignu? Nepřijdeme o tržby?

Poběží. Pracuji na kopii vašeho tématu, takže ostrý e‑shop prodává celou dobu a zákazníci nic nepoznají. Na novou verzi přepnu až ve chvíli, kdy je odladěná a vy ji odsouhlasíte – a i pak zůstane ta původní k dispozici, kdyby bylo potřeba se vrátit.

Nepřijdu redesignem o SEO a pozice ve vyhledávání?

Ne. Redesign běží na stejné doméně a se stejnými adresami, takže vyhledávače nemají důvod pozice měnit – nedělám migraci, jen nový vzhled a funkce nad stejným obsahem. Když v rámci předělávky měním strukturu URL nebo slučuji stránky, ošetřím to přesměrováním 301, aby se odkazová síla i pozice přenesly. Titulky, popisy a strukturovaná data přebírám, ne mažu.

Přecházíte z jiné platformy? Migrace na Shopify
Potřebuju jen jednu sekci. Uděláte i malou věc, nebo musí být celý redesign?

Udělám i jednu sekci. Spousta zakázek je přesně tohle – jedna produktová sekce, bundle, nová landing page. Malé, ohraničené věci nacením fixně dopředu, takže víte, do čeho jdete. Celý redesign je druhý konec škály, ne podmínka.

Navrhujete řešení sami, nebo musíme dodat vlastní návrhy?

Navrhuji ho sám – to je většina mé práce. Nejdřív si e‑shop, produkt a data detailně projdu a teprve pak navrhuji, protože řešení má hlavně prodávat, ne jen vypadat. U větších věcí vzniká plný návrh ve Figmě podle vašeho brandu, u menších a funkčních – bundle, B2B ceník, dílčí sekce – si to jen načrtnu a jdu rovnou do kódu, ať neplatíte za mockup, který nepotřebujete. A když už hotové návrhy ve Figmě máte, převedu je do Liquidu 1:1 do posledního detailu, jako pro Töpfer.

Budeme si custom sekce moct sami upravovat?

Ano. Sekce stavím tak, abyste si texty, obrázky i pořadí přehazovali sami v Shopify editoru – beze mě a bez zásahu do kódu. Přidáte si je na kteroukoli stránku jako lego. Do kódu se vrací jen změny, které opravdu potřebují vývojáře.

Kdy je lepší aplikace a kdy custom kód?

Rozhoduje návratnost. Když aplikace řeší přesně to, co potřebujete, a nezdržuje – klidně ji nasadím; stavět takovou věc na míru by se nevrátilo. Vlastní kód dává smysl tam, kde je něco specifické pro váš e‑shop nebo kde to táhne prodej. A když už máte deset aplikací přes sebe a web kvůli tomu zpomalil, tam je naopak vyplatí nahradit kódem. Poradím případ od případu – netlačím vás do custom za každou cenu ani do plugin za plugin.

Napojení českých služeb (doprava, platby, feedy)
Kolik custom vývoj a redesign stojí?

Řádově: dílčí úpravy a jednotlivé sekce v řádu tisíců až nižších desítek tisíc, kompletní redesign v řádu vyšších desítek tisíc. Přesně to z ceníku odhadnout nejde – napište pár vět o tom, co řešíte, a do 24 hodin máte písemný orientační odhad. Zdarma, bez callu.

Chci orientační cenu
Jak dlouho to trvá?

Jedna sekce nebo menší funkce bývá otázka dnů. Kompletní redesign existujícího Shopify e‑shopu obvykle 3 až 8 týdnů. Vždycky záleží na rozsahu a na tom, jak rychle se vracíte se zpětnou vazbou – harmonogram s milníky dostanete v nabídce.

Zvládnete B2B ceníky, předplatné nebo vícejazyčnost?

Zvládnu. B2B ceníky a firemní účty dnes Shopify umí na každém tarifu, předplatné a opakované objednávky dodělám s napojením na platby, vícejazyčnost a víc měn řeší Shopify Markets. Všechno se dá přidat do e‑shopu, který už běží, bez přestavby od nuly.

Komu patří kód, který napíšete?

Vám. Všechno vzniká na vašem Shopify účtu, kód i návrhy předávám včetně přístupů. Žádný lock‑in – pokračovat můžete sami nebo s kýmkoli dalším.

Kdy se custom vývoj nevyplatí?

Když vám stačí, co umí šablona nebo hotová aplikace za pár stovek měsíčně. Pak vám to řeknu rovnou a nebudu přemlouvat k něčemu na míru. Custom kód se vyplatí tam, kde vám standard brzdí prodej nebo kde vás skládačka aplikací zpomaluje – ne všude.

První krok

Pošlete odkaz. Řeknu, co bych změnil.

Pošlete odkaz na e‑shop a pár řádků k tomu – jedna sekce, nová funkce, nebo celý redesign. Do 24 hodin dostanete písemně, jak bych to řešil, co to obnáší i orientační cenu. Bez callu, bez závazku.

Napište mi

Písemná odpověď do 24 h
Poptávka:Vylepšení e‑shopu

Kdy chcete začít?nepovinné

Odesláním souhlasíte se zpracováním údajů dle zásad ochrany osobních údajů.

Nechce se vám vyplňovat? Napište přímo na ahoj@hynekkraus.cz

  1. 01Vyplníte krátký formulář. Zabere to dvě minuty.
  2. 02Do 24 hodin se ozvu s první písemnou analýzou. Zdarma.
  3. 03Co bude dál, rozhodnete vy. Nebudu na vás naléhat.