Web Design & UX: Průvodce tvorbou webu,
který funguje

Jan Řezáč – 15. 5. 26 – čtení na 18 minut

Web design není o tom, jak web vypadá — je o tom, jak moc přináší firmě zákazníky. Špatný design vás stojí peníze a čas. V House of Řezáč navrhujeme weby na základě dat a zákaznického výzkumu — ne na základě předpokladů. Na této stránce najdete naše zkušenosti s redesignem, UX, responzivním designem, SEO a optimalizací webových stránek.

Proč většina webů nefunguje

‍

Váš web JE váš hlavní obchodník. Pracuje 24 hodin denně, 7 dní v týdnu, mluví se stovkami lidí najednou — a většina firem ho nechává pracovat bez zadání, bez dat a bez kontroly. Jako byste najali obchodníka, dali mu do kapsy pár set tisíc a řekli mu: „Tak nějak prodávej."

‍

Každá druhá firma, která za námi přijde, říká totéž: web vypadá dobře, ale nepřináší byznys. Investovali do redesignu, zaplatili grafika, vybrali moderní šablonu — a výsledek? Hezká vizitka, kterou nikdo nenajde a nikdo vám nepošle poptávku.

‍

Problém není v technologii. Problém je v tom, že firmy dávají 80 % energie do grafiky a 20 % do všeho ostatního. My to děláme přesně naopak: zákaznickému výzkumu a tvorbě zadání věnujeme 80 % energie, 20 % dáme do tvorby. Protože hezký web, který neodpovídá na otázky zákazníků, neprodá nic.

‍

Podle výzkumu Baymard Institute má průměrný e-shop míru opuštění košíku 69,82 %.Dvě třetiny lidí, kteří chtějí nakoupit, odejdou. Ne proto, že by nechtěli produkt — proto, že jim web stojí v cestě. A to je jen e-commerce. U B2B webů je situace horší, protože tam často nikdo ani neměří, kolik potenciálních zákazníků odejde.

‍

Co firmy zkoušejí — a proč to nefunguje

Vidíme tři typické přístupy, které vedou do slepé uličky.

‍

„Uděláme redesign." Jednou za dva tři roky firma zaplatí za nový web. Nový design, nová struktura, nové texty — předělat, jednou, třikrát, pětkrát, dokud není spokojený management. Za půl roku zjistí, že se nezměnilo nic podstatného. Důvod? Redesign řešil to, jak web vypadá, ne to, jak funguje. Bez dat o uživatelích je každý redesign střelba naslepo.

‍

„Naši lidé to zvládnou." Firma si koupí šablonu ve Webflow nebo WordPressu a obsah vytvoří interní tým. Výsledek je web, který vypadá jako tisíc jiných — protože šablona je generická a obsah psali lidé, kteří vědí všechno o produktu, ale nic o zákazníkovi. Web mluví jazykem firmy, ne jazykem lidí, kteří hledají řešení.

‍

„SEO vyřeší agentura." Firma najme SEO agenturu, která udělá technický audit, opraví meta tagy a napíše pár článků. Pozice se o něco zlepší, ale konverze ne — protože SEO bez UX je jako navigace bez cesty. Přivede lidi na web, ale neřekne jim, co tam mají dělat.

‍

Společný jmenovatel všech tří přístupů: chybí systém. Web design, UX, SEO a obsah nejsou oddělené disciplíny. Jsou to části jednoho systému — a řízení toho systému neoutsourcujete. Musí vycházet zevnitř firmy, ne od agentury.

‍

Náš přístup: design jsou rozhodnutí, ne obrázky

Co je vlastně design? Výstupem práce designera jsou vědomá a podložená rozhodnutí, která pomohou vašemu byznysu. Ne hezké wireframy. Ne moderní layout. Rozhodnutí.

‍

