Jak připravit podklady pro tvorbu webu: Kompletní checklist pro klienty (2026)

Appitect - Logo autora blogu o vývoji webových aplikací

Adam Bardzák

Autor

31. prosince 2025
8 min čtení

Rozhodli jste se pro nový web. Vybrali jste agenturu. A teď přišel email: "Pošlete nám podklady."

Co přesně mají na mysli? Co připravit? V jakém formátu?

Špatně připravené podklady = zpoždění, dodatečné náklady a frustrace na obou stranách.

V tomto článku vám ukážu:

  • Kompletní seznam podkladů které budete potřebovat
  • V jakém formátu je dodat
  • Jak ušetřit čas i peníze správnou přípravou
  • Checklist který si můžete vytisknout

Stručně řečeno: Dobře připravené podklady mohou zkrátit vývoj o 2-4 týdny a ušetřit 20-30% rozpočtu. Tento článek vám řekne přesně co připravit.


Proč na podkladech záleží

Co se stane když podklady nemáte

  1. Zpoždění: Agentura čeká na texty, fotky, loga
  2. Dodatečné náklady: Copywriting, focení, nákup fotek
  3. Špatný výsledek: Agentura použije placeholder obsah
  4. Frustrace: Nekonečné kolečko revizí

Co se stane když podklady máte

  1. Rychlejší vývoj: Agentura může jet naplno
  2. Nižší cena: Méně práce = méně fakturujete
  3. Lepší výsledek: Design přizpůsobený vašemu obsahu
  4. Hladká spolupráce: Méně otázek a čekání

Statistika: Projekty s kompletními podklady trvají v průměru o 40% kratší dobu.


Kompletní seznam podkladů

1. Texty a obsah

Co potřebujete:

StránkaCo napsat
HomepageHlavní sdělení, kdo jste, co děláte
O násPříběh firmy, tým, hodnoty
Služby/ProduktyPopis každé služby/produktu
ReferencePřípadové studie, seznam klientů
KontaktAdresa, telefon, email, otevírací doba
Blog (volitelně)3-5 článků na start

Formát:

  • Word dokument nebo Google Docs
  • Jasně označené sekce (H1, H2, odrážky)
  • Bez formátování (barvy, fonty řeší agentura)

Tip: Nevíte co napsat? Podívejte se na náš článek o copywritingu pro firemní weby.

2. Logo a vizuální identita

Co potřebujete:

  • Logo v křivkách: Formát SVG, AI nebo EPS
  • Logo v PNG: Průhledné pozadí, vysoké rozlišení
  • Barevné varianty: Plnobarevné, černé, bílé
  • Brand manuál: Pokud máte (barvy, fonty, pravidla použití)

Formáty které NECHCETE posílat:

  • JPG s bílým pozadím
  • Logo z webu (nízké rozlišení)
  • Word dokument s vloženým logem
  • Screenshot

Nemáte logo v křivkách? Požádejte grafika který ho vytvořil. Nebo ho nechte překreslit (5.000-15.000 Kč).

3. Fotografie

Co potřebujete:

TypPočetPoužití
Tým/zaměstnanci3-10O nás, důvěryhodnost
Kancelář/provozovna5-10O nás, kontakt
ProduktyVšechnySlužby, e-shop
Práce/realizace10-20Reference, portfolio
Atmosféra5-10Pozadí, doplnění

Technické požadavky:

  • Minimální rozlišení: 2000px na delší straně
  • Formát: JPG nebo PNG
  • Pojmenované soubory (ne IMG_4523.jpg)

Stock fotky vs. vlastní:

Stock fotkyVlastní fotky
Rychle dostupnéUnikátní
LevnějšíDražší
GenerickéAutentické
Mohou být na konkurenciJen vaše

Doporučení: Pro "O nás" a tým VŽDY vlastní fotky. Pro ilustrace a pozadí může být stock.

Kde sehnat stock fotky:

  • Unsplash.com (zdarma)
  • Pexels.com (zdarma)
  • Shutterstock (placené, lepší výběr)
  • Adobe Stock (placené)

4. Informace o firmě

Základní údaje:

  • Název firmy (přesně jak má být na webu)
  • IČO, DIČ
  • Sídlo firmy
  • Fakturační adresa (pokud jiná)
  • Kontaktní telefon
  • Kontaktní email
  • Datová schránka (volitelně)

