Web na míru od prvního pixelu: výhody a postup krok za krokem

01Co znamená web „od prvního pixelu“

Web na míru znamená, že design i kód vznikají pro jednu konkrétní firmu. Nikdo nekupuje hotovou šablonu a nepřizpůsobuje ji, nestaví stránky ve vizuálním editoru a nevrší pluginy od desítek různých autorů. Návrh začíná tím, kdo jsou vaši zákazníci a co mají na webu udělat. Kód pak obsahuje jen to, co web opravdu potřebuje.

Proč šablona u rostoucí firmy časem začne brzdit, jsme podrobně rozebrali v článku Proč jsou šablonové weby na WordPressu pastí pro rostoucí firmy. Tady se podíváme na druhou stranu: co získáte, když začnete od nuly.

02Výhoda 1: rychlost máte pod kontrolou

Google měří zážitek z webu třemi metrikami Core Web Vitals. Hlavní obsah se má zobrazit do 2,5 sekundy (LCP), stránka má na kliknutí reagovat do 200 milisekund (INP) a obsah nemá během návštěvy poskakovat víc, než odpovídá hodnotě 0,1 (CLS). Limity má splnit aspoň 75 % načtení stránky, takže nestačí, když je web rychlý jen na vašem počítači.

Podle HTTP Archive Web Almanac 2025 splňuje všechny tři limity jen 48 % mobilních webů. Mobilní domovské stránky jsou na tom ještě hůř, projde jen 45 % z nich. Medián mobilní stránky stahuje 646 KB JavaScriptu a běžná stránka přitom nese kolem 250 KB kódu, který vůbec nevyužije.

U webu psaného od nuly rozhodujete o každém kilobajtu. Obrázky se zmenší pro konkrétní obrazovku, písma se načtou jen v potřebných řezech a skript, který stránka nepotřebuje, se do ní vůbec nedostane. Rychlost se tak stává měřitelným zadáním, které zkontrolujete při předání.

Že se to vyplácí, ukazují případové studie, které Google zveřejnil na web.dev. Vodafone po zlepšení LCP o 31 % prodal o 8 % víc, Rakuten 24 zvýšil tržby na návštěvníka o 53 % a Swappie mobilní tržby o 42 %. Studie Deloitte Milliseconds Make Millions z roku 2020 zase u evropských a amerických značek zjistila, že zrychlení mobilního webu o pouhou desetinu sekundy šlo ruku v ruce s nárůstem konverzí v maloobchodě o 8,4 %.

Poctivě dodejme, že vlastní kód sám o sobě rychlost nezaručí. I web na míru může být pomalý, pokud se na výkon nemyslí od začátku. Výhoda je v tom, že máte všechno pod kontrolou a nemusíte čekat, až pomalý plugin opraví jeho autor.

03Výhoda 2: design, který vypadá jako vy

Šablonu si může koupit kdokoli, včetně vaší konkurence. Web na míru vychází z vaší značky, vašich fotek a toho, co chcete zákazníkovi říct jako první. Rozvržení se navrhuje kolem obsahu, ne obráceně.

Ve studii Stanfordovy univerzity z roku 2002 hodnotilo 2 684 lidí důvěryhodnost webů. V jejich komentářích se nejčastěji objevoval vzhled webu, a to ve 46,1 % z nich. Hned za ním lidé zmiňovali strukturu a přehlednost informací (28,5 % komentářů), takže důvěru nebuduje efekt, ale jasná struktura a čitelné texty.

Design na míru navíc nekončí u obrázku v grafickém programu. Dobrý dodavatel připraví designový systém: barvy, písma, tlačítka, formuláře a pravidla, jak je skládat. Díky tomu bude se zbytkem webu ladit i stránka, kterou přidáte za dva roky.

04Výhoda 3: web stejně dobrý na mobilu i na počítači