Design má tři vrstvy:
  • Vzhled — barvy, typografie, layout. Tam pracuje 80 % designerů.
  • Funkce — jak web funguje, co usnadňuje a co komplikuje. Navigace, formuláře, interakce.
  • Obsah — co web vlastně říká. Jaké otázky zodpovídá, jaké námitky vyvrací, jak vede k rozhodnutí.

‍

Většina designu se odehrává na první vrstvě. My začínáme od třetí — protože obsah je to, co návštěvníka přesvědčí. Vzhled a funkce mu mají jen nestát v cestě.

‍

V House of Řezáč neděláme „hezké weby." Děláme weby, které přinášejí peníze. Každý projekt začíná stejně: daty a výzkumem. Co říkají analytics? Kde lidé odcházejí? Co hledají a nenachází? Jaké otázky mají, než se rozhodnou?

‍

Tři principy, kterými se řídíme:
  • Bez uživatelského výzkumu stavíte celou investici na předpokladech. A předpoklady jsou drahé.
  • Data nemají žádnou hodnotu, pokud na základě dat nejednáte. Analytics report v šuplíku nikomu nepomůže.
  • Obsah má nejvyšší ROI. Investujte do obsahu, ne do krásné grafiky. Grafika zaujme na 3 vteřiny. Obsah přesvědčí.

‍

Redesign webu — nebo raději ne?

‍

Řekneme vám něco, co od agentury nečekáte: letos web neredesignujte.

Redesign webu je jedno z největších rozhodnutí, které firma v digitálu udělá. A zároveň jedno z nejčastěji zbytečných. Firmy redesignují, protože „web vypadá zastarale," konkurence má nový, management chce změnu. Ale redesign motivovaný estetikou místo dat jsou vyhozené peníze. Akorát už to roky nedává smysl.

‍

Éra velkých redesignů končí. Místo toho, abyste jednou za tři roky zahodili starý web a začali od nuly, investujte do průběžného rozvoje:

‍

  • zvolte stabilní platformu (např. Webflow), na kterou web převedete
  • energii přesuňte na zákaznický výzkum a obsah
  • web vylepšujte průběžně na základě dat

‍

Cíl? Aby tohle byl váš poslední redesign.

Pokud přesto redesign potřebujete, začněte otázkou: co konkrétně nefunguje? Odpověď nemůže znít „web nevypadá moderně." Musí znít „konverzní poměr na produktových stránkách je 0,3 %, průměrná doba na stránce klesla o 40 % za poslední rok a 67 % návštěvníků odchází z homepage bez interakce." To je poptávka, se kterou se dá pracovat.

‍

A co zvážit místo redesignu? V roce 2026 stojí za úvahu nasazení AI chatbota. Odložíte redesign o rok, chatbot mezitím funguje jako digitální obchodní zástupce — generuje leady, sbírá data o tom, co zákazníci opravdu chtějí, a uvolňuje kapacity týmu. V jednom projektu jsme takhle získali za 5 měsíců víc informací o zákaznících než za 3 roky s formuláři na webu.

‍

‍

Responzivní web a mobilní optimalizace

‍

V roce 2026 přichází přes 60 % návštěvníků z mobilních zařízení. A přesto — velká část českých webů vypadá na mobilu jako zmenšená verze desktopu. Texty jsou nečitelné, tlačítka příliš malá, formuláře nepoužitelné. To není responzivní web. To je desktop web na malé obrazovce.

‍

Responzivní web design znamená, že web přizpůsobí svůj obsah, layout a interakce zařízení, na kterém ho návštěvník používá. Ne jen zmenší obrázky — změní celou strukturu stránky tak, aby byla na každém zařízení stejně přehledná a použitelná.

‍

Proč je mobilní optimalizace víc než technický požadavek? Od roku 2021 Google indexuje weby primárně v mobilní verzi (mobile-first indexing). Pokud váš web na mobilu nefunguje dobře, nefunguje dobře ani v Google. Špatná mobilní verze = horší pozice = méně návštěvníků = méně zákazníků.

‍