Provozní informace:

  • Otevírací doba
  • Pobočky a jejich adresy
  • Kontakty na jednotlivé oddělení
  • Sociální sítě (URL profily)

5. Přístupy a technické údaje

Co možná budete potřebovat předat:

PoložkaK čemu to je
Doména (přístupy)Přesměrování, DNS nastavení
Hosting (přístupy)Nasazení webu
Stávající web (přístupy)Migrace obsahu
Google AnalyticsZachování dat, nastavení
Google Search ConsoleSEO kontinuita
Sociální sítěIntegrace, sdílení
Email marketing (Mailchimp apod.)Napojení formulářů

Bezpečné předání přístupů:

  • Nikdy ne emailem v čistém textu
  • Použijte správce hesel (1Password, Bitwarden)
  • Nebo službu jako onetimesecret.com

Pro více o technických záležitostech viz náš článek o hostingu.

6. Konkurence a inspirace

Připravte:

Konkurence (3-5 webů):

  • URL webu
  • Co se vám líbí
  • Co se vám nelíbí
  • Čím se chcete odlišit

Inspirace (3-5 webů):

  • URL webu
  • Co konkrétně se vám líbí (layout, barvy, animace...)
  • Nemusí být z vašeho oboru

Příklad formátu:

KONKURENCE:
1. www.konkurent1.cz
   + Líbí se mi jejich ceník
   - Nepřehledná navigace
   
2. www.konkurent2.cz
   + Pěkné reference
   - Pomalý web

INSPIRACE:
1. www.stripe.com
   Líbí se mi: čistý design, animace při scrollu
   
2. www.apple.com
   Líbí se mi: produktové fotky, minimalismus

7. Dokumenty ke stažení (pokud relevantní)

Příklady:

  • Ceníky (PDF)
  • Katalogy produktů
  • Certifikáty
  • Technické listy
  • Obchodní podmínky
  • GDPR dokumenty

Formát: PDF, pojmenované srozumitelně


Speciální podklady podle typu webu

Pro e-shop

Kromě základních podkladů:

  • Produktová data: Název, popis, cena, kategorie, parametry
  • Produktové fotky: Více úhlů, detaily, lifestyle
  • Skladové hospodářství: Napojení na systém?
  • Doprava a platby: Možnosti, ceny, podmínky
  • Obchodní podmínky: Právně ověřené

Tip: Produktová data připravte v Excelu/Google Sheets pro snadný import.

Více o e-shopech v našem článku o e-shop platformách.

Pro web s rezervacemi

  • Služby k rezervaci: Název, délka, cena
  • Dostupnost: Pracovní doba, kapacita
  • Pravidla: Storno podmínky, platba předem?
  • Notifikace: Texty emailů (potvrzení, připomínka)

Pro vícejazyčný web

  • Texty ve všech jazycích: Profesionálně přeložené
  • Lokalizované údaje: Kontakty, měny, formáty
  • SEO: Keywords pro každý trh

Více v našem článku o vícejazyčných webech.


Jak organizovat podklady

Struktura složek

📁 Podklady_web_[název firmy]
├── 📁 01_Texty
│   ├── homepage.docx
│   ├── o-nas.docx
│   ├── sluzby.docx
│   └── kontakt.docx
├── 📁 02_Logo
│   ├── logo.svg
│   ├── logo-bila.png
│   └── logo-cerna.png
├── 📁 03_Fotky
│   ├── 📁 tym
│   ├── 📁 kancelar
│   ├── 📁 produkty
│   └── 📁 realizace
├── 📁 04_Dokumenty
│   ├── cenik.pdf
│   └── certifikaty.pdf
├── 📁 05_Inspirace
│   └── inspirace.docx
└── 📄 info-o-firme.docx

Jak sdílet

Doporučeno:

  • Google Drive (sdílená složka)
  • Dropbox
  • WeTransfer (pro jednorázové předání)

Nedoporučeno:

  • Email s přílohami (limit velikosti)
  • USB flash disk (zastaralé)
  • "Pošlu později" (zpoždění)

Kdy mít podklady připravené

Ideální timeline

Fáze projektuPodklady
Před podpisem smlouvyInspirace, konkurence, základní info
Při kickoffuLogo, texty, fotky týmu
Během designuVšechny fotky, dokumenty
Před vývojemPřístupy, technické údaje

