Služba

Web, který prodává. Ne jen vypadá hezky.

Pilíř 03 · Základ, na kterém vše stojí

Návrh a optimalizace e-shopu, který prodává. UX audit, redesign, A/B testy a vývojová podpora pro Upgates, Shoptet i Shopify.

Pro koho je redesign

Nový web má smysl, když…

Ne každému dáme za pravdu, že potřebuje nový web. Někdy stačí drobné úpravy, jindy je redesign jediná cesta. Tady je jak to poznáme.

Sedí vám, když…
  • Konverze z návštěvy na objednávku klesá, přestože traffic roste.
  • Design e-shopu je 4+ let starý a přestává odpovídat značce.
  • Mobilní verze se tváří jako menší verze desktopu, ne jako mobile-first.
  • Přidáváte produktové řady, na které stávající struktura neumí reagovat.
  • Chcete do e-shopu napojit něco nestandardního (B2B, konfigurátor, subskripce).
Nesedí, když…
  • Chcete jen „osvěžit vzhled" kvůli novému logu — řeší to menší projekt.
  • Nemáte v AJ/GA4 data, na kterých by UX rozhodnutí mohla stát.
  • Čekáte, že redesign sám o sobě zdvojnásobí tržby bez další práce.
  • Máte v plánu e-shop za půl roku prodat nebo zavřít.
  • Hledáte dodavatele, který „udělá web za 14 dní za 40 tisíc".
Co konkrétně děláme

Šest oblastí, ve kterých pracujeme na webu.

Web není jen vizuál. Je to průsečík byznysu, dat a technologie. Podle zadání se pohybujeme po celé škále — od lehkého UX auditu po kompletní nasazení nové šablony.

01

UX audit a analýza dat

Projdeme Analytics, Hotjar, heatmapy a skutečné nahrávky. Najdeme místa, kde zákazníci padají, a vysvětlíme proč.

02

Informační architektura

Navrhneme strukturu kategorií, filtrů a navigace tak, aby odpovídala tomu, jak lidé nakupují — ne vaší interní logice skladu.

03

Wireframy a prototypy

Nejdřív řešíme strukturu a logiku, až pak vizuál. Klikací prototyp v Figmě, který si můžete otestovat ještě před kódem.

04

Frontend a šablony

Kódujeme šablony pro Upgates, Shoptet Premium i Shopify. Čistý kód, rychlé načítání, Core Web Vitals v zeleném.

05

A/B testy a optimalizace

Po spuštění nepřestáváme. Testujeme hypotézy — tlačítka, texty, řazení produktů, košík — a zlepšujeme konverzi měsíc za měsícem.

06

Rychlost a Core Web Vitals

Lazy loading, optimalizace obrázků, CDN, preloady. Web, který se načte dřív, než zákazník zavře záložku.

Jak postupujeme

Čtyři fáze od auditu k launchi.

Každý projekt začíná poslechem a daty, ne pastelkou. Chceme vědět, co v byznyse funguje, kde jsou úzká hrdla a co od webu očekává zákazník. Teprve pak otevřeme Figmu.

  1. 01

    Discovery a audit

    2–3 týdny. Workshop s vámi, analýza dat, rozhovory s 3–5 zákazníky, konkurenční srovnání. Na konci víme, co web reálně brzdí a kudy vede nejkratší cesta k růstu.

    Výstup: discovery dokument + priority list
  2. 02

    Struktura a prototyp

    3–4 týdny. Informační architektura, wireframy klíčových obrazovek, klikací prototyp. Testujeme na lidech mimo projekt — ne na vašem obchodním řediteli.

    Výstup: prototyp v Figmě + testovací report
  3. 03

    Design a vývoj

    4–8 týdnů. Vizuální vrstva, komponenty, responzivita, implementace v šabloně. Paralelně s vývojem běží příprava obsahu a fotomateriálu. Nasazujeme na staging, kde si vše sami osaháte.

    Výstup: staging verze + designový manuál
  4. 04

    Launch a péče

    Spuštění, napojení měření, školení týmu. Prvních 30 dní jsme v pohotovosti — řešíme bugy, drobné úpravy, první data z reálného provozu. Pak navazuje buď dlouhodobá péče, nebo předání interně.

    Výstup: živý web + 30 dní podpory
Kolik to stojí

Férová cena za web, který roste spolu s vaším e-shopem.

Neplatíte za šablonu z krabice ani za nekonečná kolečka připomínek. Platíte za tým, který zná vaše data a ví, kde jsou v nákupním procesu slabá místa.

Nástroje, co používáme

Stack, který reálně funguje.

Neřešíme zbytečně složité nástroje. Důležitější než software je proces. Přesto — tady je to, co otevíráme každý den.

Figma

Prototypy, design systém, předávání do vývoje. Komentáře vám dáme přímo do layoutu.

Hotjar / Microsoft Clarity

Nahrávky, heatmapy, funnely. Vidíme, kde zákazník zaváhá a co kliká omylem.

GA4 + Looker Studio

Měření konverzí, segmentace, reporty. Dashboard si otevřete sami, kdykoli chcete.

Upgates / Shoptet / Shopify

Platformy, ve kterých máme doma. Víme, co se dá a co ne — a jak to obejít, když to nejde.

GitHub + staging

Verzovaný kód, staging prostředí na kontrolu, deployment bez výpadků.

VWO / Google Optimize alt.

A/B testy po spuštění. Hypotézu postavíme, otestujeme, vyhodnotíme — a pak teprve rolujeme do produkce.

Mini case study

Vinařství u Mikulova: redesign, který zvedl konverzi o 58 %.

Rodinné vinařství s vlastním e-shopem. Stávající web vypadal hezky, ale košík dokončovala jen necelá 2 % návštěvníků. Po redesignu konverze vyskočila na 3,1 % a zákazníci nakupují v průměru o 22 % větší košík.

Discovery fáze odhalila, že problém nebyl v designu, ale v informační architektuře. Kategorie byly řazené podle typu hroznu — logika vinaře, ne zákazníka. Přestavěli jsme web okolo otázky „k jaké příležitosti víno hledáš" — jako dárek, k večeři, na oslavu, do sklepa.

Souběžně jsme zjednodušili konfigurátor dárkového balení, přidali rychlý předvýběr podle ceny a přestavěli košík na jednokrokový. Nový design jsme před spuštěním testovali se 7 reálnými zákazníky.

Zobrazit všechny reference
Zlepšení konverze
+58 %z 1,9 % na 3,0 %
Průměrná hodnota košíku
+22 %po redesignu
Pokles bounce rate
−31 %na mobilu
Časté otázky

Co se ptají ostatní, než se rozhodnou.

Jak dlouho trvá redesign e-shopu?

Typicky 8–14 týdnů od kickoffu k launchi. Záleží na rozsahu — čistý redesign frontendu se stihne za 8 týdnů, komplexnější projekt s novou informační architekturou a custom funkcemi je spíš na 12–14 týdnů. Termín vám řekneme přesně po discovery fázi.

Pojďme to propojit

Co může posunout váš projekt?

Napište nám, co potřebujete vyřešit. Společně najdeme další krok.

Napsat zprávu ↗