Jak poznat, jestli je váš web opravdu responzivní? Otevřete ho na telefonu a zkuste na něm udělat to, co děláte na desktopu — vyplnit formulář, najít kontakt, přečíst článek. Pokud musíte zoomovat, horizontálně scrollovat nebo se nemůžete dostat k CTA tlačítku — máte problém. Google PageSpeed Insights vám řekne technickou stránku věci. Ale skutečný test je ten osobní — sedněte si na 5 minut s telefonem a zkuste web použít jako zákazník.

‍

‍

UX design a uživatelský výzkum

‍

Uživatelský výzkum dává smysl dělat průběžně. Pálit vás začne bohužel až ve chvíli, kdy je před vámi důležité, drahé nebo rizikové rozhodnutí, které byste jinak stavěli na domněnkách a intuici. Redesign webu za milion? To je přesně ta chvíle.

‍

UX design je proces navrhování digitálních produktů tak, aby je lidé mohli používat snadno a efektivně. Není to jen o tom, jak web vypadá. Je to sada činností, která vám pomůže nahlédnout do hlav zákazníků a pochopit jejich potřeby, obavy a motivace. A na základě toho budete dělat vědomá rozhodnutí a ne jen tipovat.

‍

Rozdíl mezi UX a UI? UI (User Interface) je to, co vidíte — barvy, typografie, tlačítka, layout. UX (User Experience) je to, co prožíváte — jestli najdete, co hledáte, jestli rozumíte, co máte dělat, jestli vám web usnadňuje nebo komplikuje cestu k cíli. UI bez UX je hezký obal na špatný produkt.

‍

Pokud jste váš web v posledním roce netestovali, můžete si být jisti, že obsahuje problémy. Typické chyby, které při testování nacházíme: lidem není jasné, co firma dělá. Chybí vysvětlení, proč zvolit právě vás. Objednávka nebo poptávka je matoucí. Navigace neodpovídá tomu, jak lidé přemýšlejí.

‍

Jaké metody fungují v praxi? Uživatelské rozhovory odhalí motivace a problémy. Heuristická analýza najde zjevné UX chyby bez zapojení uživatelů. Testování použitelnosti ukáže, kde se lidé zaseknou. A analýza chování na webu ukáže, co lidé opravdu dělají — ne co říkají, že dělají. V House of Řezáč kombinujeme víc metod — protože každá odhalí jiný typ problému.

‍

Informační architektura webu — způsob, jakým je obsah organizovaný a propojený — rozhoduje o tom, jestli návštěvník najde, co hledá. Špatná informační architektura znamená, že lidé bloudí, jsou frustrovaní a odcházejí.

‍

‍

SEO analýza a optimalizace webu

SEO analýza je systematický audit toho, jak váš web funguje z pohledu vyhledávačů. Není to jednorázová akce — je to průběžný proces, který odhaluje, proč vás Google nezobrazuje tam, kde byste chtěli být.

‍

Kompletní SEO analýza webu zahrnuje čtyři oblasti.

  • Technické SEO — rychlost načítání, Core Web Vitals, indexovatelnost, mobilní verze, strukturovaná data.
  • On-page SEO — kvalita obsahu, nadpisová struktura, interní prolinkování, meta tagy, klíčová slova.
  • Off-page SEO — zpětné odkazy, autorita domény, zmínky značky.
  • GEO (AI Optimization) — strukturování obsahu tak, aby ho citovala AI Overview, ChatGPT, Perplexity a další AI vyhledávače. Jasné definice, FAQ formát, EEAT signály.

‍

Optimalizace webových stránek neznamená „dát všude klíčová slova." Znamená to zajistit, aby web odpovídal na otázky, které lidé skutečně pokládají — a aby to dělal lépe a přehledněji než konkurence. Google v roce 2026 odměňuje weby, které poskytují hodnotu. Články psané pro Google boty místo pro lidi skončí na třetí stránce výsledků — tam, kam se nikdo nepodívá.

‍