Co když podklady nemám?

Možnost 1: Odložit projekt Počkejte až budete mít vše připravené.

Možnost 2: Nechat agenturu Agentura zajistí copywriting, focení, stock fotky. Za příplatek.

Orientační ceny:

  • Copywriting: 500-1.500 Kč/stránka
  • Profesionální focení: 10.000-30.000 Kč
  • Stock fotky: 500-2.000 Kč/kus

Možnost 3: Postupný vývoj Začít s tím co máte, doplňovat průběžně. Riziko zpoždění.


Nejčastější chyby

Chyba #1: "Texty dodám později"

A pak se čeká 3 týdny. Mezitím designer pracuje s lorem ipsum a výsledek nesedí.

Řešení: Texty jako první. Bez nich nezačínat design.

Chyba #2: Logo v nízké kvalitě

"Tady ho máte z webu." 200×80 pixelů, rozmazané.

Řešení: Vždy SVG nebo AI. Pokud nemáte, nechte překreslit.

Chyba #3: Fotky z mobilu

Tmavé, rozmazané, špatně komponované.

Řešení: Investujte do profesionálního focení. Nebo alespoň focení za denního světla, statická poloha.

Chyba #4: Neúplné informace

Chybí otevírací doba, telefonní číslo je osobní mobil majitele...

Řešení: Projděte checklist níže bod po bodu.

Chyba #5: Chaotické předání

50 emailů s přílohami, různé verze dokumentů, "to poslední bylo správně".

Řešení: Jedna sdílená složka, jasná struktura, finální verze označené.


Kolik času na přípravu počítat

Typ podkladůČas přípravy
Texty (5 stránek)4-8 hodin
Shromáždění fotek2-4 hodiny
Organizace a pojmenování1-2 hodiny
Informace o firmě1 hodina
Konkurence a inspirace1-2 hodiny
Celkem10-20 hodin

Tip: Rozložte si to na týden. Každý den jedna kategorie.


Checklist ke stažení

✅ Texty

  • Homepage - hlavní sdělení, úvod
  • O nás - příběh firmy, hodnoty
  • Služby/Produkty - popis každé položky
  • Reference - případové studie nebo seznam
  • Kontakt - všechny kontaktní údaje
  • Blog články (volitelně) - 3-5 článků
  • Meta descriptions pro každou stránku

✅ Logo a vizuální identita

  • Logo v SVG nebo AI formátu
  • Logo v PNG (průhledné pozadí)
  • Barevné varianty (plnobarevné, černé, bílé)
  • Brand manuál (pokud existuje)
  • Firemní barvy (HEX kódy)
  • Firemní fonty

✅ Fotografie

  • Fotky týmu/zaměstnanců
  • Fotky kanceláře/provozovny
  • Fotky produktů
  • Fotky realizací/práce
  • Atmosférické fotky
  • Všechny v rozlišení min. 2000px

✅ Informace o firmě

  • Název firmy (oficiální)
  • IČO, DIČ
  • Adresa sídla
  • Kontaktní telefon
  • Kontaktní email
  • Otevírací doba
  • Sociální sítě (URL)

✅ Přístupy (podle potřeby)

  • Doména - přístupy k registrátorovi
  • Hosting - přístupy
  • Google Analytics
  • Google Search Console
  • Stávající web (admin)

✅ Konkurence a inspirace

  • 3-5 konkurenčních webů s poznámkami
  • 3-5 inspirativních webů s poznámkami

✅ Dokumenty ke stažení

  • Ceníky (PDF)
  • Certifikáty
  • Obchodní podmínky
  • Další relevantní dokumenty

Závěr

Příprava podkladů není sexy část projektu. Ale je to investice která se vyplatí.

Dobře připravené podklady:

  • Zkrátí projekt o týdny
  • Ušetří tisíce korun
  • Zajistí lepší výsledek

Použijte checklist výše. Připravte si týden. A váš projekt poběží hladce.


Chystáte se na nový web?

V Appitect vám pomůžeme s celým procesem - od přípravy podkladů po spuštění. První konzultace je zdarma.

Objednat konzultaci zdarma


Související články:


Článek naposledy aktualizován: Prosinec 2025

Líbil se vám článek?

Sdílejte ho s ostatními