Podle StatCounteru přišlo v srpnu 2026 na české weby 46 % návštěv z mobilu a 52,5 % z počítače, zbytek z tabletů. Návštěvy se tedy dělí zhruba napůl a web musí fungovat stejně dobře na obou. Google navíc v říjnu 2023 dokončil přechod na indexování všech webů podle jejich mobilní verze.

Web na míru se navrhuje pro obě zařízení zároveň. Na mobilu se neschovává polovina obsahu do menu, formulář jde vyplnit palcem a tlačítka jsou dost velká, aby se do nich dalo pohodlně trefit prstem. Na velkém monitoru zase stránka nevypadá jako roztažený telefon.

05Výhoda 4: přístupnost, kterou může vyžadovat i zákon

Od 28. června 2025 je účinný zákon č. 424/2023 Sb., kterým Česko převzalo evropský akt o přístupnosti (směrnici EAA). U služeb se týká vybraných služeb pro spotřebitele, mimo jiné e-shopů a dalšího elektronického obchodování, bankovních služeb nebo elektronických knih. Mikropodniky, tedy firmy s méně než 10 zaměstnanci a ročním obratem nebo bilanční sumou do 2 milionů eur, jsou vyňaté. Za nepřístupnou službu hrozí pokuta až 10 milionů Kč.

Pozor, zákon se netýká každého firemního webu. Prezentační web firmy, která prodává jiným firmám, pod něj obvykle nespadá. Přístupnost se ale vyplatí i tak: web, který zvládne ovládat nevidomý člověk se čtečkou obrazovky, je zpravidla přehlednější pro všechny a často mu lépe rozumí i vyhledávače.

Stav webů je přitom tristní. Projekt WebAIM Million 2026 prověřil milion nejnavštěvovanějších domovských stránek a automaticky zjistitelné chyby podle WCAG našel u 95,9 % z nich, v průměru 56 chyb na stránku.

Všech šest nejčastějších chyb jde ohlídat už při návrhu a vývoji. U webu na míru se kontrast barev hlídá v designovém systému, každý obrázek má alternativní text a každé pole formuláře svůj popisek. Dodatečně opravovat šablonu, kterou jste nepsali, bývá mnohem pracnější.

06Výhoda 5: web, který umí to, co potřebujete

Eurostat za rok 2025 ukazuje, jak málo firem využívá web naplno. Web s popisem nabídky nebo ceníkem má jen 52 % českých podniků, online objednávku nebo rezervaci 30 % a chat (8 %) nebo personalizovaný obsah (11 %) zhruba každý desátý.

Web na míru se dá napojit na to, co ve firmě už používáte: CRM, účetnictví, sklad, rezervační kalendář nebo platební bránu. Poptávka z formuláře se sama založí v CRM, objednávka se propíše do skladu a zákazník vidí stav zakázky bez telefonátu. Když CRM ještě nemáte, podívejte se, kdy už firmě nestačí Excel.

Stejně důležitá je administrace. Místo univerzálního systému s desítkami nabídek dostanete rozhraní přesně pro vaši práci: ceník upravíte na jednom místě, novou referenci přidáte za pár minut a nemusíte se bát, že něco rozbijete.

07Výhoda 6: méně cizích závislostí a kód, který patří vám

Každý plugin nebo cizí služba je další věc, kterou musí někdo hlídat, aktualizovat a často i platit. U webu na míru bývá cizích závislostí méně a o každé víte. Aktualizace plánuje jeden tým, který kód zná, a nečekáte na autory desítek doplňků.

Druhou stránkou věci je vlastnictví. Když máte zdrojový kód, přístupy a právo ho upravovat, můžete s webem kdykoli odejít k jinému dodavateli. Jak to ošetřit ve smlouvě, popisujeme níže v samostatné kapitole.

Bezpečnost ale vlastním kódem automaticky nevzniká. Pokud web pracuje s daty zákazníků, projděte si náš checklist bezpečnosti webové aplikace před spuštěním.

08Kdy se web na míru nevyplatí