Cíl už dnes není jen kliknutí. V éře AI Overview a AI módů (ChatGPT Search, Perplexity, Google AI Mode) chcete být citováni jako zdroj — to znamená imprese a viditelnost přímo v AI odpovědi, často bez prokliku. Web, který je dobře strukturovaný pro AI, získává autoritu i tam, kde tradiční SEO končí.

‍

Jak zjistit, jak na tom váš web je? Začněte s Google Search Console — uvidíte, na jaká klíčová slova se zobrazujete, jakou máte průměrnou pozici a kolik lidí na vás klikne. Pokud máte tisíce impresí a jednotky kliků, váš web se sice zobrazuje, ale nikoho nezaujme — nebo se zobrazujete v AI Overview, kde uživatel dostane odpověď bez nutnosti kliknout. To je signál, že potřebujete buď lepší obsah, lepší meta popisky, nebo cílit přímo na AI citovatelnost.

‍

Pro firmy, které chtějí rychlý přehled: SEO test webu vám řekne základní parametry — rychlost, mobilní optimalizaci, bezpečnost, strukturu. Ale skutečná hodnota je v hloubkové analýze — porovnání s konkurencí, identifikace obsahových mezer a konkrétní plán, co zlepšit jako první.

Spolupráce s House of Řezáč nám ukázala, že nás zákazníci vnímají úplně jinak, než jsme si mysleli. Nejvíce si na nás cení služeb, které jim dodáváme spolu s produkty. S touhle rapidní změnou komunikace jsme rovnou změnili i celou strukturu webu a jeho technické řešení. Nový web na Webflow nám tak šetří čas v obchodu i marketingu díky automatizacím napojených na mailing a CRM. A organická návštěvnost po spuštění vzrostla o 113 %.

CEO, SPECTRA spol. s r.o.

‍

‍

Jak vypadá web, který funguje

‍

Představte si, že je pondělí ráno. Otevřete Google Analytics a vidíte: návštěvnost roste, konverzní poměr je stabilní, lidé tráví na webu víc času a procházejí víc stránek. Nový článek se zobrazuje na první stránce Google. Formulář pro poptávku přináší 3–5 kvalitních leadů denně. AI chatbot za víkend odpověděl na 23 dotazů a předal obchodníkům 4 kvalifikované leady. A vy nemusíte řešit, jestli web „funguje" — protože to vidíte v číslech.

‍

Tohle není výjimečný scénář. Tohle je výsledek systematického přístupu k web designu.

‍

Tři úrovně řízení webu

Jak poznáte, kde na téhle cestě jste? Řízení webu má tři úrovně zralosti.

‍

Začátečník řeší vzhled. Bannery, strukturu stránek, pojmenování položek v menu. Předělat, jednou, třikrát, pětkrát — dokud není spokojený management. Problém: vizuální prvky mají nejmenší vliv na výkon 99 % webů.

‍

Středně pokročilý sleduje jednu metriku. Poptávky v B2B, objednávky v e-commerce, churn v aplikacích. Lepší, ale stále omezené — protože v B2B se výsledky projeví až za měsíce, takže měníte věci naslepo.

‍

Pokročilý kombinuje značku a data. Veškeré úpravy musí být v souladu s brandem. Zároveň co týden sleduje desítky metrik — pozice ve vyhledávačích, vyhledávanost značky, registrace, konverze. A nastavuje práce na webu tak, aby s vysokou pravděpodobností ovlivnily klíčové metriky dnes i v budoucnu.

‍

Firmy, které se dostanou na třetí úroveň, mají jednu věc společnou: nepovažují web za jednorázový projekt. Web je systém, který se zlepšuje. A řízení toho systému musí vycházet zevnitř firmy — ne od agentury.

Otázky a odpovědi

Co je web design a proč na něm záleží?

Web design je proces návrhu webových stránek — od vizuální podoby přes strukturu obsahu až po uživatelskou zkušenost. Na web designu záleží proto, že váš web je často první kontakt potenciálního zákazníka s vaší firmou. Podle Stanford Web Credibility Research posuzuje 75 % lidí důvěryhodnost firmy podle designu jejího webu.

