Přeskočit na obsah
Hot Reload
Redesign & custom vývoj

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

Shopify vývojáři 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íšeme kód, ale myslíme 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řistupujeme ke každému redesignu i každé nové funkci.

Hynek Kraus, zakladatel Hot Reload
Hynek KrausZakladatel Hot Reload

Do e‑shopů jako Töpfer nebo Aniball jsme přišli jako vývojáři na míru – aniž bychom shodili, co už fungovalo.

Vidět je nejlíp

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áme

Od jedné sekce po kompletní redesign.

Nemusíte hned přestavovat všechno. Vezmeme klidně jednu stránku – nebo předěláme 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: pracujeme na kopii tématu a přepneme, 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 navrhujeme sami – na míru vašemu produktu a tomu, aby prodávaly. Postavíme 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íme 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áme funkci na míru – to, co šablona ani aplikace neumí. A když naopak na věc (dopravu, fakturaci) stačí osvědčená aplikace, řekneme to; na míru stavíme 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íšeme 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íme

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

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

Analyzujeme, nehádáme

Než sáhneme na kód, projdeme 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áme, kde lidé odpadávají. Nový návrh pak stavíme na tom, co jsme viděli, ne na dojmu.

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

Osvědčenou aplikaci nasadíme, 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í navrhujeme sami – 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řeneseme vše přesně, ne od oka.

Reálné úpravy

Custom vývoj v rozjetém provozu.

Dva e‑shopy, do kterých jsme přišli jako vývojáři – 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 – projekt Hot Reload
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 nedotkneme, dokud není hotovo.

  1. 01
    Analýza & zadání

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

  2. 02
    Návrh řešení

    Navrhneme ř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íme na kopii tématu. Sekce a funkce vznikají tak, abyste si je pak sami spravovali v editoru.

  4. 04
    Nasazení bez výpadku

    Přepneme, až je vše odladěno. E‑shop prodává celou dobu a po nasazení hlídáme, ž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 řekneme, až budeme vědět, co přesně řešíme.

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 navrhujeme my

Jak to účtujeme

Menší, jasně ohraničené věci – jednu sekci, konkrétní funkci – umíme nacenit fixně dopředu, takže víte, do čeho jdete. U většího redesignu, kde se rozsah upřesňuje za chodu, jedeme po odsouhlasených milnících. Do ničeho se nepustíme, 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?

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

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

Poběží. Pracujeme 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řepneme 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áme migraci, jen nový vzhled a funkce nad stejným obsahem. Když v rámci předělávky měníme strukturu URL nebo slučujeme stránky, ošetříme to přesměrováním 301, aby se odkazová síla i pozice přenesly. Titulky, popisy a strukturovaná data přebíráme, ne mažeme.

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áme i jednu sekci. Spousta zakázek je přesně tohle – jedna produktová sekce, bundle, nová landing page. Malé, ohraničené věci naceníme 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?

Navrhujeme ho sami – to je většina naší práce. Nejdřív si e‑shop, produkt a data detailně projdeme a teprve pak navrhujeme, 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črtneme a jdeme rovnou do kódu, ať neplatíte za mockup, který nepotřebujete. A když už hotové návrhy ve Figmě máte, převedeme je do Liquidu 1:1 do posledního detailu, jako pro Töpfer.

Budeme si custom sekce moct sami upravovat?

Ano. Sekce stavíme tak, abyste si texty, obrázky i pořadí přehazovali sami v Shopify editoru – bez nás 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íme; 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íme případ od případu – netlačíme 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ádneme. B2B ceníky a firemní účty dnes Shopify umí na každém tarifu, předplatné a opakované objednávky doděláme 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áme 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 řekneme rovnou a nebudeme 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

Řekněte, co vylepšit.

Napište pár řádků – jedna sekce, nová funkce, nebo celý redesign. Do 24 hodin dostanete písemně, jak bychom to řešili, co to obnáší i orientační cenu. Bez callu, bez závazku.

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

Napište nám

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@hotreload.cz