Web na míru není správná odpověď pro každého. Hotové řešení bude rozumnější, když:

• potřebujete jednoduchou vizitku a víte, že se roky nebude měnit,
• teprve ověřujete, jestli o nápad bude zájem (tady pomůže postup od nápadu k MVP),
• máte rozpočet v řádu pár tisíc korun a web nemá přivádět poptávky,
• nemáte kapacitu dodat texty a podklady, bez kterých dobrý web nevznikne.

Naopak se vyplatí, když má web vydělávat, napojit se na vaše systémy nebo fungovat ve více jazycích, případně když vám ten současný přestal stačit.

09Postup: jak vzniká web na míru v 9 krocích

Následující postup platí bez ohledu na to, s kým budete web dělat. Podle něj si můžete ověřit i nabídku dodavatele: pokud v ní některý krok chybí, zeptejte se proč.

1. Sepište cíl, který se dá změřit

„Nový moderní web“ není cíl. Cíl je třeba 30 poptávek měsíčně, polovina objednávek online nebo o 20 % méně telefonátů s dotazy na stav zakázky. Napište si také, kdo jsou vaši zákazníci, co na webu hledají a co je má přesvědčit, aby se ozvali.

2. Připravte obsah dřív než design

Texty, fotky, reference a ceník určují, jak bude web vypadat. Design navržený na vymyšlený text se po dodání skutečného obsahu často rozpadne. Když texty psát nechcete, domluvte si copywriting jako součást zakázky.

3. Navrhněte strukturu a drátěné modely

Mapa webu určí, jaké stránky budou a jak se mezi nimi bude chodit. Drátěný model (wireframe) je hrubý černobílý náčrt každé důležité stránky: co je nahoře, kde je hlavní tlačítko a co uvidí člověk na mobilu. V tomto kroku se vyplatí zjistit, jak lidé ve vašem oboru hledají, a podle toho pojmenovat stránky.

4. Vytvořte designový systém, začněte mobilem

Z drátěných modelů vznikne vizuální návrh. Začíná se mobilní verzí, protože má nejméně místa. Barvy se hned kontrolují na kontrast (WCAG na úrovni AA vyžaduje u běžného textu poměr aspoň 4,5 : 1), tlačítka mají dost velkou plochu na dotyk a všechny prvky se popíšou jako znovupoužitelné komponenty.

5. Schvalte klikací prototyp

Než se začne programovat, projděte si návrh jako skutečný web: proklikejte hlavní cesty na telefonu i na počítači. Změna v prototypu stojí zlomek toho, co změna v hotovém kódu.

6. Programujte s výkonnostním rozpočtem

Výkonnostní rozpočet jsou limity rychlosti, které web nesmí překročit. Dohodněte předem, jaké hodnoty Core Web Vitals má web při předání splnit (LCP do 2,5 s, INP do 200 ms, CLS do 0,1) a jak těžká smí být stránka. Vývoj má běžet na testovací adrese, kde průběžně vidíte pokrok, ne až na konci.

7. Napojte administraci a systémy

Administrace, formuláře, napojení na CRM, platby a e-maily se testují se skutečnými daty. Ověřte, že poptávka z webu opravdu dorazí tam, kam má, a že upravit obsah zvládne i kolega, který u vývoje nebyl.

8. Testujte na skutečných zařízeních

Projděte web na několika telefonech a prohlížečích, zkuste ho ovládat jen klávesnicí a nechte ho zkontrolovat nástrojem WAVE. Pokud nahrazujete starý web, připravte přesměrování ze všech starých adres, jinak můžete přijít o pozice ve vyhledávačích.

9. Spusťte, měřte a vylepšujte

Po spuštění ověřte rychlost v PageSpeed Insights, odešlete mapu webu do Google Search Console a nastavte měření cílů z prvního kroku. První měsíc sledujte, kde lidé odcházejí, a upravujte. Právě tady se ukáže, jestli web plní cíle z prvního kroku.

