Jak připravit podklady pro nový web
Chystáte nový web a nevíte, co všemu musíte dodat designérovi a vývojáři? Nejspíš řešíte chaos v dokumentech, neúplné texty nebo fotky, které se na webu prostě nehodí. Výsledek? Prodlužující se termíny, navýšený rozpočet a nervy na pochodu.
Tento průvodce je přesně pro vás: krok za krokem popisuje, jak připravit podklady pro web tak, aby projekt běžel rychle, levně a s minimem oprav. Neřešíme teorie — ukážeme praktické šablony, konkrétní příklady a checklist, podle kterého si zkontrolujete všechno před odesláním dodavateli.
Pokud chcete, aby web nejen hezky vypadal, ale hlavně fungoval (oslovil zákazníky, sbíral poptávky, fungoval technicky), začněte tady. A ano — když si nejste jistí, my to s vámi rychle projdeme a navrhneme plán.
Co se v článku dozvíte
- Co přesně zahrnuje „podklady pro web“ a proč je to důležité
- Jak napsat funkční zadání webu (co musí obsahovat)
- Jak připravit texty na web a jaké texty chybět nesmí
- Jak vybrat a připravit fotky na web — formáty, rozlišení a alt texty
- Jak předat přístupy, technické detaily a právní podklady tak, aby vývoj začal bez zdržení
- Praktický checklist a nejčastější chyby, kterých se klienti dopouštějí
Obsah článku
- Klíčové podklady pro web
- Jak připravit zadání webu
- Struktura a obsah: texty na web
- Fotky a vizuály: fotky na web
- Technické podklady a přístupy
- SEO, analytika a výkon
- UX, sitemapy a CTA
- Právní, bezpečnostní a provozní podklady
- Srovnání možností přípravy podkladů
- Kolik to přibližně stojí
- Jak k tomu přistupujeme ve Studiu Ustal
- Nejčastější chyby
- Checklist před rozhodnutím
- Závěr
Klíčové podklady pro web
„Podklady pro web“ není jen složka s logem a pár fotkami. Je to soubor dokumentů a souborů, které vývojáři, designéři a copywriteři potřebují, aby web vznikl bez dohledávání informací. Zahrnuje to:
- zadání webu (business cíl, cílovka, tone of voice)
- strukturu stránek / sitemapu
- texty na web a SEO brief
- fotky, grafiky, loga a vizuální guideline
- technické přístupy (hosting, doména, přístupy k administraci)
- právní dokumenty (GDPR, obchodní podmínky, cookies)
- kontaktní osoby, termíny a schvalovací proces
Důležité v praxi
Neexistuje univerzální balíček — ale existuje ideální minimální sada, kterou byste měli mít hotovou před prvním meetingem s dodavatelem. Pokud chcete zkrátit dobu realizace a ušetřit peníze, připravte aspoň základní zadání, sitemapu, texty pro hlavní stránky a 5–10 fotografií, které chcete použít.
Základní formáty a doporučení
- Texty: .docx nebo Google Docs (sdílené), každá stránka zvlášť
- Obrázky: .jpg/.png (pro web), originály ve vyšším rozlišení v .psd nebo .raw
- Loga: .svg a .png s průhledným pozadím
- Wireframy / skici: PDF nebo obrázek + krátký popis
Na tohle si dejte pozor
Posílat „něco“ jako podklady bez jasného popisu je častá chyba. Každý soubor by měl mít jméno, verzi a stručný popis (např. „text_o_nas_v1.docx — Karel schválil 12.3.“). Ušetříte spoustu času oběma stranám.
Jak připravit zadání webu
Zadání webu (brief) je jediný dokument, který definuje, co web má dělat. Měl by být krátký, jasný a obsahovat měřitelné cíle.
Co musí obsahovat zadání webu
- Krátký popis firmy a služeb
- Hlavní obchodní cíle webu (např. zvýšit poptávky o 30 %, získat e-mailové kontakty)
- Cílové skupiny s příklady (persona)
- Funkce, které web musí mít (formuláře, online rezervace, napojení na CRM)
- Reference a konkurence — 3 dobré a 3 špatné příklady s komentářem
- Rozpočet a očekávaný harmonogram
Příklad z praxe
Zadání: „Business web pro účetní firmu. Cíl: +20 % poptávek z webu během 6 měsíců. Cílovka: malé firmy 1–5 zaměstnanců. Funkce: kontaktní formulář s polem ‚typ služby‘, blog pro tipy, sekce reference. Rozpočet: 40–60 tis. Kč.“
Krátké šablony věty, které ulehčí komunikaci
„Na webu musí být jasně vidět, čím se lišíme od konkurence (3 body). Hlavní cílovka jsou malé firmy v Praze. Potřebujeme funnel: landovací stránka pro konzultaci + kontaktní formulář s kalendářem.“
Struktura a obsah: texty na web
Texty na web jsou častým zúženým místem projektu. Chybějící nebo nekvalitní texty znamenají prodlevy a nečekané dodatečné náklady. Připravte texty tak, aby designér mohl nasadit obsah bez přepisování struktur.
Co připravit pro každou stránku
- Název stránky (H1)
- Krátký úvod 2–3 věty (lead)
- 2–5 podnadpisů s krátkými odstavci
- Call-to-action (jedna až dvě varianty)
- Reference nebo sociální důkazy (citace, loga klientů)
- SEO: cílové klíčové slovo, meta title a meta description
Důležité v praxi
Nechte texty k editaci v Google Docs, ne ve Wordu s přebytečnými styly. Dohodněte jasné schvalovací procesy a verze. Pokud nemáte čas nebo zkušenosti, zvažte profesionální copywriting (od 3 000 Kč) — ušetří to čas vývojářům i vám.
Jak psát texty, které fungují
- Pište pro konkrétního čtenáře, ne pro „všechny“
- V první větě vysvětlete přínos pro návštěvníka
- Používejte krátké odstavce a seznamy
- Každá stránka jedno hlavní CTA
Potřebujete inspiraci? Podívejte se na naše hotové reference, jak to může vypadat v praxi: projekty Studia Ustal.
Fotky a vizuály: fotky na web
Fotky na web nejsou dekorace — jsou nástroj komunikace. Špatná fotka dokáže znehodnotit jinak dobrý design. Připravte kvalitní fotografie a předejte informace o tom, kde a jak je použít.
Formáty, rozlišení a názvosloví
- Web: .jpg (komprese), doporučeno 1200–2000 px šířka pro hero obrázek
- Ikony a loga: .svg (škálovatelné)
- Originály: poskytněte i vyšší rozlišení (pro tisk nebo budoucí použití)
- Názvy souborů: popisné (např. team_jana_portret_1.jpg)
- Alt texty: krátké, popisné, ideálně včetně klíčového slova
Na tohle si dejte pozor
Posílat 200 neoznačených fotek z telefonu bez kontextu vede k hodinám třídění. Označte fotky, napište návrh, kde je použít (hero, tým, produkt) a které jsou hlavní.
Kdy najmout fotografa
Pokud chcete autentické fotografie týmu nebo produktu, profesionální focení začíná u nás od cca 5 000 Kč. Focení ušetří čas i peníze dlouhodobě — získáte konzistentní obraz značky, který funguje napříč webem a sociály.
Příklad z praxe
Firma ABC poslala 3 hero fotky + 8 fotek týmu a 5 fotek projektu. Vše označené. Díky tomu jsme během 2 dní nasadili layout a odladili kontrast a crop do mobilu bez zdržení.
Technické podklady a přístupy
Bez přístupů a jasných technických informací se začne pracovat pomalu nebo vůbec. Připravte seznam přístupů a technických požadavků.
Co dodat před zahájením
- Přístup k doméně / správci DNS (pokud budete chtít, můžeme převzít správu)
- Přístupy k hostingu (FTP/SFTP, cPanel nebo SSH podle typu)
- Přístupy k e-mailům, nástrojům třetích stran (Google Analytics, Google Tag Manager)
- Přístupy k firemním profilům (Google Business Profile) — pokud chcete spravovat lokální SEO
- Seznam integrací: CRM, platební brána, rezervační systém
Důležité v praxi
U WordPress projektů dejte vývojářům do začátku přístup s uživatelem s omezenými právy, ne root/administrátor. Pokud si nejste jisti, vytvořte samostatný účet. Více technických tipů najdete v oficiální dokumentaci WordPressu.
Externě doporučujeme zkontrolovat PageSpeed výsledky a požadavky na výkon před nasazením obsahu — pomůže to předejít zdlouhavým optimalizacím později: Google PageSpeed Insights.
SEO, analytika a výkon
SEO není jednorázová věc — ale bez základního SEO briefu budete ztrácet návštěvnost. Připravte jasná klíčová slova, seznam prioritních stránek a přístup k analytice.
Co dodat v SEO briefu
- Seznam 10–20 klíčových slov, která jsou pro vás důležitá
- Preferovaná URL struktura a hlavní landing pages
- Meta title a meta description pro hlavní stránky (dostatečně popisné)
- Přístup k Google Analytics / Search Console
Na tohle si dejte pozor
Neposílejte „seznam klíčových slov“ bez kontextu. Upřesněte, která slova jsou obchodně důležitá a která jen monitorujete. Špatné cílení klíčových slov vede k návštěvnosti bez konverzí.
Praktický rozcestník
Pro nastavení analytiky je potřeba poskytnout přístupy nebo pozvat účet dodavatele do Google Analytics a Search Console. Pokud chcete, aby web rovnou sbíral data, domluvte tento krok před spuštěním.
UX, sitemapy a CTA
Dobrá struktura stránek ušetří stovky hodin. Sitemapa a základní wireframy určují, kde se co bude nacházet a jaký má být uživatelský tok.
Co připravit
- Sitemapu: hlavní sekce a podstránky
- Wireframy: jednoduché skicy nebo klikatelné prototypy (např. Figma)
- Specifikaci CTA: hlavní akce na stránce, sekundární akce
Příklad z praxe
Landing page pro promo akci: hero + 3 benefitové bloky + reference + pricing + formulář. CTA „Objednat konzultaci“ v hero a vpravo dole jako sticky tlačítko. Díky tomu se konverze zvýšily o 30 % oproti verzi bez sticky CTA.
Právní, bezpečnostní a provozní podklady
Některé podklady jsou povinností — jinak riskujete pokuty nebo problém s provozem. Připravte je včas.
Co poskytnout
- Obchodní podmínky a reklamační řád
- Politika souborů cookies a text o ochraně osobních údajů (GDPR)
- Licenční dokumenty pro použitý software nebo média
- Bezpečnostní požadavky (např. SSO, šifrování, zálohování)
Na tohle si dejte pozor
Nechat právní texty na poslední chvíli je častá chyba. Dobrý pořádek v těchto dokumentech zrychlí spuštění a sníží riziko právních chyb po spuštění.
Srovnání možností
| Aspekt | Dodáte kompletně vy | Dodá agentura | Smíšené (vy + studio) |
|---|---|---|---|
| Cena | Nižší na papíře, ale časové náklady vyšší | Vyšší (komplet servis), ale méně rizik | Střední — platíte za specialisty jen tam, kde je potřeba |
| Vhodné pro | Firmy s interním marketingem a časem | Firmy, které chtějí rychle nasadit bez starostí | Firmy, které chtějí kontrolu nad obsahem, ale odbornou realizaci |
| Výhody | Nejnižší přímé náklady; plná kontrola nad texty | Profesionální výstup; méně komunikace potřeba | Flexibilita; optimální rozpočet |
| Nevýhody | Riziko nekonzistentního výstupu; časová investice | Vyšší rozpočet; menší kontrola nad detaily | Vyžaduje dobrou koordinaci |
Kolik to přibližně stojí
Univerzální cena neexistuje — záleží na rozsahu, funkcích a tom, kdo podklady připravuje. Cenu ovlivní počet stránek, e‑commerce funkce, integrace a požadavky na design. Pokud posíláte kompletní podklady a nechcete custom funkcionality, cena projektu může být na spodní hranici; pokud potřebujete integrace, uživatelské role nebo aplikaci, cena roste.
Orientačně u nás najdete základní cenové kotvy: landing page od 15 000 Kč, business web od 38 000 Kč a webová aplikace od 90 000 Kč. Podrobnosti najdete v našem ceníku tvorby webových stránek.
Jak k tomu přistupujeme ve Studiu Ustal
Neřešíme web jako samostatný „designový objekt“. Vidíme web jako nástroj pro obchod a komunikaci. Proto spojujeme design, obsah a techniku tak, aby web plnil reálné cíle — přiváděl relevantní návštěvníky, sbíral poptávky a byl snadno spravovatelný.
Proces obvykle vypadá takto: audit současného stavu → jasné zadání → UX a sitemap → design a copy → vývoj → spuštění a měření. Pokud zadání není hotové, pomůžeme ho vytvořit nebo zkompletovat. Více o naší práci v oblasti tvorby webových stránek a širších službách Studia Ustal.
Chcete vidět reálné výsledky? Prohlédněte si naše projekty — ukazujeme, jak se konkrétní podklady promítly do rychlosti realizace a výkonu webu.
Důležité v praxi
Nechte si zkontrolovat podklady od někoho, kdo weby dělá i po spuštění — nejen jednorázově. My mimo jiné nabízíme i následnou správu webu a SEO službu, takže projekt žije dál a neztrácí impuls po spuštění.
Nejčastější chyby
Chyba č. 1: Nejasné zadání
Problém: Dodavatel nemá jasné cíle ani právomoci. Výsledkem jsou nekonečné úpravy a prodražení.
Jak se tomu vyhnout: Napište krátké zadání s prioritami, odpovědnými osobami a konečným schvalovacím procesem.
Chyba č. 2: Nedodělané nebo chybějící texty
Problém: Design čeká na texty, které nikdy nepřijdou, nebo jsou v špatné formě. Výsledkem zpoždění a dočasných placeholderů.
Jak se tomu vyhnout: Před zahájením si připravte texty pro hlavní stránky a SEO brief. Pokud to nezvládnete, využijte profesionální copywriting.
Chyba č. 3: Nekvalitní fotky bez kontextu
Problém: Náhodné fotografie z telefonu nebo stock fotky, které neodpovídají brandu.
Jak se tomu vyhnout: Předem určete, které fotky budou hero, produktové a týmové. Pokud je to potřeba, objednejte profi focení.
Chyba č. 4: Chybějící přístupy k analytikám
Problém: Web je spuštěný, ale nevíte, jak funguje. Žádná data znamenají zaslepené rozhodování.
Jak se tomu vyhnout: Dejte přístupy k Google Analytics a Search Console ještě před spuštěním nebo pozvěte dodavatele ke správě účtů.
Chyba č. 5: Právní texty na poslední chvíli
Problém: Nepřipravené obchodní podmínky nebo cookies blokují spuštění kampaní.
Jak se tomu vyhnout: Mějte právní podklady hotové dřív a předejte je do testovací verze webu.
Chyba č. 6: Špatná komunikace ohledně změn
Problém: Neexistuje jasný proces pro reporting změn a schválení, takže drobné úpravy narůstají do větších zásahů.
Jak se tomu vyhnout: Domluvte si počet kol zpětné vazby a schvalovacích milníků předem.
Checklist před rozhodnutím
- Mám jasné zadání webu s cíli a cílovkami
- Sepsal jsem sitemapu a seznam povinných funkcí
- Texty na hlavní stránky jsou připravené nebo mám plán na copywriting
- Fotky jsou označené a navržené pro konkrétní sekce
- Mám loga ve vektorovém formátu (.svg)
- Připravené právní dokumenty (GDPR, obchodní podmínky, cookies)
- Seznam integrací a přístupů k externím nástrojům
- Určeno schvalovací řešení a kontaktní osoba pro rychlá rozhodnutí
- Rozpočet a časový harmonogram jsou reálné a schválené
- Mám plán pro nasazení analytiky a měření konverzí
- Zvážil jsem variantu profesionálního focení nebo copywritingu
- Mám záložní plán pro případ zpoždění (minimální MVP)
Závěr
Dobře připravené podklady pro web jsou investice do rychlejší a levnější realizace. Když si předem ujasníte zadání, připravíte texty, označíte fotky a předáte přístupy, ušetříte čas i peníze — a hlavně nervy. Tento průvodce vám dal konkrétní šablony a checklist, podle kterého můžete postupovat hned teď.
Nejčastější problém není nedostatek odborníků, ale nekonzistence v podkladech. Opravte to jednou a ušetříte si desítky hodin práce na straně dodavatele i vaší.
Chcete, abychom zkontrolovali vaše podklady?
Domluvte si úvodní konzultaci — společně projdeme zadání, texty i fotky a navrhneme optimální harmonogram a cenu.
