Rozhodli jste se pro nový web, dohodli se s agenturou a pak přišel e-mail: "Pošlete nám podklady." Přesně tato věta způsobuje nejčastější zdržení webových projektů. Klient neví, co pod podklady spadá, v jakém formátu to dodat a v jakém pořadí. Agentura mezitím čeká.
Dobře připravené podklady zkrátí projekt o týdny a mohou ušetřit nezanedbatelnou část rozpočtu — agentura nebude muset dělat to, co jste mohli přinést vy.
V tomto průvodci projdeme všechno, co dobrý web potřebuje: texty, logo a vizuální identitu, fotografie, přístupy k systémům, informace o konkurenci a inspiraci. Ukážeme, v jakém formátu podklady dodat, jak je zorganizovat, a co dělat, když je zatím nemáte. Na konci najdete přehledný checklist a odpovědi na nejčastější dotazy.
Proč na podkladech tolik záleží
Než se pustíme do detailů, stojí za to pochopit, proč agentura na podklady tolik tlačí. Webový projekt má daný sled kroků: nejdřív se navrhne struktura, pak vizuál, pak se vše převede do funkčního kódu a nakonec se web naplní obsahem a otestuje. Každý krok staví na tom předchozím. Když v půlce procesu chybí text nebo fotka, práce se zastaví — nebo, což je horší, pokračuje se zástupným obsahem, který se pak musí nahradit a kolem něj předělat hotová práce.
Chybějící podklady jsou proto nejčastější příčinou, proč se web, který měl být hotový za šest týdnů, protáhne na tři měsíce. A protože většina agentur účtuje čas, protahování se promítá do ceny. Podklady tak nejsou administrativní otravnost — jsou to suroviny, ze kterých se web staví. Bez mouky nikdo neupeče chleba, jakkoli šikovný pekař je.
Texty jsou nejdůležitější a nejčastěji chybí
Design navazuje na obsah, ne naopak. Web se správně navrhuje pro konkrétní texty a sdělení — ne pro zástupný text, který se "doplní později". Projekty, kde texty přijdou po dokončení designu, skoro vždy procházejí drahými revizemi, protože délka textů neseděla do rozvržení nebo klíčové sdělení vyžadovalo jiný layout.
Texty připravte dřív, než projekt začne. Pro každou stránku — homepage, o nás, jednotlivé služby, kontakt — napište to, co chcete sdělit. Není potřeba finální produkční forma, stačí srozumitelný dokument ve Wordu nebo Google Docs s jasně označenými sekcemi. Formátování (barvy, písma, odsazení) nechte na agentuře, to se bude měnit. Obsah musí přijít od vás.
Pokud nevíte, kde začít, řiďte se jednoduchou strukturou, která funguje pro firemní weby: začněte tím, jaký problém zákazníkovi řešíte, pokračujte tím, jak konkrétně mu pomůžete, doložte to referencemi nebo výsledky a zakončete jasnou výzvou k akci. U každé stránky si položte otázku „co má zákazník po přečtení udělat?" a k tomu text směřujte. Nepište o sobě — pište o zákazníkovi a jeho situaci. Tahle příprava vám ušetří hodiny přepisování později.
Praktický tip: pište v krátkých odstavcích a používejte mezinadpisy. Nejenže se to lépe čte, ale agentura z toho hned vidí, jak text rozdělit do sekcí na stránce. Vyhněte se dlouhým souvětím a interní firemní hantýrce, které zákazník nerozumí. A klíčové sdělení každé stránky dejte hned na začátek — na webu nikdo nečeká na pointu ve třetím odstavci.
Logo a vizuální identita
Logo potřebujete v křivkách — formát SVG, AI nebo EPS. Toto je soubor, který lze libovolně škálovat bez ztráty kvality a ze kterého agentura může vytvořit jakoukoliv variantu. PNG nebo JPG exportované z webu nebo ze screenshotu nestačí — jsou to rastrové obrázky v nízkém rozlišení, které při zvětšení ztrácejí kvalitu.
Pokud logo v křivkách nemáte, obraťte se na grafika, který ho vytvořil. Každé profesionálně vytvořené logo má zdrojový soubor. Pokud tento soubor neexistuje nebo ho nelze dohledat, počítejte s překreslením loga — to stojí typicky 5 000 až 15 000 Kč a je to legitimní investice, protože správný zdrojový soubor budete potřebovat i jindy.
Připravte logo v několika variantách: barevné, černé a bílé, ideálně na průhledném pozadí. Pokud máte brand manuál s přesnými hexadecimálními kódy barev a názvem písma, přiložte ho.
Co když žádnou vizuální identitu zatím nemáte? Pak je to téma, které je potřeba vyřešit hned na začátku projektu, ne někde v půlce. Buď si necháte vytvořit alespoň základní identitu (logo, dvě až tři firemní barvy, volbu písma) předem, nebo se domluvíte, že ji jako součást webu navrhne agentura. Rozhodně ale nespoléhejte na to, že se „nějaké barvy vyberou cestou" — vizuální identita je základ, na kterém stojí celý vzhled webu, a měnit ji uprostřed projektu znamená předělávat hotovou práci.
Fotografie: vlastní vs. stock
Vlastní fotografie jsou pro věrohodnost webu nenahraditelné v jedné klíčové oblasti: prezentaci lidí a prostředí. Zákazník, který vidí na stránce "O nás" fotku skutečného týmu ve skutečné kanceláři, dostane jiný pocit než ten, kdo vidí stockový obrázek usměvavých lidí v oblecích u stolu.
Profesionální focení firmy a týmu je výdaj, který stojí typicky 10 000 až 25 000 Kč a je to jeden z nejlepších marketingových výdajů, které firma může udělat. Fotky budete používat na webu, v prezentacích, na sociálních sítích a v marketingových materiálech roky.
Pro ilustrativní prvky, pozadí a doplňkový obsah jsou kvalitní stock fotografie v pořádku. Bezplatné zdroje jako Unsplash nebo Pexels nabízejí fotky v dostatečné kvalitě pro většinu použití. Placené archivy jako Shutterstock mají širší výběr.
Technické minimum: fotografie v rozlišení alespoň 2 000 pixelů na delší straně, pojmenované srozumitelně (ne IMG_4523.jpg, ale tym-jan-novak.jpg). Tmavé nebo rozmazané fotky nepoužívejte ani jako dočasné zástupné — špatná fotka je horší než žádná fotka.
Jak se připravit na focení, aby se investice vyplatila? Domluvte se s fotografem předem na tom, jaké záběry potřebujete — týmové portréty, fotky prostředí, detaily práce, případně jednotlivé portréty pro sekci kontaktů. Připravte prostředí (uklizená kanceláře, provozovna) a rezervujte na focení dostatek času. Jeden dobře naplánovaný půldenní focení pokryje potřeby webu i marketingu na rok dopředu. A myslete i na orientaci fotek — pro hero sekci webu se hodí širokoúhlé záběry na šířku, protože se roztahují přes celou obrazovku.
Přístupy k systémům
Agentura bude pravděpodobně potřebovat přístup k doménovému registrátorovi (pro nastavení DNS), hostingu (pro nasazení webu) a stávajícímu webu, pokud migruje obsah nebo přesměrování. Případně k Google Analytics a Google Search Console pro zachování historických dat.
Přístupy nikdy nesdílejte v čistém e-mailu. Použijte správce hesel (1Password, Bitwarden) nebo jednorázovou šifrovanou zprávu. Vždy zvažte, zda je potřeba dávat přístup k celému účtu, nebo postačí vytvořit nový podúčet s omezenými právy.
Praktická poznámka pro české firmy: domény .cz nejčastěji registrují Wedos, Forpsi nebo Active24 a přístup k nim bývá oddělený od hostingu. Zjistěte si předem, kde je vaše doména vedená a kdo má k účtu přihlašovací údaje — u firem, kde web před lety zařizoval externí dodavatel, se často stává, že tuto informaci nikdo interně nemá. Vyřešit to na začátku je snadné; řešit to na poslední chvíli před spuštěním nového webu je zbytečný stres.
Zásadní věc na závěr této části: doména i hosting musí být vedené na vaši firmu, ne na agenturu. Před předáním přístupů si ověřte, že jste skutečným vlastníkem účtu. Pokud zjistíte, že doména je registrovaná na někoho jiného, řešte převod dřív, než se rozjede nový projekt.
Informace o konkurenci a inspiraci
Tato část podkladů bývá podceňována, ale pro agenturu je cenná. Pět minut vaší práce ušetří hodiny nedorozumění. Připravte přehled tří až pěti konkurenčních webů s poznámkou, co se vám na každém líbí a co ne — a čím se chcete odlišit. Pak stejný počet webů jako inspirace (nemusí být z vašeho oboru), s konkrétním popisem, co vás zaujalo.
Konkrétnost je klíčová. "Líbí se mi www.stripe.com — jejich způsob prezentace produktu přes animace při scrollu, a jak čistě hierarchizují informace" je použitelný brief. "Líbí se mi moderní weby" není nic.
Stejně užitečné je říct, co se vám nelíbí. Když agentuře ukážete dva weby se vzkazem „tudy rozhodně ne — tohle mi přijde přeplácané a nepřehledné", zúžíte směr stejně účinně jako pozitivními příklady. Designér tak nestřílí naslepo a vy se vyhnete kolům revizí, kde teprve postupně zjišťujete, co nechcete. Přidejte i pár slov o tom, jak chcete, aby web působil — seriózně a konzervativně, nebo naopak hravě a odvážně? Tři přídavná jména o žádané atmosféře nasměrují designera víc, než si myslíte.
Jak podklady organizovat
Jedna sdílená složka (Google Drive nebo Dropbox) s jasnou strukturou je výrazně lepší než dvacet e-mailů s přílohami. Doporučená struktura: složka pro texty, složka pro logo a vizuál, složka pro fotografie (podrozdělená podle typu), složka pro dokumenty ke stažení, a jeden souhrnný dokument s informacemi o firmě.
Označte finální verze jednoznačně — "logo-final.svg", ne "logo-v3-opraveny-TOTO.svg". Pokud posíláte aktualizaci, starou verzi přejmenujte nebo smažte. Chaos v podkladech se přímou úměrou promítá do chaosu v projektu.
Doporučená struktura složek vypadá takto:
- 01-texty — jeden dokument na stránku, jasně pojmenované
- 02-logo-a-identita — logo v křivkách, varianty, brand manuál
- 03-fotografie — podsložky podle typu (tym, prostredi, produkty)
- 04-dokumenty — ceníky, letáky, PDF ke stažení
- 05-inspirace — odkazy a poznámky ke konkurenci a inspiraci
- info-o-firme.docx — souhrn: co firma dělá, pro koho, kontakty, IČO
Tahle drobná investice do pořádku se vyplatí oběma stranám. Agentura přesně ví, kde co hledat, a vy máte jistotu, že nic nezapadlo v e-mailové schránce.
Časté chyby při přípravě podkladů
Následující omyly stojí za většinou zdržení, která ve webových projektech vidíme. Vyhnete-li se jim, ušetříte čas i peníze.
- Odkládání textů. „Texty dodáme, až uvidíme design" je nejdražší věta v projektu. Design se pak kreslí pro zástupný text a po dodání reálného obsahu se předělává.
- Logo jen v PNG. Rastrové logo ze screenshotu nestačí. Bez zdrojového souboru v křivkách se logo na webu rozostří a čeká vás překreslení za příplatek.
- Stock fotky lidí místo vlastních. Usmívající se cizinci v oblecích působí neosobně. U sekce „o nás" a týmu se vlastní fotky nedají ničím nahradit.
- Přístupy poslané e-mailem. Hesla v čisté podobě v e-mailu jsou bezpečnostní riziko. Použijte správce hesel nebo šifrovanou zprávu.
- Vágní inspirace. „Líbí se mi moderní weby" nedává designérovi nic. Konkrétní příklady s popisem, co a proč se vám líbí, jsou zlato.
- Chaos v souborech. Dvacet e-mailů s přílohami a soubory typu „finalni-verze-TATO-uz-fakt.docx" se promítne do chaosu v projektu.
- Zapomenuté vlastnictví domény. Zjistit až před spuštěním, že doména je vedená na bývalého dodavatele, umí projekt zdržet o týdny.
Checklist podkladů před startem projektu
Než dáte agentuře zelenou, projděte si tento seznam. Když u každého bodu odškrtnete „mám", projekt může běžet bez zbytečných prostojů.
- Texty pro všechny stránky v dokumentu s jasně označenými sekcemi.
- Logo v křivkách (SVG, AI nebo EPS) ve variantách barevná / černá / bílá.
- Barvy a písmo — ideálně brand manuál s hexadecimálními kódy.
- Fotografie v dostatečném rozlišení, srozumitelně pojmenované.
- Přístupy k doméně, hostingu, Analytics — bezpečně přes správce hesel.
- Ověřené vlastnictví domény a hostingu na vaši firmu.
- Konkurence a inspirace — 3–5 příkladů s konkrétními poznámkami.
- Souhrn o firmě — čím se zabýváte, pro koho, kontaktní údaje, IČO.
- Sdílená složka s jasnou strukturou místo e-mailových příloh.
Co když podklady ještě nemám
Projekt lze odložit do chvíle, kdy budou podklady připraveny — to je nejčistší řešení. Alternativně agentura zajistí copywriting, focení nebo nákup stock fotek, ale za příplatek, který pokrývá jak jejich práci, tak výslednou koordinaci.
Nejdražší varianta: začít projekt bez podkladů s tím, že se "doplní cestou". Tato cesta vede k zpoždění, přepisování hotové práce a frustraci na obou stranách.
Pokud si nejste jistí, kolik toho zvládnete připravit sami, řekněte to agentuře rovnou na začátku. Dobrý dodavatel s vámi projde, co je ve vašich silách a co je lepší svěřit odborníkům — a podle toho nastaví rozsah i cenu. Otevřená domluva na startu je vždycky levnější než improvizace uprostřed projektu.
Časté dotazy
V jakém formátu mám dodat texty? Stačí obyčejný dokument ve Wordu nebo Google Docs s jasně označenými sekcemi podle stránek. Neřešte formátování, barvy ani písma — to je práce agentury. Důležitý je obsah: co chcete na každé stránce sdělit a jakou akci má zákazník udělat. Finální produkční úprava textů přijde až později.
Proč nestačí logo v PNG nebo JPG? Protože jde o rastrové obrázky s pevným rozlišením, které se při zvětšení rozostří. Logo v křivkách (SVG, AI, EPS) lze libovolně zvětšovat bez ztráty kvality a agentura z něj vytvoří jakoukoli variantu. Pokud zdrojový soubor nemáte, počítejte s překreslením loga za zhruba 5 000–15 000 Kč.
Musím mít profesionální fotky, nebo stačí stock? Pro prezentaci vašeho týmu a prostředí jsou vlastní fotky nenahraditelné — budují důvěru, kterou stock nikdy nedodá. Pro ilustrativní prvky a pozadí kvalitní stock (Unsplash, Pexels, Shutterstock) postačí. Ideální je kombinace: vlastní fotky lidí a firmy, stock na doplňkový obsah.
Jak bezpečně předat přístupy k doméně a hostingu? Nikdy ne v běžném e-mailu. Použijte správce hesel jako 1Password nebo Bitwarden, nebo jednorázovou šifrovanou zprávu. Kde to jde, vytvořte agentuře podúčet s omezenými právy místo sdílení celého účtu. A předem si ověřte, že doména i hosting jsou vedené na vaši firmu.
Kolik času příprava podkladů zabere? Podle rozsahu webu, ale počítejte spíš v týdnech než dnech — hlavně kvůli textům a focení. Právě proto je dobré začít s přípravou souběžně s výběrem dodavatele, ne až když projekt odstartuje. Dobře připravené podklady přitom dokážou celý projekt zkrátit o týdny a snížit jeho cenu.
V Appitect pomáháme klientům s přípravou i sběrem podkladů jako součást kickoffu projektu. Pokud nevíte, kde začít, nebo co přesně váš projekt bude potřebovat, rádi to projdeme na úvodní konzultaci.
