Potřebujete nový web. Možná zakládáte firmu, možná váš současný web nefunguje, možná jste ho nikdy neměli. A teď stojíte před otázkami: Kolik to bude stát? Jak dlouho to trvá? Koho vybrat? Co všechno potřebuju? Jak poznám že nedostanu šmejd? Tento průvodce vám dá odpovědi na všechno. Je dlouhý, protože téma je komplexní. Ale po přečtení budete přesně vědět co dělat. **Co se dozvíte:** - Kompletní přehled možností (DIY, freelancer, agentura) - Reálné ceny na českém trhu - Jak celý proces probíhá krok za krokem - Co musíte připravit vy a co dodá agentura - Jak poznat kvalitní práci od nekvalitní - Na co si dát pozor ve smlouvě - Co dělat po spuštění webu **Pro koho je tento průvodce:** Pro každého kdo zvažuje tvorbu nového webu nebo redesign stávajícího - ať už jste OSVČ, malá firma, nebo střední podnik. --- ## Obsah 1. [Proč vlastně potřebujete web](#proc-web) 2. [Možnosti tvorby webu](#moznosti) 3. [Kolik stojí tvorba webu](#ceny) 4. [Co ovlivňuje cenu webu](#co-ovlivnuje-cenu) 5. [Jak probíhá tvorba webu](#proces) 6. [Co musíte připravit](#co-pripravit) 7. [Jak vybrat dodavatele](#vyber-dodavatele) 8. [Technologie a platformy](#technologie) 9. [Co musí kvalitní web obsahovat](#co-obsahovat) 10. [SEO a marketing od začátku](#seo) 11. [Smlouva a právní náležitosti](#smlouva) 12. [Co dělat po spuštění](#po-spusteni) 13. [Nejčastější chyby a jak se jim vyhnout](#chyby) 14. [Případové studie](#pripadove-studie) 15. [Checklist pro zadavatele](#checklist) --- ## Proč vlastně potřebujete web Než se pustíme do toho jak web vytvořit, pojďme si ujasnit proč ho vůbec potřebujete. Protože "všichni ho mají" není dobrý důvod. ### Web jako prodejní nástroj Dobrý web není vizitka. Je to prodejní nástroj který pracuje 24 hodin denně, 7 dní v týdnu. **Co web dělá za vás:** - Odpovídá na otázky zákazníků (i v noci) - Představuje vaše služby a produkty - Buduje důvěru (reference, portfolio) - Sbírá poptávky a kontakty - Prodává (e-shop) - Zlepšuje vaši pozici ve vyhledávačích ### Statistiky které mluví jasně - **97% lidí** hledá lokální služby online - **75% zákazníků** posuzuje důvěryhodnost firmy podle webu - **68% online zkušeností** začíná ve vyhledávači - **88% uživatelů** se nevrátí na web po špatné zkušenosti ### Kdy web opravdu potřebujete ✅ **Web je nutnost když:** - Podnikáte a chcete růst - Zákazníci vás hledají na Google - Konkurence má web (a vy ne) - Potřebujete profesionální prezentaci - Chcete prodávat online - Sbíráte poptávky a leady ❌ **Web možná nepotřebujete když:** - Máte dostatek zákazníků z doporučení - Váš byznys je čistě offline a lokální - Jste v oboru kde web není standard - Nemáte kapacitu přijímat nové zákazníky ### Web vs. sociální sítě "Mám Instagram, proč potřebuju web?" Sociální sítě jsou skvělý doplněk, ale ne náhrada webu: | Aspekt | Web | Sociální sítě | |--------|-----|---------------| | Vlastnictví | Vy | Facebook/Instagram | | SEO (Google) | ✅ Ano | ❌ Ne | | Kontrola | Plná | Omezená | | Profesionalita | Vysoká | Střední | | Stabilita | Vysoká | Algoritmy se mění | | Data zákazníků | Máte | Nemáte | **Ideál:** Web jako základna + sociální sítě jako distribuce. --- ## Možnosti tvorby webu Máte v zásadě čtyři možnosti jak web získat. Každá má své výhody a nevýhody. ### Možnost 1: DIY (udělejte si sám) **Co to znamená:** Použijete nástroj jako Wix, Webnode, nebo WordPress.com a web si postavíte sami. **Pro koho:** - Úplní začátečníci s minimálním rozpočtem - Hobby projekty - Testování nápadu **Cena:** 0 - 10.000 Kč **Časová náročnost:** 20-60 hodin vaší práce **Výhody:** - Nejlevnější varianta - Plná kontrola - Učíte se nové věci **Nevýhody:** - Zabere hodně času - Výsledek často neprofesionální - Omezené možnosti - Horší SEO - Žádná podpora **Kdy zvolit DIY:** - Rozpočet je opravdu minimální - Máte čas a chuť se učit - Web není kritický pro váš byznys - Chcete jen otestovat nápad ### Možnost 2: Freelancer **Co to znamená:** Najmete jednotlivce - programátora, designéra, nebo někoho kdo dělá obojí. **Pro koho:** - Malé firmy a OSVČ - Jasně definované projekty - Ti co preferují osobní přístup **Cena:** 15.000 - 80.000 Kč **Časová náročnost:** 3-8 týdnů **Výhody:** - Levnější než agentura - Osobní přístup - Flexibilita - Přímá komunikace **Nevýhody:** - Závislost na jednom člověku - Omezené kapacity - Může chybět některá expertiza - Riziko nedokončení (nemoc, jiné priority) **Kdy zvolit freelancera:** - Rozpočet 20-60k Kč - Projekt není příliš komplexní - Preferujete osobní vztah - Máte jasnou představu co chcete ### Možnost 3: Webová agentura **Co to znamená:** Najmete firmu která má tým - designéry, vývojáře, projektové manažery. **Pro koho:** - Střední a větší firmy - Komplexní projekty - Ti co chtějí "full service" **Cena:** 50.000 - 500.000+ Kč **Časová náročnost:** 6-16 týdnů **Výhody:** - Kompletní služby pod jednou střechou - Profesionální proces - Stabilita a kontinuita - Širší expertiza - Podpora po spuštění **Nevýhody:** - Dražší - Někdy méně osobní přístup - Delší komunikační řetězec - Ne vždy senior na vašem projektu **Kdy zvolit agenturu:** - Rozpočet 50k+ Kč - Potřebujete design + vývoj + SEO + obsah - Projekt je komplexnější - Chcete dlouhodobého partnera ### Možnost 4: Interní tým **Co to znamená:** Zaměstnáte vlastní vývojáře a designéry. **Pro koho:** - Velké firmy - Technologické společnosti - Firmy s kontinuální potřebou vývoje **Cena:** 50.000+ Kč měsíčně (mzdy) **Výhody:** - Plná kontrola - Okamžitá dostupnost - Znalost produktu **Nevýhody:** - Velmi drahé - HR náklady - Potřeba managementu - Risk fluktuace **Kdy zvolit interní tým:** - Máte kontinuální potřebu vývoje - Budget na 2+ full-time lidi - Web/aplikace je core vašeho byznysu ### Srovnání možností | Aspekt | DIY | Freelancer | Agentura | Interní | |--------|-----|------------|----------|---------| | Cena | 0-10k | 15-80k | 50-500k | 50k+/měs | | Čas | Váš | 3-8 týdnů | 6-16 týdnů | Průběžně | | Kvalita | ⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | | Flexibilita | Vysoká | Vysoká | Střední | Nejvyšší | | Podpora | Žádná | Omezená | Dobrá | Plná | | Riziko | Nízké | Střední | Nízké | Nízké | --- ## Kolik stojí tvorba webu v roce 2026 Pojďme na konkrétní čísla. Ceny jsou orientační pro český trh. ### Cenové kategorie #### Jednoduchý web (5-7 stránek) **Co dostanete:** - Úvod, O nás, Služby, Reference, Kontakt - Responzivní design - Základní SEO - Kontaktní formulář - CMS pro správu obsahu **Cena:** - DIY: 2.000 - 8.000 Kč - Freelancer: 20.000 - 40.000 Kč - Agentura: 40.000 - 80.000 Kč **Pro koho:** OSVČ, malé firmy, lokální služby #### Firemní prezentace (10-15 stránek) **Co dostanete:** - Vše z jednoduchého webu - Více stránek služeb/produktů - Blog - Pokročilejší design - Integrace s nástroji (Analytics, mailing) **Cena:** - Freelancer: 40.000 - 80.000 Kč - Agentura: 80.000 - 150.000 Kč **Pro koho:** Střední firmy, B2B služby #### Komplexní firemní web **Co dostanete:** - Custom design na míru - Pokročilé funkce (kalkulačky, konfiguráry) - Vícejazyčnost - Integrace s CRM/ERP - Obsahová strategie **Cena:** - Agentura: 150.000 - 350.000 Kč **Pro koho:** Větší firmy, komplexní potřeby #### E-shop **Co dostanete:** - Katalog produktů - Košík a checkout - Platební brány - Doprava a sklady - Administrace objednávek **Cena:** - Šablonový (Shoptet): 20.000 - 60.000 Kč + měsíční poplatky - Custom WooCommerce: 60.000 - 150.000 Kč - Custom na míru: 150.000 - 500.000+ Kč #### Webová aplikace **Co dostanete:** - Uživatelské účty - Custom funkcionalita - Backend systém - API integrace - Pokročilá logika **Cena:** - MVP: 150.000 - 400.000 Kč - Plná aplikace: 400.000 - 2.000.000+ Kč ### Co je v ceně (a co ne) #### Typicky ZAHRNUTO: ✅ Návrh a design ✅ Programování/vývoj ✅ Responzivní verze (mobil, tablet) ✅ Základní SEO optimalizace ✅ CMS pro správu obsahu ✅ Kontaktní formulář ✅ Napojení Google Analytics ✅ Základní zaškolení ✅ Testování ✅ Spuštění #### Typicky NEZAHRNUTO: ❌ Texty a copywriting ❌ Profesionální fotografie ❌ Logo a branding ❌ Hosting (roční poplatek) ❌ Doména (roční poplatek) ❌ Pokročilé SEO ❌ PPC kampaně ❌ Údržba po záruční době ❌ Rozšíření funkcí ### Skryté náklady na které pozor **Hosting:** 1.000 - 10.000 Kč/rok **Doména:** 200 - 500 Kč/rok **SSL certifikát:** Zdarma (Let's Encrypt) nebo 500-2.000 Kč/rok **Údržba:** 500 - 5.000 Kč/měsíc **Aktualizace obsahu:** Dle potřeby **SEO:** 5.000 - 50.000 Kč/měsíc **Fotografie:** 5.000 - 30.000 Kč jednorázově **Copywriting:** 10.000 - 40.000 Kč jednorázově --- ## Co ovlivňuje cenu webu Proč jeden web stojí 30.000 a jiný 300.000 Kč? Pojďme si rozebrat faktory. ### 1. Rozsah projektu **Počet stránek:** - 5 stránek = základ - 15 stránek = více práce - 50+ stránek = výrazně více **Funkce:** - Kontaktní formulář = standard - Rezervační systém = více práce - E-shop = výrazně více práce - Custom aplikace = nejvíce práce ### 2. Úroveň designu **Šablonový design:** - Použití hotové šablony - Základní úpravy barev a fontů - Cena: Nižší **Semi-custom design:** - Šablona jako základ - Výrazné úpravy - Cena: Střední **Custom design na míru:** - Návrh od nuly - Unikátní pro vaši firmu - Cena: Vyšší **Premium design:** - Detailní propracování - Animace a interakce - Cena: Nejvyšší ### 3. Technologie **Website builder (Wix, Webnode):** - Nejjednodušší - Omezené možnosti - Cena: Nejnižší **WordPress + šablona:** - Flexibilnější - Hodně pluginů - Cena: Nižší až střední **WordPress + custom téma:** - Unikátní design - Plná kontrola - Cena: Střední **Moderní stack (Next.js, React):** - Nejvyšší výkon - Nejmodernější - Cena: Vyšší ### 4. Kdo to dělá **Junior freelancer:** - Méně zkušeností - Nižší cena - Vyšší riziko **Senior freelancer:** - Více zkušeností - Střední cena - Kvalitní práce **Menší agentura:** - Malý tým - Střední cena - Osobní přístup **Velká agentura:** - Velký tým - Vyšší cena - Profesionální proces ### 5. Časový tlak **Standardní termín:** Běžná cena **Rychlý termín:** +20-50% příplatek **Urgentní termín:** +50-100% příplatek ### 6. Lokalita **Praha:** Vyšší ceny **Brno, Ostrava:** Střední ceny **Menší města:** Nižší ceny **Remote/zahraniční:** Různé ### Příklad cenové kalkulace **Firemní web pro právní kancelář:** | Položka | Cena | |---------|------| | Analýza a návrh | 8.000 Kč | | UX/UI design (10 stránek) | 25.000 Kč | | Vývoj (WordPress custom) | 35.000 Kč | | Responzivní verze | (v ceně) | | CMS nastavení | 5.000 Kč | | SEO základ | 8.000 Kč | | Testování | 4.000 Kč | | Školení | 3.000 Kč | | Projektové řízení | 12.000 Kč | | **Celkem** | **100.000 Kč** | --- ## Jak probíhá tvorba webu Kvalitní agentura má jasně definovaný proces. Zde je jak typicky vypadá. ### Fáze 1: Discovery a analýza (1-2 týdny) **Co se děje:** - Úvodní schůzka - Pochopení vašeho byznysu - Definice cílů webu - Analýza konkurence - Analýza cílové skupiny - Technické požadavky **Váš input:** - Informace o firmě - Cíle a očekávání - Příklady webů které se vám líbí - Rozpočet a termín **Výstup:** - Brief/zadání projektu - Návrh řešení - Cenová nabídka - Harmonogram ### Fáze 2: Wireframy a struktura (1-2 týdny) **Co se děje:** - Návrh struktury webu (sitemap) - Wireframy klíčových stránek - UX návrh (jak bude web fungovat) - Schválení struktury **Co jsou wireframy:** Černobílé schematické návrhy které ukazují rozložení prvků na stránce. Bez barev a grafiky - jen struktura. **Proč jsou důležité:** - Levnější opravit strukturu než hotový design - Jasně vidíte co kde bude - Základ pro design **Váš input:** - Zpětná vazba na strukturu - Schválení wireframů ### Fáze 3: Grafický design (2-4 týdny) **Co se děje:** - Návrh vizuální identity webu - Design klíčových stránek (homepage, podstránka, kontakt) - Výběr barev, fontů, stylu - Návrh responzivní verze - Revize a úpravy **Kolik revizí:** - Standardně 2-3 kola revizí v ceně - Každá další revize = příplatek **Váš input:** - Zpětná vazba na design - Schválení finálního návrhu **Důležité:** Design schvalte důkladně. Změny po začátku vývoje jsou drahé. ### Fáze 4: Vývoj (3-8 týdnů) **Co se děje:** - Programování frontendu (to co vidí uživatel) - Programování backendu (to co běží na serveru) - Integrace CMS - Napojení služeb (Analytics, formuláře, mailing) - Průběžné testování **Průběžné ukázky:** Dobrá agentura vám průběžně ukazuje rozpracovaný web. Většinou na testovací adrese. **Váš input:** - Dodání obsahu (texty, fotky) - Zpětná vazba na rozpracovanou verzi ### Fáze 5: Obsah (průběžně) **Co se děje:** - Vkládání textů - Optimalizace obrázků - SEO nastavení (meta tagy, nadpisy) - Kontrola obsahu **Kdo dodává obsah:** - Vy (texty, fotky) - nejčastější - Agentura (copywriting) - za příplatek - Kombinace ### Fáze 6: Testování (1-2 týdny) **Co se testuje:** - Funkčnost všech prvků - Responzivita (mobil, tablet, desktop) - Rychlost načítání - Kompatibilita prohlížečů - Formuláře - SEO checklist **Váš input:** - Vlastní testování - Hlášení chyb a připomínek ### Fáze 7: Spuštění (1-3 dny) **Co se děje:** - Finální kontrola - Migrace na produkční server - Napojení domény - SSL certifikát - Testování na ostré verzi - Monitoring **Po spuštění:** - Google Search Console - Sitemap submission - Základní monitoring ### Fáze 8: Podpora (ongoing) **Záruční doba (typicky 1-3 měsíce):** - Opravy chyb zdarma - Drobné úpravy **Následná podpora:** - Placená údržba - Aktualizace systému - Nové funkce --- ## Co musíte připravit Rychlost a kvalita projektu závisí i na vás. Čím lépe se připravíte, tím lepší výsledek. ### Před projektem #### 1. Definujte cíle **Odpovězte si:** - Co má web dělat? (informovat, prodávat, sbírat kontakty) - Kdo je vaše cílová skupina? - Co má návštěvník na webu udělat? - Jak budete měřit úspěch? #### 2. Připravte podklady o firmě **Potřebujete:** - Logo (v různých formátech - ideálně .svg, .png) - Brand manual (pokud máte) - Firemní barvy - Fonty (pokud máte definované) #### 3. Analyzujte konkurenci **Podívejte se na:** - Weby konkurentů - Co dělají dobře? - Co dělají špatně? - Čím se chcete odlišit? #### 4. Sbírejte inspiraci **Vytvořte si seznam:** - Weby které se vám líbí (nemusí být z vašeho oboru) - Konkrétní prvky které chcete (menu, animace, layout) - Co se vám naopak nelíbí #### 5. Definujte rozpočet **Buďte realističtí:** - Kolik můžete investovat? - Je to jednorázově nebo s rezervou na marketing? - Počítáte i s provozními náklady? ### Během projektu #### 1. Texty (copywriting) **Co budete potřebovat:** Pro každou stránku: - Hlavní nadpis - Text (strukturovaný - nadpisy, odstavce) - Výzva k akci (CTA) Konkrétně: - **O firmě:** Příběh, hodnoty, tým - **Služby:** Popis každé služby, benefity, ceny - **Reference:** Citace zákazníků, případové studie - **Kontakt:** Adresa, telefon, email, otevírací doba **Tipy pro psaní:** - Pište pro zákazníka, ne o sobě - Konkrétní > obecné - Kratší > delší - Benefity > vlastnosti #### 2. Fotografie **Co budete potřebovat:** - Fotky produktů (vysoká kvalita) - Fotky týmu/majitele - Fotky provozovny/kanceláře - Fotky z realizací (portfolio) **Kvalita:** - Rozlišení min. 1920px na šířku - Dobré světlo - Profesionální focení = nejlepší investice **Alternativy:** - Stock fotky (Unsplash, Pexels) - zdarma, ale generické - Profesionální focení - 5.000-30.000 Kč #### 3. Další podklady **Podle typu webu:** - Ceník služeb - Katalog produktů - Dokumenty ke stažení - Videa - Certifikáty, ocenění - Loga partnerů/klientů ### Tipy pro hladký průběh ✅ **DO:** - Reagujte rychle na dotazy - Dodávejte podklady včas - Dávejte konkrétní zpětnou vazbu - Rozhodujte se bez zbytečných odkladů - Komunikujte změny včas ❌ **DON'T:** - Nečekejte na poslední chvíli - Neměňte zadání v průběhu (nebo počítejte s příplatkem) - Neprodlužujte schvalování - Nezapomínejte na svou roli v projektu --- ## Jak vybrat dodavatele Výběr správného dodavatele je polovina úspěchu. ### Kde hledat **Online:** - Google: "tvorba webů [město]" - Firmy.cz - Clutch.co - LinkedIn - Doporučení v podnikatelských skupinách **Offline:** - Doporučení od známých - Networking - Obchodní komory ### Kritéria pro hodnocení #### 1. Portfolio **Dívejte se na:** - Kvalitu designu - Různorodost projektů - Weby z vašeho oboru (plus, ne nutnost) - Funkčnost webů (zkuste na mobilu) - Rychlost webů (PageSpeed test) **Kolik projektů:** - Minimum 5-10 relevantních projektů - Ideálně aktuální (ne starší 2 roky) #### 2. Reference a recenze **Kde najít:** - Google recenze - Clutch.co - Reference na webu agentury - Přímý kontakt na klienty **Na co se ptát referencí:** - Dodrželi termín a rozpočet? - Jak probíhala komunikace? - Jsou spokojeni s výsledkem? - Řešili problémy ochotně? #### 3. Komunikace **Hodnoťte od prvního kontaktu:** - Jak rychle odpověděli? - Ptali se na váš projekt? - Byli vstřícní a profesionální? - Rozuměli jste si? #### 4. Proces **Dobrá agentura má:** - Jasně definovaný proces - Milníky a harmonogram - Pravidelnou komunikaci - Dokumentaci #### 5. Cena **Nehodnoťte jen podle ceny:** - Co je v ceně zahrnuto? - Co není v ceně? - Jaké jsou platební podmínky? - Jsou tam skryté náklady? ### Červené vlajky 🚩 **Utíkejte když:** - Garantují #1 pozici v Google - Cena je výrazně pod trhem - Neukážou portfolio - Tlačí na rychlé rozhodnutí - Nechtějí smlouvu - Doména bude na jejich jméno - Neodpovídají na otázky ### Otázky které položit **O procesu:** 1. Jak probíhá typický projekt? 2. Jak často budeme komunikovat? 3. Kdo bude můj kontakt? 4. Kolik revizí je v ceně? **O technologiích:** 5. Jaké technologie používáte? 6. Budu vlastnit kód? 7. Můžu web spravovat sám? 8. Co když budu chtít změnit dodavatele? **O ceně:** 9. Co přesně je v ceně? 10. Co není v ceně? 11. Jaký je platební kalendář? 12. Kolik stojí následná podpora? **O výsledcích:** 13. Můžete ukázat case studies? 14. Můžu mluvit s vašimi klienty? 15. Jak měříte úspěch projektu? ### Jak porovnat nabídky **Problém:** Nabídky často nelze porovnat 1:1 protože obsahují různé věci. **Řešení:** 1. Sjednoťte rozsah (ujistěte se že porovnáváte stejné) 2. Rozepište položky do tabulky 3. Započítejte skryté náklady 4. Zvažte kvalitu (portfolio, reference) **Nezapomeňte:** Nejlevnější nabídka vás často vyjde nejdráž. --- ## Technologie a platformy Jakou technologii zvolit? Záleží na vašich potřebách. ### WordPress **Podíl na trhu:** ~43% všech webů **Vhodné pro:** - Firemní prezentace - Blogy - Menší e-shopy (WooCommerce) **Výhody:** - Obrovská komunita - Tisíce pluginů a šablon - Snadná správa obsahu - Flexibilní **Nevýhody:** - Může být pomalý - Bezpečnostní rizika (bez údržby) - Potřeba aktualizací **Cena webu:** 30.000 - 150.000 Kč ### Webflow **Vhodné pro:** - Designově náročné weby - Marketing týmy - Vizuální správa **Výhody:** - Krásný design - Vizuální editor - Rychlé weby - Hosting v ceně **Nevýhody:** - Dražší - Křivka učení - Omezené pro komplexní funkce **Cena webu:** 50.000 - 150.000 Kč ### Shoptet **Vhodné pro:** - České e-shopy - Malé a střední e-shopy **Výhody:** - České řešení - Vše pro e-shop v základu - Napojení na české služby - Jednoduchá správa **Nevýhody:** - Omezená customizace - Měsíční poplatky - Závislost na platformě **Cena:** 20.000 - 80.000 Kč + 290-5.000 Kč/měsíc ### Next.js / React **Vhodné pro:** - Moderní weby - Webové aplikace - Maximální výkon **Výhody:** - Nejrychlejší weby - Moderní technologie - Škálovatelnost - SEO-friendly **Nevýhody:** - Dražší vývoj - Potřeba vývojáře pro změny - Méně dostupných vývojářů **Cena webu:** 80.000 - 300.000+ Kč ### Srovnání technologií | Aspekt | WordPress | Webflow | Shoptet | Next.js | |--------|-----------|---------|---------|---------| | Cena | Střední | Střední | Střední | Vyšší | | Rychlost | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | | Flexibilita | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ | | Snadnost správy | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐ | | E-shop | ⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ### Co doporučuji | Typ projektu | Technologie | |--------------|-------------| | Firemní prezentace | WordPress nebo Next.js | | Blog/magazín | WordPress | | E-shop (ČR) | Shoptet | | E-shop (mezinárodní) | Shopify | | Designový web | Webflow | | Webová aplikace | Next.js + custom backend | | Maximum výkonu | Next.js | --- ## Co musí kvalitní web obsahovat ### Základní stránky #### Homepage (Úvodní stránka) **Musí obsahovat:** - Jasný headline - co děláte a pro koho - Výzvu k akci (CTA) - Přehled služeb/produktů - Social proof (reference, čísla, loga) - Navigaci k dalším stránkám **Cíl:** Zaujmout a navigovat dál. #### O nás / O firmě **Musí obsahovat:** - Příběh firmy - Tým (fotky, role) - Hodnoty - Proč vám věřit **Cíl:** Budovat důvěru. #### Služby / Produkty **Musí obsahovat:** - Jasný popis každé služby - Benefity pro zákazníka - Ceny nebo cenové rozpětí - CTA (objednat, poptat) **Cíl:** Přesvědčit k akci. #### Reference / Portfolio **Musí obsahovat:** - Ukázky práce - Citace zákazníků (s fotkou a jménem) - Případové studie - Loga klientů **Cíl:** Dokázat kvalitu. #### Kontakt **Musí obsahovat:** - Kontaktní formulář - Telefon (klikací) - Email - Adresa + mapa - Sociální sítě **Cíl:** Získat kontakt. ### Technické požadavky #### Responzivní design Web MUSÍ fungovat na: - Mobilu (nejdůležitější!) - Tabletu - Desktopu - Různých velikostech obrazovky **Proč:** 70%+ návštěvnosti je z mobilů. #### Rychlost **Požadavky:** - Načítání do 3 sekund - PageSpeed skóre 80+ - Core Web Vitals v zeleném **Proč:** Pomalý web = ztracení zákazníci + horší SEO. #### SSL certifikát - HTTPS (zámek v prohlížeči) - Bez SSL vás Google označí jako nezabezpečené #### SEO základ - Správné meta tagy - Struktura nadpisů (H1, H2, H3) - Alt texty u obrázků - Sitemap - Robots.txt ### Funkční požadavky #### Kontaktní formulář - Minimum polí (jméno, email, zpráva) - Funkční odesílání - Potvrzení odeslání - Notifikace vám #### CMS (systém pro správu obsahu) - Možnost měnit texty - Nahrávat obrázky - Přidávat stránky - Bez programování #### Analytics - Google Analytics 4 - Google Search Console - Měření konverzí --- ## SEO a marketing od začátku Web bez návštěvníků je k ničemu. Myslete na marketing od začátku. ### SEO základy **Co musí být od začátku:** 1. **Správná struktura URL** - example.com/sluzby/tvorba-webu - NE: example.com/page?id=123 2. **Meta tagy** - Title: unikátní pro každou stránku - Description: lákavý popis 3. **Nadpisy** - Jeden H1 na stránku - Logická hierarchie H2, H3 4. **Rychlost** - Optimalizované obrázky - Kvalitní hosting 5. **Mobile-friendly** - Responzivní design - Čitelné na mobilu ### Lokální SEO **Pokud máte lokální byznys:** 1. **Google Business Profile** (zdarma, kritické!) - Kompletně vyplněný profil - Fotky - Pravidelné příspěvky - Odpovídání na recenze 2. **NAP konzistence** - Name, Address, Phone stejné všude - Na webu, GBP, katalozích 3. **Lokální klíčová slova** - "služba + město" - Na stránkách i v meta tazích ### Co dělat po spuštění 1. **Registrace do Search Console** 2. **Odeslání sitemap** 3. **Základní linkbuilding** (katalogy, partneři) 4. **Obsah** (blog, případové studie) 5. **Sledování** (pozice, traffic) --- ## Smlouva a právní náležitosti Nikdy nezačínejte bez smlouvy. Chrání vás i dodavatele. ### Co musí smlouva obsahovat #### Předmět díla - Přesný popis co bude dodáno - Rozsah (počet stránek, funkce) - Co není součástí #### Cena a platby - Celková cena - Platební kalendář (záloha, milníky, finální platba) - Co je v ceně, co je navíc - DPH #### Harmonogram - Předpokládaný termín dokončení - Milníky - Co když se termín nedodrží #### Vlastnictví **KRITICKÉ:** - Kdo vlastní výsledný kód? - Kdo vlastní design? - Přístupové údaje - Možnost převést web jinam **Správně:** Vy vlastníte vše po zaplacení. **Špatně:** Agentura vlastní kód a vy jste závislí. #### Autorská práva - Licence k použitým prvkům - Fotky, fonty, grafika #### Záruční doba - Jak dlouhá (typicky 1-3 měsíce) - Co zahrnuje - Co nezahrnuje #### Podpora a údržba - Co je po záruce - Cena podpory - SLA (reakční doba) #### Součinnost - Vaše povinnosti (dodání podkladů) - Termíny pro zpětnou vazbu - Co když nedodáte včas #### Odstoupení od smlouvy - Za jakých podmínek - Co se stane s penězi - Co se stane s rozpracovaným dílem ### Doména a hosting **DŮLEŽITÉ:** ✅ **Doména MUSÍ být na vaše jméno/firmu** - Vy jste vlastník - Vy máte přístupy - Můžete kdykoliv převést ❌ **Nikdy nedovolte aby doména byla na agenturu** - Jste rukojmí - Můžou vás vydírat - Nemůžete odejít **Hosting:** - Ideálně na vaše jméno - Nebo alespoň s možností migrace - Přístupy musíte mít vy --- ## Co dělat po spuštění Web je live. Co teď? ### Okamžitě po spuštění 1. **Zkontrolujte vše** - Všechny stránky fungují - Formuláře odesílají - Telefony jsou klikací - Mobil vypadá OK 2. **Google Search Console** - Registrace - Ověření vlastnictví - Odeslání sitemap 3. **Google Analytics** - Ověřte že trackuje - Nastavte cíle/konverze 4. **Google Business Profile** - Aktualizujte odkaz na web - Přidejte nové fotky ### První týdny 1. **Monitoring** - Sledujte traffic - Sledujte chyby (Search Console) - Sledujte rychlost 2. **Obsah** - Přidávejte nový obsah - Blogové články - Případové studie 3. **Propagace** - Sdílejte na sociálních sítích - Email stávajícím klientům - Aktualizujte podpisy, vizitky ### Dlouhodobě 1. **SEO** - Pravidelný obsah - Linkbuilding - Optimalizace 2. **Údržba** - Aktualizace systému - Bezpečnostní záplaty - Zálohy 3. **Měření a optimalizace** - Co funguje? - Co ne? - A/B testování 4. **Rozvoj** - Nové funkce - Vylepšení - Reakce na feedback --- ## Nejčastější chyby a jak se jim vyhnout ### Chyba #1: Výběr podle nejnižší ceny **Problém:** Levný web často stojí víc - přepracování, ztracený čas, ušlý zisk. **Řešení:** Hodnoťte kvalitu, ne jen cenu. ### Chyba #2: Nejasné zadání **Problém:** "Udělejte mi hezký web" = nikdo neví co má vzniknout. **Řešení:** Definujte cíle, cílovou skupinu, funkce. ### Chyba #3: Změny v průběhu projektu **Problém:** Neustálé změny = zpoždění + vyšší cena. **Řešení:** Důkladně schvalte brief a design. Změny jen když nutné. ### Chyba #4: Podceňování obsahu **Problém:** Krásný web s "Lorem ipsum" nebo špatnými texty. **Řešení:** Investujte do obsahu. Copywriting, fotografie. ### Chyba #5: Ignorování mobilu **Problém:** Web vypadá skvěle na desktopu, na mobilu katastrofa. **Řešení:** Mobile-first přístup. Testujte na telefonu. ### Chyba #6: Žádné SEO **Problém:** Krásný web který nikdo nenajde. **Řešení:** SEO od začátku. Aspoň základy. ### Chyba #7: Spustit a zapomenout **Problém:** Web po roce zastaralý, nefunkční, hacknutý. **Řešení:** Pravidelná údržba, aktualizace, nový obsah. ### Chyba #8: Doména na cizí jméno **Problém:** Nemáte kontrolu, jste rukojmí. **Řešení:** Doména VŽDY na vaše jméno. ### Chyba #9: Příliš složitý web **Problém:** Chcete všechno najednou = drahé, dlouhé, zbytečné. **Řešení:** Začněte jednoduše. Rozšiřujte postupně. ### Chyba #10: Špatná komunikace **Problém:** Neodpovídáte, nedáváte feedback, neschvalujete. **Řešení:** Buďte aktivní součástí projektu. --- ## Případové studie ### Případová studie 1: Lokální autoservis **Výchozí stav:** - Žádný web - Zákazníci jen z doporučení - Majitel chtěl růst **Řešení:** - Jednoduchý web 5 stránek - WordPress - Google Business Profile optimalizace - Základní SEO **Investice:** 45.000 Kč **Výsledky (po 6 měsících):** - 15-20 nových poptávek měsíčně - 60% z Google (předtím 0%) - ROI: 400%+ ### Případová studie 2: B2B konzultantka **Výchozí stav:** - Starý web 8 let - Neprofesionální dojem - Nefungoval na mobilu **Řešení:** - Redesign na míru - Moderní technologie (Next.js) - Obsahová strategie - LinkedIn integrace **Investice:** 120.000 Kč **Výsledky:** - Profesionální prezentace - 3x více poptávek - Vyšší průměrná hodnota zakázky ### Případová studie 3: E-shop s doplňky stravy **Výchozí stav:** - Starý e-shop na vlastním řešení - Pomalý, nefunkční na mobilu - Konverzní poměr 0.8% **Řešení:** - Migrace na Shoptet - Nový design - UX optimalizace - Rychlejší web **Investice:** 85.000 Kč **Výsledky:** - Konverzní poměr 2.4% (3x zlepšení) - +180% tržeb - ROI za 4 měsíce --- ## Checklist pro zadavatele ### Před projektem **Příprava:** - [ ] Definované cíle webu - [ ] Známá cílová skupina - [ ] Stanovený rozpočet - [ ] Časový rámec - [ ] Příklady webů které se líbí **Podklady:** - [ ] Logo v různých formátech - [ ] Firemní barvy - [ ] Informace o firmě - [ ] Seznam služeb/produktů ### Výběr dodavatele - [ ] Prozkoumané portfolio (5+ projektů) - [ ] Přečtené recenze - [ ] Kontaktované reference - [ ] Položené klíčové otázky - [ ] Porovnané nabídky (ne jen podle ceny) ### Smlouva - [ ] Jasně definovaný předmět díla - [ ] Cena a platební kalendář - [ ] Harmonogram - [ ] Vlastnictví (kód, design, doména) - [ ] Záruční podmínky - [ ] Podmínky podpory ### Během projektu **Dodávky:** - [ ] Texty pro všechny stránky - [ ] Fotografie - [ ] Další podklady dle požadavků **Komunikace:** - [ ] Včasná zpětná vazba - [ ] Schválení milníků - [ ] Hlášení problémů ### Před spuštěním - [ ] Testování na mobilu - [ ] Testování formulářů - [ ] Kontrola rychlosti - [ ] Kontrola SEO základů - [ ] Ověření vlastnictví domény ### Po spuštění - [ ] Google Search Console - [ ] Google Analytics - [ ] Aktualizace Google Business Profile - [ ] Propagace na sociálních sítích - [ ] Plán údržby a rozvoje --- ## Závěr Tvorba webu je investice do budoucnosti vašeho podnikání. Dobře udělaný web vám bude vydělávat roky. **Klíčové body:** 1. **Definujte cíle** - Co má web dělat? 2. **Vyberte správně** - Ne podle ceny, ale podle kvality 3. **Připravte se** - Podklady, obsah, čas na projekt 4. **Spolupracujte** - Jste součástí projektu 5. **Nepřestaňte** - Web po spuštění vyžaduje péči **Pamatujte:** Nejlevnější web vás často vyjde nejdráž. Investice do kvalitního webu se vrátí mnohonásobně. --- ## Potřebujete pomoct s webem? V Appitect děláme weby které fungují. Transparentní proces, jasné ceny, spokojení klienti. **Co nabízíme:** - Konzultaci zdarma - Návrh řešení na míru - Transparentní cenovou nabídku - Profesionální realizaci - Podporu po spuštění Ozvěte se a probereme váš projekt. [Objednat konzultaci zdarma](https://appitect.eu/kontakt) --- **Související články:** - [Kolik stojí vytvoření webu v Česku](/blog/kolik-stoji-vytvoreni-webu-v-cesku-2025) - [Jak vybrat webovou agenturu](/blog/jak-vybrat-webovou-agenturu-15-kriterii-2026) - [Jak dlouho trvá vývoj webu](/blog/jak-dlouho-trva-vyvoj-webu-realisticky-timeline-2025) - [SEO checklist pro nový web](/blog/seo-checklist-pro-novy-web-20-veci-ktere-nesmite-zapomenout-2025) - [Web pro začínající podnikatele](/blog/web-pro-zacinajici-podnikatele-osvc-kompletni-pruvodce-2026) --- *Článek naposledy aktualizován: Únor 2026*