Web, který prodává. Ne jen vypadá hezky.
Návrh a optimalizace e-shopu, který prodává. UX audit, redesign, A/B testy a vývojová podpora pro platformu Upgates.
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.
- 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).
- 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“.
Š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.
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č.
Informační architektura
Navrhneme strukturu kategorií, filtrů a navigace tak, aby odpovídala tomu, jak lidé nakupují — ne vaší interní logice skladu.
Wireframy a prototypy
Nejdřív řešíme strukturu a logiku, až pak vizuál. Klikací prototyp ve Figmě, který si můžete otestovat ještě před kódem.
Frontend a šablony
Kódujeme šablony pro platformu Upgates. Čistý kód, rychlé načítání, Core Web Vitals v zeleném.
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.
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.
Č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.
- 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.
- 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.
- 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.
- 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ě.
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.
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.
Prototypy, design systém, předávání do vývoje. Komentáře vám dáme přímo do layoutu.
Nahrávky, heatmapy, funnely. Vidíme, kde zákazník zaváhá a na co kliká omylem.
Měření konverzí, segmentace, reporty. Dashboard si otevřete sami, kdykoli chcete.
Platforma, ve které jsme doma. Víme, co se dá a co ne — a jak to obejít, když to nejde.
Verzovaný kód, staging prostředí na kontrolu, deployment bez výpadků.
A/B testy po spuštění. Hypotézu postavíme, otestujeme, vyhodnotíme — a pak teprve rolujeme do produkce.
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
Na 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.
Kolik stojí redesign e-shopu?
Redesign e-shopu u nás stojí od 180 000 Kč bez DPH jako jednorázový projekt. Cena závisí na rozsahu, od UX optimalizace stávajícího e-shopu po kompletní redesign s novou grafikou.
Součástí je vždy UX audit a prototyp ve Figmě, vývoj šablony, napojení na Google Analytics 4 a měření konverzí, nasazení, školení a 30 dní podpory po spuštění. Vstupní konzultace je zdarma.
Potřebuje můj e-shop redesign, nebo stačí úpravy?
Ne každý e-shop potřebuje nový web. Redesign dává smysl, když konverze klesá i přes rostoucí návštěvnost, design je starší než 4 roky, mobilní verze není navržená mobile-first nebo struktura nestačí na nové produktové řady.
Pokud jde jen o osvěžení vzhledu kvůli novému logu, stačí menší projekt. Rozhodnutí opíráme o data z Analytics a nahrávek chování, proto často začínáme UX auditem.
Na jaké platformě e-shopy navrhujete a vyvíjíte?
Navrhujeme a vyvíjíme výhradně e-shopy na platformě Upgates. Víme, co platforma umí, kde má hranice a jak je obejít.
Kromě nového designu děláme na Upgates i úpravy a rozšíření na míru v rámci služby Vývoj pro Upgates.
Jak ověříte, že nový design bude prodávat?
Design stavíme na datech a testujeme ho dřív, než vznikne kód. Nejdřív analyzujeme Analytics, heatmapy a nahrávky chování a mluvíme se 3–5 vašimi zákazníky.
Pak vytvoříme klikací prototyp ve Figmě a otestujeme ho na lidech mimo projekt. Po spuštění pokračujeme A/B testy tlačítek, textů, řazení produktů nebo košíku a zlepšujeme konverzi měsíc po měsíci.
Co se děje po spuštění nového webu?
Prvních 30 dní po spuštění jsme v pohotovosti a řešíme chyby, drobné úpravy a první data z reálného provozu. Při spuštění napojíme měření a zaškolíme váš tým.
Potom navazuje buď dlouhodobá péče, včetně A/B testů a optimalizace konverze, nebo předání vašemu internímu týmu.
Co může posunout váš projekt?
Napište nám, co potřebujete vyřešit. Společně najdeme další krok.