10Co chtít ve smlouvě, aby web opravdu patřil vám

Autorský zákon rozlišuje kód a design. Počítačový program, který pro vás na objednávku vytvoří přímo autor, se podle § 58 odst. 7 považuje za zaměstnanecké dílo a vy jako objednatel za zaměstnavatele, takže majetková práva vykonáváte vy. Když ale kód píšou zaměstnanci nebo subdodavatelé agentury, vykonává práva nejdřív agentura a vám je musí poskytnout smlouvou. U grafického návrhu a dalších děl na objednávku ale podle § 61 platí, že dostanete jen licenci k účelu smlouvy, pokud není sjednáno jinak. Formulace „převod autorských práv“ je v Česku nepřesná: majetková práva jsou podle § 26 odst. 1 nepřevoditelná, smlouva proto řeší licenci nebo výkon práv.

Web navíc obvykle nevytváří jeden autor, ale tým zaměstnanců nebo subdodavatelů. Proto ať smlouva výslovně řeší tyto body:

• Zdrojový kód se předá celý, nejlépe jako repozitář s historií změn, ne jen jako soubory na serveru.
• Výhradní licence nebo výkon práv ke kódu i designu bez omezení času a území, s právem web upravovat, nechat ho upravovat jiným dodavatelem a licenci dál postoupit.
• Doména, hosting a účty (analytika, Search Console, e-mail) jsou vedené na vaši firmu, dodavatel má jen přístup.
• Přístupy a dokumentace k administraci, serveru a napojeným službám, včetně popisu, jak web nasadit.
• Cizí součásti (písma, fotky, placené knihovny) jsou vyjmenované i s tím, kdo platí licenci.
• Co se děje po spuštění: jak dlouho se opravují chyby zdarma, reakční doby a cena dalšího rozvoje.

U nás je to standard: klient dostane celý zdrojový kód s licencí k úpravám, přístupy i data a 180 dní po spuštění opravujeme chyby zdarma. Jak celá spolupráce probíhá od poptávky po předání, ukazuje stránka Jak to probíhá.

11Kolik stojí web na míru a jak dlouho trvá

Cena závisí hlavně na počtu typů stránek, napojení na další systémy a na tom, kolik obsahu je potřeba připravit. Pro představu, u nás vycházejí orientační ceny takto:

Šablona bývá na startu levnější. Do srovnání ale patří i roční licence pluginů, čas na údržbu a to, kolik stojí funkce, kterou šablona neumí. Orientační cenu pro váš web si naklikáte v kalkulačce webu na míru, ostatní služby najdete v ceníku.

12Časté otázky

13Závěr: web na míru začíná zadáním, ne kódem

Největší výhoda webu od prvního pixelu není v tom, že je napsaný ručně. Je v tom, že každé rozhodnutí, od barvy tlačítka po to, kam odejde poptávka, vychází z vašeho cíle. Když si cíl na začátku sepíšete, projdete postup krok za krokem a ve smlouvě si pohlídáte kód a přístupy, dostanete web, který může roky růst spolu s firmou.

Chcete vědět, jak by to vypadalo u vás? Podívejte se na naši službu weby na míru.

14Zdroje

• Web Vitals, web.dev, prahy LCP, INP a CLS
• Web Almanac 2025, Performance a Page Weight, HTTP Archive
• Případové studie Vodafone, Rakuten 24, Swappie a redBus, web.dev
• Milliseconds Make Millions, Deloitte, 2020
• Platform market share, Czech Republic, StatCounter, srpen 2026
• Mobile-first indexing has landed, Google Search Central, 31. 10. 2023
• Zákon č. 424/2023 Sb., o požadavcích na přístupnost některých výrobků a služeb
• WebAIM Million 2026, WebAIM
• Využívání ICT v podnicích, Eurostat, isoc_ciweb, 2025
• Stanford Web Credibility Research, Fogg a kol., 2002
• Autorský zákon č. 121/2000 Sb., § 26, § 58 a § 61