Co je UX design a čím se liší od UI?

UX design (User Experience) je proces navrhování celkového zážitku uživatele — jak snadno najde informace, jak intuitivní je navigace, jak rychle dosáhne svého cíle. UI design (User Interface) je vizuální vrstva — barvy, typografie, ikony, layout. UX řeší „funguje to?", UI řeší „vypadá to dobře?". Ideální web potřebuje obojí.

Jak zjistím, jestli je můj web optimalizovaný pro mobily?

Nejrychlejší test: otevřete web na telefonu a zkuste vyplnit formulář, přečíst článek a najít kontakt. Pokud musíte zoomovat nebo horizontálně scrollovat — není. Pro technický pohled použijte Google PageSpeed Insights nebo Lighthouse. Klíčové metriky: Largest Contentful Paint pod 2,5 s, Cumulative Layout Shift pod 0,1, Interaction to Next Paint pod 200 ms.

Jak zlepšit SEO svého webu?

Začněte auditem: zkontrolujte rychlost (Core Web Vitals), mobilní verzi, indexovatelnost a strukturu nadpisů. Pak se zaměřte na obsah — každá důležitá stránka by měla cílit na konkrétní klíčové slovo, odpovídat na otázky uživatelů a být aktuální. Interní prolinkování pomáhá Google pochopit strukturu webu. A nezapomeňte na meta popisky — jsou to vaše „reklamní texty" ve výsledcích vyhledávání.

Co je uživatelský výzkum a proč ho potřebuji?

Uživatelský výzkum je systematický sběr dat o tom, jak lidé váš web nebo produkt skutečně používají. Zahrnuje rozhovory s uživateli, testování použitelnosti, analýzu chování na webu a heuristické hodnocení. Potřebujete ho, protože bez něj navrhujete pro sebe — a mezi vaší představou o uživateli a realitou je obvykle propast. Firmy, které investují do výzkumu, mají prokazatelně vyšší konverzní poměry a nižší náklady na redesign.

Vyplatí se místo redesignu nasadit AI chatbota?

V mnoha případech ano. AI chatbot na webu funguje jako digitální obchodní zástupce — odpovídá na otázky návštěvníků, generuje leady a zároveň sbírá data o tom, co zákazníci skutečně hledají. Odložíte redesign o rok a mezitím získáte informace, které ten budoucí redesign udělají mnohem přesnějším. Má to ale podmínku: projekt nemá smysl pod 100 návštěv denně.

Co je 12 dovedností moderního designera?

Moderní designér není dodavatel obrázků — je strategický partner. Kromě vizuálního návrhu potřebuje rozumět řízení procesů, jazyku byznysu, facilitaci skupinové práce, uživatelskému výzkumu, práci s daty, nastavování strategie, prototypování, ověřování nápadů a řízení emocí stakeholderů. AI postupně přebírá rutinní vizuální práci — relevance designerů je v řešení problémů, které AI nezvládne.

‍

Potřebujete web, který funguje?

Od roku 2009 pomáháme firmám dělat lepší digitální rozhodnutí. Navrhli jsme desítky webů pro firmy od startupů po korporáty — a každý z nich stojí na stejném principu: nejdřív data a výzkum, pak design.

‍

Jak spolupráce vypadá v praxi? Tři fáze, žádné překvapení.

Fáze 1: Analýza a výzkum — Podíváme se na data, provedeme uživatelský výzkum a zmapujeme, kde web ztrácí zákazníky. Výstupem je prioritizovaný seznam změn s odhadem dopadu.

Fáze 2: Návrh a implementace — Navrhneme strukturu, obsah a design webu na základě zjištění z výzkumu. Neděláme hezké weby. Děláme weby, které fungují.

Fáze 3: Měření a optimalizace — Měříme výsledky a průběžně optimalizujeme. Web není jednorázový projekt — je to systém, který se zlepšuje s každým dalším dnem dat.

‍