[{"data":1,"prerenderedAt":591},["ShallowReactive",2],{"blog-/blog/tvorba-webu-od-a-do-z":3},{"id":4,"title":5,"body":6,"category":573,"description":574,"draft":575,"extension":576,"keywords":577,"meta":582,"metaDescription":583,"metaTitle":584,"navigation":585,"path":586,"publishedAt":587,"seo":588,"stem":589,"updatedAt":587,"__hash__":590},"blog/blog/tvorba-webu-od-a-do-z.md","Tvorba webu od A do Z - jak probíhá a co potřebujete vědět",{"type":7,"value":8,"toc":548},"minimark",[9,18,23,109,113,116,121,140,143,149,153,156,162,165,168,179,183,186,191,205,208,216,220,223,228,245,248,252,255,260,277,283,287,290,293,296,300,303,308,322,335,339,345,351,357,363,368,372,432,439,443,449,455,461,467,471,484,488,493,505,509,512,516,519,523,526,530,537,541],[10,11,12,13,17],"p",{},"Tvorba webu trvá obvykle ",[14,15,16],"strong",{},"2 až 10 týdnů"," podle rozsahu. Skládá se ze šesti fází - od zjištění potřeb přes design a vývoj po spuštění a provoz. Tento průvodce projde každou z nich a řekne vám co se od vás čeká, kde projekty nejčastěji stagnují a jak se tomu vyhnout.",[19,20,22],"h2",{"id":21},"přehled-fází-tvorby-webu","Přehled fází tvorby webu",[24,25,26,42],"table",{},[27,28,29],"thead",{},[30,31,32,36,39],"tr",{},[33,34,35],"th",{},"Fáze",[33,37,38],{},"Co se děje",[33,40,41],{},"Kdo to řeší",[43,44,45,57,68,79,89,99],"tbody",{},[30,46,47,51,54],{},[48,49,50],"td",{},"1. Konzultace a zadání",[48,52,53],{},"Definujeme cíl, rozsah a rozpočet",[48,55,56],{},"Vy + my",[30,58,59,62,65],{},[48,60,61],{},"2. Struktura a obsah",[48,63,64],{},"Návrh architektury a obsahu webu",[48,66,67],{},"My + vy",[30,69,70,73,76],{},[48,71,72],{},"3. Design",[48,74,75],{},"Vizuální podoba stránek",[48,77,78],{},"My",[30,80,81,84,87],{},[48,82,83],{},"4. Vývoj",[48,85,86],{},"Technická realizace",[48,88,78],{},[30,90,91,94,97],{},[48,92,93],{},"5. Testování",[48,95,96],{},"Kontrola funkčnosti",[48,98,67],{},[30,100,101,104,107],{},[48,102,103],{},"6. Spuštění a provoz",[48,105,106],{},"Spuštění, správa, rozvoj",[48,108,67],{},[19,110,112],{"id":111},"fáze-1-konzultace-a-zadání","Fáze 1: Konzultace a zadání",[10,114,115],{},"Tvorba každého webu začíná rozhovorem. Cílem není podepsat smlouvu co nejrychleji, ale pochopit co web má řešit, pro koho je určený a co má zákazník na webu udělat.",[10,117,118],{},[14,119,120],{},"Co se na konzultaci probírá:",[122,123,124,128,131,134,137],"ul",{},[125,126,127],"li",{},"Cíl webu - přivádět poptávky, budovat důvěru, prodávat produkty?",[125,129,130],{},"Cílová skupina - kdo jsou zákazníci a co hledají?",[125,132,133],{},"Rozsah - kolik stránek, jaké funkce, napojení na systémy?",[125,135,136],{},"Termín a rozpočet",[125,138,139],{},"Obsah - kdo napíše texty, kdo dodá fotky?",[10,141,142],{},"Otázka obsahu je klíčová a bývá podceněná. Web bez obsahu nelze spustit - a zajištění textů a fotek je v projektech nejčastějším zdrojem zpoždění.",[144,145,146],"blockquote",{},[10,147,148],{},"Čím konkrétnější máte zadání, tím přesnější dostanete nabídku a tím méně překvapení nastane v průběhu projektu.",[19,150,152],{"id":151},"fáze-2-struktura-a-architektura-webu","Fáze 2: Struktura a architektura webu",[10,154,155],{},"Před designem přichází informační architektura - návrh toho, co web bude obsahovat a jak bude organizovaný.",[10,157,158,161],{},[14,159,160],{},"Výstup:"," přehled stránek, jejich hierarchie a klíčový obsah každé z nich. Technicky se tomu říká sitemap nebo wireframe.",[10,163,164],{},"Proč je tato fáze důležitá? Protože design postavený na špatné struktuře se pak přepracovává dráž. A obsah napsaný pro špatnou strukturu je k ničemu.",[10,166,167],{},"Dobrá architektura webu odpovídá na otázky:",[122,169,170,173,176],{},[125,171,172],{},"Jaká je první věc, kterou zákazník na webu uvidí?",[125,174,175],{},"Jak se dostane z návštěvy ke kontaktu nebo poptávce?",[125,177,178],{},"Kde jsou informace, které odstraňují pochybnosti?",[19,180,182],{"id":181},"fáze-3-design-webu","Fáze 3: Design webu",[10,184,185],{},"Design není jen o tom, jak web vypadá. Je o tom, jak zákazník web prožívá - co vidí jako první, co ho vede k akci a co mu brání odejít.",[10,187,188],{},[14,189,190],{},"Co design zahrnuje:",[122,192,193,196,199,202],{},[125,194,195],{},"Vizuální identita - barvy, typografie, styl fotografií",[125,197,198],{},"Návrh jednotlivých stránek (mockup nebo prototyp)",[125,200,201],{},"Responzivní verze - jak web vypadá na mobilu a tabletu",[125,203,204],{},"Interaktivní prvky - animace, přechody, mikrointerakce",[10,206,207],{},"Vytvoříme návrh, vy ho okomentujete a schválíte nebo pošlete připomínky. Standardně se počítá s 1–2 koly revizí. Více revizí je možných, ale vždy se projeví v ceně nebo termínu.",[144,209,210],{},[10,211,212,215],{},[14,213,214],{},"Tip:"," Nejčastější chyba při schvalování designu je hodnotit ho esteticky, ne funkčně. Správná otázka není \"líbí se mi to?\" ale \"udělá zákazník to, co chci?\"",[19,217,219],{"id":218},"fáze-4-vývoj-webu","Fáze 4: Vývoj webu",[10,221,222],{},"Schválený design jde do vývoje. Pro klienta nejméně viditelná fáze - technicky ale nejnáročnější.",[10,224,225],{},[14,226,227],{},"Co se řeší ve vývoji:",[122,229,230,233,236,239,242],{},[125,231,232],{},"Kódování stránek (HTML, CSS, JavaScript, backend)",[125,234,235],{},"CMS a správa obsahu - jak bude web upravovatelný bez programátora",[125,237,238],{},"Napojení na systémy - CRM, rezervace, formuláře, analytika",[125,240,241],{},"SEO technický základ - struktury URL, meta tagy, sitemap",[125,243,244],{},"Rychlost a výkon - optimalizace obrázků, načítání, caching",[10,246,247],{},"Vývoj probíhá na testovacím prostředí (staging). Finální web vidíte a testujete ještě před tím, než bude živý.",[19,249,251],{"id":250},"fáze-5-testování","Fáze 5: Testování",[10,253,254],{},"Před spuštěním testujeme web důkladně - na více zařízeních (mobil, tablet, desktop) a ve více prohlížečích.",[10,256,257],{},[14,258,259],{},"Co testujeme:",[122,261,262,265,268,271,274],{},[125,263,264],{},"Funkčnost formulářů a odesílání dat",[125,266,267],{},"Správné zobrazení na mobilních zařízeních",[125,269,270],{},"Rychlost načítání a Core Web Vitals",[125,272,273],{},"Funkčnost odkazů a přesměrování",[125,275,276],{},"Napojené systémy a integrace",[10,278,279,282],{},[14,280,281],{},"Co testuje klient:"," Projdete web celý z pohledu zákazníka. Nahlásíte vše, co vypadá špatně nebo nefunguje. Čím více podnětů v této fázi, tím méně problémů po spuštění.",[19,284,286],{"id":285},"fáze-6-spuštění-webu","Fáze 6: Spuštění webu",[10,288,289],{},"Spuštění (nasazení na ostrý server) je technický úkon, který trvá hodiny. Zahrnuje přesun souborů na produkční server, nastavení domény a DNS, kontrolu HTTPS a finální test dostupnosti.",[10,291,292],{},"Po spuštění zkontrolujete indexaci v Google Search Console, ověříte správné fungování analytiky (GA4) a projdete web ještě jednou jako zákazník.",[10,294,295],{},"Spuštění webu není konec projektu. Je to začátek jeho života.",[19,297,299],{"id":298},"provoz-a-správa-webu-po-spuštění","Provoz a správa webu po spuštění",[10,301,302],{},"Web po spuštění potřebuje průběžnou péči. Bez ní postupně zastarává, zpomaluje a stává se bezpečnostním rizikem.",[10,304,305],{},[14,306,307],{},"Co web potřebuje po spuštění:",[122,309,310,313,316,319],{},[125,311,312],{},"Pravidelné aktualizace CMS a pluginů",[125,314,315],{},"Zálohy webu a databáze",[125,317,318],{},"Monitoring dostupnosti",[125,320,321],{},"Nový obsah - články, reference, aktualizace stránek",[10,323,324,329,330,334],{},[325,326,328],"a",{"href":327},"/tvorba-webovych-stranek/sprava-webu","Správa webových stránek"," to řeší formou měsíčního paušálu od 1 490 Kč. Kolik správa stojí a co zahrnuje rozebíráme detailně v článku ",[325,331,333],{"href":332},"/blog/sprava-webu-cena","správa webu - cena a co za to dostanete",".",[19,336,338],{"id":337},"kde-projekty-nejčastěji-stagnují","Kde projekty nejčastěji stagnují",[10,340,341,344],{},[14,342,343],{},"Obsah nepřišel včas."," Texty, fotky, firemní materiály - to musí dodat klient. Pokud obsah přijde pozdě nebo vůbec, projekt stojí. Zajistěte si obsah předem nebo ho zadejte jako součást projektu.",[10,346,347,350],{},[14,348,349],{},"Schvalování se táhne."," Design nebo texty čekají na schválení týdny. Určete jednu zodpovědnou osobu, která rozhoduje. Čím kratší je schvalovací smyčka, tím rychleji je web hotov.",[10,352,353,356],{},[14,354,355],{},"Přibývají nové požadavky."," \"A co kdybychom ještě přidali...\" - změny zadání v průběhu projektu jsou nejčastější příčina překročení rozpočtu i termínu. Nové požadavky jsou vždy vícepráce.",[10,358,359,362],{},[14,360,361],{},"Technické překvapení z napojení na systémy."," CRM, rezervační systém, propojení s účetnictvím - každé napojení je samostatná technická práce. Čím víc jich plánujete, tím dřív je třeba to probrat.",[144,364,365],{},[10,366,367],{},"Nejvíc času projektu ušetří připravený obsah, jeden člověk, který rozhoduje, a zadání, které se v půlce nemění.",[19,369,371],{"id":370},"kolik-tvorba-webu-stojí-a-jak-dlouho-trvá","Kolik tvorba webu stojí a jak dlouho trvá",[24,373,374,388],{},[27,375,376],{},[30,377,378,381,385],{},[33,379,380],{},"Typ webu",[33,382,384],{"align":383},"right","Cena",[33,386,387],{},"Doba realizace",[43,389,390,404,418],{},[30,391,392,398,401],{},[48,393,394],{},[325,395,397],{"href":396},"/tvorba-webovych-stranek/jednoduchy-web","Jednoduchý web",[48,399,400],{"align":383},"15 000–25 000 Kč",[48,402,403],{},"2–3 týdny",[30,405,406,412,415],{},[48,407,408],{},[325,409,411],{"href":410},"/tvorba-webovych-stranek/firemni-web","Firemní web",[48,413,414],{"align":383},"35 000–60 000 Kč",[48,416,417],{},"4–6 týdnů",[30,419,420,426,429],{},[48,421,422],{},[325,423,425],{"href":424},"/tvorba-webovych-stranek/web-na-miru","Web na míru",[48,427,428],{"align":383},"80 000 Kč+",[48,430,431],{},"8–12 týdnů",[10,433,434,435,334],{},"Podrobnější přehled cen a co je v nich zahrnuto najdete v článku ",[325,436,438],{"href":437},"/blog/kolik-stoji-web","kolik stojí tvorba webových stránek",[19,440,442],{"id":441},"jak-si-vybrat-dodavatele-na-tvorbu-webu","Jak si vybrat dodavatele na tvorbu webu",[10,444,445,448],{},[14,446,447],{},"Ptejte se na reference s výsledky."," Hezké portfolio je základ. Ale co web přinesl klientovi - poptávky, rychlost, pozice? Dodavatel, který za svými weby stojí, vám to řekne.",[10,450,451,454],{},[14,452,453],{},"Ověřte si kdo projekt reálně dělá."," Větší agentury přeprodávají projekty subdodavatelům. Zjistěte, jestli projekt udělá člověk, se kterým mluvíte, nebo někdo jiný.",[10,456,457,460],{},[14,458,459],{},"Zkontrolujte co je v ceně a co ne."," Obsah? Hosting? SEO migrace? Správa po spuštění? Podrobná smlouva chrání obě strany.",[10,462,463,466],{},[14,464,465],{},"Vyberte někoho, kdo se ptá."," Dobrý dodavatel chce rozumět vašemu byznysu. Pokud jen pošle nabídku bez jediné otázky, nevede to k dobrému výsledku.",[19,468,470],{"id":469},"chcete-se-pustit-do-webu","Chcete se pustit do webu?",[10,472,473,474,478,479,483],{},"Napište nám přes ",[325,475,477],{"href":476},"/kontakt","kontakt"," a sdělte nám co web má řešit, pro koho je určený a kdy ho potřebujete. Do 24–48 hodin dostanete konkrétní doporučení a orientační cenu. Nebo si prohlédněte naše ",[325,480,482],{"href":481},"/tvorba-webovych-stranek","servisní stránky"," a zjistěte, který typ webu odpovídá vaší situaci.",[19,485,487],{"id":486},"nejčastější-otázky-k-tvorbě-webu","Nejčastější otázky k tvorbě webu",[489,490,492],"h3",{"id":491},"jak-dlouho-trvá-tvorba-webu","Jak dlouho trvá tvorba webu?",[10,494,495,496,498,499,501,502,504],{},"Jednoduchý web lze mít hotový za ",[14,497,403],{},", firemní web za ",[14,500,417],{},", komplexní web na míru za ",[14,503,431],{},". Termín závisí na rozsahu projektu, rychlosti schvalování a dostupnosti obsahu.",[489,506,508],{"id":507},"musím-dodat-texty-sám","Musím dodat texty sám?",[10,510,511],{},"Nemusíte - copywriting lze zajistit jako součást projektu. Pokud texty dodáváte sami, dejte si záležet na termínu. Čekání na obsah je nejčastější příčina zpoždění projektu.",[489,513,515],{"id":514},"co-potřebuji-mít-připravené-před-zahájením-projektu","Co potřebuji mít připravené před zahájením projektu?",[10,517,518],{},"Jasný cíl webu, přibližný rozsah, kontaktní informace, logo a firemní podklady. Obsah (texty, fotky) může přijít v průběhu projektu, ale čím dříve, tím lépe.",[489,520,522],{"id":521},"jak-si-web-budu-moci-sám-upravovat","Jak si web budu moci sám upravovat?",[10,524,525],{},"Většina firemních webů je postavena na CMS (systém správy obsahu), který umožňuje upravovat texty, obrázky a obsah bez znalosti kódu. Součástí předání webu je i krátké zaškolení.",[489,527,529],{"id":528},"co-se-stane-když-web-po-spuštění-potřebuji-upravit","Co se stane, když web po spuštění potřebuji upravit?",[10,531,532,533,536],{},"Drobné úpravy lze řešit v rámci ",[325,534,535],{"href":327},"správy webu"," nebo jako ad hoc práci. Větší změny jsou nová zakázka. Dobrý web je navržen tak, aby se dal snadno rozšiřovat.",[19,538,540],{"id":539},"shrnutí","Shrnutí",[10,542,543,544,547],{},"Tvorba webu probíhá v šesti fázích - od konzultace přes design a vývoj po spuštění a provoz. Nejkritičtější proměnné jsou obsah (texty a fotky), rychlost schvalování a jasné zadání od začátku. Pokud chcete vědět jak by váš konkrétní projekt vypadal, ",[325,545,546],{"href":476},"napište nám"," - rádi poradíme zdarma a bez závazků.",{"title":549,"searchDepth":550,"depth":550,"links":551},"",2,[552,553,554,555,556,557,558,559,560,561,562,563,564,572],{"id":21,"depth":550,"text":22},{"id":111,"depth":550,"text":112},{"id":151,"depth":550,"text":152},{"id":181,"depth":550,"text":182},{"id":218,"depth":550,"text":219},{"id":250,"depth":550,"text":251},{"id":285,"depth":550,"text":286},{"id":298,"depth":550,"text":299},{"id":337,"depth":550,"text":338},{"id":370,"depth":550,"text":371},{"id":441,"depth":550,"text":442},{"id":469,"depth":550,"text":470},{"id":486,"depth":550,"text":487,"children":565},[566,568,569,570,571],{"id":491,"depth":567,"text":492},3,{"id":507,"depth":567,"text":508},{"id":514,"depth":567,"text":515},{"id":521,"depth":567,"text":522},{"id":528,"depth":567,"text":529},{"id":539,"depth":550,"text":540},"blog","Jak probíhá tvorba webu krok za krokem? Od prvního rozhovoru po spuštění a provoz. Praktický průvodce bez zbytečné teorie.",false,"md",[578,579,580,581],"tvorba webu","jak probíhá tvorba webu","vývoj webu","tvorba webových stránek postup",{},"Tvorba webu krok za krokem - od zadání přes design a vývoj po spuštění a správu. Co se od vás čeká a na co se připravit. Bez zbytečné teorie.","Tvorba webu od A do Z - jak to probíhá | Mistři webů",true,"/blog/tvorba-webu-od-a-do-z","2026-09-03",{"title":5,"description":574},"blog/tvorba-webu-od-a-do-z","7aFvduHD1bpGVJcdXppNjPJ_csNxeQtciCL2UNeNqWk",1790083388789]