Nový web je pro většinu firem jednou z nejviditelnějších investic. Je to první místo, kam se zákazník podívá, když o vás uslyší, a často rozhoduje o tom, jestli zavolá vám, nebo konkurenci. Přesto spousta projektů začíná větou „potřebujeme nový web, něco moderního“ — a končí zbytečně drahými předělávkami.
V tomhle článku projdu celý proces tak, jak ho dělám se svými klienty: od přípravy zadání přes výběr technologie až po to, co dělat po spuštění. Nemusíte být technik, abyste z něj něco měli.
1. Začněte cílem, ne designem
Nejčastější chyba je začít otázkou „jak má web vypadat“. Mnohem důležitější je „co má web udělat“. Zkuste si odpovědět na tři otázky:
- Kdo je můj zákazník? Mladá rodina hledající veterináře se chová jinak než nákupčí výrobní firmy.
- Co má návštěvník na webu udělat? Zavolat, vyplnit poptávku, objednat, rezervovat termín, nebo si jen ověřit, že existujete?
- Jak poznám, že web funguje? Počet poptávek za měsíc, tržby z e-shopu, počet rezervací.
Teprve když máte jasno v těchto bodech, dává smysl řešit barvy, fotky a animace. Dobrý design není ozdoba — je to nástroj, který návštěvníka dovede k cíli.
2. Co si připravit před první schůzkou
Čím víc podkladů máte připravených, tím rychlejší a levnější bude celá spolupráce. Ideálně si nachystejte:
- Logo ve vektorovém formátu (SVG, PDF, AI) a případně firemní barvy a fonty.
- Texty — alespoň v hrubé podobě. Nikdo nezná vaše služby lépe než vy.
- Fotky — vlastní fotky provozovny, týmu a produktů vždy porazí fotobanku.
- Seznam stránek — např. Úvod, Služby, Ceník, Reference, O nás, Kontakt.
- 3–5 webů, které se vám líbí (klidně i z jiného oboru) a napište proč.
- Přístupy k doméně, hostingu, případně ke starému webu a Google účtům.
Tip: Nejvíc projektů se nezdrží programováním, ale čekáním na texty. Pokud víte, že psaní není vaše silná stránka, domluvte se rovnou na copywritingu.
3. Web na míru, WordPress, nebo e-shopová platforma?
Na tuhle otázku neexistuje univerzální odpověď. Záleží na tom, co web potřebuje umět a kdo ho bude spravovat.
| Řešení | Kdy se hodí | Výhody | Na co si dát pozor |
|---|---|---|---|
| Web na míru (např. Next.js) | Prezentace, kde záleží na rychlosti a originalitě | Maximální rychlost, bezpečnost, žádné pluginy | Úpravy obsahu často přes vývojáře nebo napojený CMS |
| WordPress | Weby, kde chcete sami často měnit obsah, blogy | Snadná správa, obrovská komunita | Nutné pravidelné aktualizace, pozor na přeplácané šablony |
| Shoptet | Český e-shop, který chcete rychle spustit | Napojení na české dopravce, platby a účetnictví | Omezenější možnosti designu a vlastních funkcí |
| Shopify | E-shop s ambicí prodávat i do zahraničí | Silný ekosystém aplikací, skvělý checkout | Měsíční poplatky a poplatky za aplikace |
Pro menší firmu, která potřebuje kvalitní prezentaci a mění obsah párkrát do roka, často vychází nejlépe web na míru — je rychlý, bezpečný a nemusíte se starat o aktualizace. Pokud plánujete pravidelně publikovat články nebo novinky, dává smysl WordPress. A pokud chcete prodávat, sáhněte po Shoptetu nebo Shopify a nevymýšlejte vlastní e-shop od nuly.
4. Rychlost není bonus, ale základ
Lidé na mobilu jsou netrpěliví. Když se stránka načítá dlouho, zavřou ji a jdou jinam — a Google to ví. Rychlost webu proto přímo ovlivňuje, kolik zákazníků z něj získáte, i to, jak vysoko se zobrazíte ve vyhledávání.
Google měří zážitek z načítání pomocí metrik Core Web Vitals:
| Metrika | Co měří | Dobrá hodnota |
|---|---|---|
| LCP (Largest Contentful Paint) | Jak rychle se zobrazí hlavní obsah | do 2,5 s |
| INP (Interaction to Next Paint) | Jak rychle web reaguje na kliknutí | do 200 ms |
| CLS (Cumulative Layout Shift) | Jestli obsah při načítání „neposkakuje“ | do 0,1 |
Svůj současný web si můžete zdarma otestovat v nástroji PageSpeed Insights od Googlu. Nejčastější brzdy, které při auditech nacházím:
- Obrovské obrázky — fotka přímo z foťáku má klidně 8 MB. Na webu by měla mít pár stovek kB a moderní formát jako WebP nebo AVIF.
- Přeplácané šablony — slidery, animace a desítky pluginů, které nikdo nepotřebuje.
- Levný hosting — ušetřit pár stovek ročně a ztratit zákazníky kvůli pomalému serveru se nevyplatí.
- Externí skripty — chaty, měřicí kódy a widgety sociálních sítí se sčítají.
5. Mobil na prvním místě
Většina návštěv dnes přichází z mobilních telefonů. Web proto navrhuji nejdřív pro malou obrazovku a teprve potom ho rozšiřuji pro počítač. V praxi to znamená:
- Telefon a e-mail jsou klikací a kontakt je na dosah z každé stránky.
- Tlačítka jsou dost velká na to, aby se dala trefit palcem.
- Formuláře jsou krátké — každé pole navíc snižuje počet odeslaných poptávek.
- Text je čitelný bez přibližování a nic nepřetéká přes okraj obrazovky.
6. SEO: aby vás lidé vůbec našli
Krásný web, který nikdo nenajde, vám zakázky nepřinese. Základy SEO by měly být součástí každého webu od začátku, ne až dodatečný „balíček“:
- Každá stránka má vlastní titulek a popis, které odpovídají tomu, co lidé hledají („zahradnické služby Praha“, ne „Vítejte na našem webu“).
- Jeden hlavní nadpis H1 na stránku a logická struktura podnadpisů.
- Popisky obrázků (alt texty) — pomáhají vyhledávačům i lidem se čtečkou obrazovky.
- Mapa stránek (sitemap.xml) a propojení s Google Search Console.
- Firemní profil na Google — u lokálních firem často přivede víc zákazníků než samotný web.
- Přesměrování ze starého webu — pokud měníte adresy stránek, nastavte přesměrování 301, jinak přijdete o pozice, které jste léta budovali.
7. Na co nezapomenout kvůli zákonům
Tahle část bývá podceňovaná, ale může vás zbytečně stát peníze i pověst:
- Cookies — pro analytické a marketingové cookies potřebujete předem souhlas návštěvníka. Lišta s jediným tlačítkem „Rozumím“ nestačí; odmítnutí musí být stejně snadné jako souhlas.
- GDPR — pokud sbíráte osobní údaje (třeba přes kontaktní formulář), musíte návštěvníky informovat, jak s nimi naložíte.
- Identifikace firmy — název, IČO a sídlo by na webu neměly chybět.
- E-shopy — obchodní podmínky, reklamační řád, informace o odstoupení od smlouvy a uvádění původní ceny u slev.
- Přístupnost — od června 2025 platí v EU pravidla přístupnosti (European Accessibility Act), která se týkají mimo jiné většiny e-shopů. I když se na vás zatím nevztahují, přístupný web je prostě lepší web pro všechny.
8. Kolik to stojí a jak dlouho to trvá
Cena webu se odvíjí hlavně od rozsahu, množství vlastních funkcí a toho, kolik podkladů dodáte. Pro orientaci:
| Typ webu | Orientační doba realizace |
|---|---|
| Jednostránková prezentace | 1–2 týdny |
| Firemní web o 5–10 stránkách | 3–6 týdnů |
| E-shop na Shoptetu nebo Shopify | 4–8 týdnů |
| Web nebo aplikace s vlastními funkcemi | 2 měsíce a více |
Při porovnávání nabídek se nedívejte jen na konečnou částku. Zeptejte se:
- Je v ceně responzivní design, základní SEO a nastavení analytiky?
- Komu budou patřit doména, hosting a zdrojové kódy?
- Kolik kol úprav designu je v ceně?
- Jak bude vypadat podpora po spuštění a kolik stojí drobné úpravy?
Levná nabídka, ve které chybí polovina věcí, se snadno prodraží.
9. Spuštěním to nekončí
Web není leták, který jednou vytisknete a zapomenete na něj. Po spuštění doporučuji:
- Sledovat čísla — kolik lidí přichází, odkud, a kolik z nich se ozve. Bez dat jen hádáte.
- Pravidelně aktualizovat obsah — staré ceny, neaktuální otevírací doba nebo novinky z roku 2019 působí, jako by firma už neexistovala.
- Zálohovat a aktualizovat — u WordPressu je to naprostý základ bezpečnosti.
- Testovat a vylepšovat — jiný nadpis, výraznější tlačítko nebo kratší formulář dokážou počet poptávek znatelně zvednout.
Shrnutí
Dobrý web nevzniká tak, že se vybere hezká šablona. Vzniká tak, že víte, pro koho je, co má udělat a jak poznáte, že to dělá. Když k tomu přidáte rychlé načítání, pohodlné ovládání na mobilu, základy SEO a pořádek v právních náležitostech, máte web, který pro vás bude pracovat roky.
Plánujete nový web nebo e-shop a nevíte, kde začít? Napište mi — rád s vámi projdu vaše cíle a navrhnu řešení, které dává smysl pro váš byznys.