Rozhodli jste se pro nový web nebo redesign toho stávajícího? Skvělé! Ale než se pustíte do spolupráce s webovým designérem nebo agenturou, čeká vás důležitý krok: příprava podkladů. Čím lépe se připravíte, tím rychlejší, levnější a úspěšnější bude celý proces tvorby webu. Podívejme se na kompletní seznam toho, co byste si měli připravit.
Proč je příprava podkladů tak důležitá?
Možná si říkáte: “To není úkolem webdesignéra?” Ne úplně. Designér vytvoří strukturu, design a funkčnost webu, ale obsah a klíčové informace o vašem byznysu znáte nejlépe vy.
Dobře připravené podklady:
- Výrazně zkracují dobu vývoje – nemusíte čekat na dopsání textů
- Snižují náklady – méně času designéra = nižší cena
- Zlepšují výsledek – web lépe odráží vaši značku a cíle
- Zrychlují spuštění – můžete být online o týdny dříve
- Minimalizují nedorozumění – všichni vědí, co má vzniknout
Představte si, že stavíte dům. Architekt potřebuje vědět, kolik pokojů chcete, jaký styl preferujete a jaký je váš rozpočet. Stejně tak webdesignér potřebuje jasné podklady, aby vytvořil web přesně podle vašich představ.
1. Strategické podklady: základ úspěšného webu
Než začnete shánět fotky nebo psát texty, musíte odpovědět na několik zásadních otázek. Tyto informace pomohou designérovi pochopit váš byznys a cíle.
Cíle a účel webu
Co chcete webem dosáhnout?
- Prodávat produkty online?
- Získávat poptávky a kontakty?
- Budovat povědomí o značce?
- Informovat a vzdělávat?
- Prezentovat portfolio nebo reference?
Příklad: “Chceme, aby web generoval minimálně 20 kvalifikovaných poptávek měsíčně od firem se 100+ zaměstnanci.”
Cílová skupina
Pro koho web vytváříte?
- Jaká je demografická charakteristika (věk, pohlaví, lokace)?
- Jaké mají bolesti a potřeby?
- Jaká je jejich úroveň technické zdatnosti?
- Jaké zařízení nejčastěji používají (mobil/desktop)?
- Co je pro ně důležité při rozhodování?
Příklad: “Naší cílovou skupinou jsou majitelé e-shopů ve věku 30-50 let, kteří hledají řešení pro automatizaci objednávek a chtějí ušetřit čas.”
Konkurence a inspirace
Kdo jsou vaši konkurenti a jaké mají weby?
- Uveďte 3-5 konkurenčních webů
- Co se vám na nich líbí/nelíbí?
- Čím se chcete odlišit?
Jaké weby se vám líbí?
- Nemusí být z vašeho oboru
- Co konkrétně vás na nich zaujalo? (design, funkce, barevnost)
Klíčové sdělení (USP – Unique Selling Proposition)
Proč by si měli zákazníci vybrat právě vás?
- Co děláte jinak než konkurence?
- Jakou unikátní hodnotu nabízíte?
- Co je vaše hlavní konkurenční výhoda?
Příklad: “Jsme jediná česká firma s 24/7 technickou podporou v češtině a 15letou zkušeností v oboru.”
2. Obsahové podklady: texty a struktura
Obsah je král. Dobré texty rozhodují o tom, zda návštěvník zůstane a provede akci, nebo odejde ke konkurenci.
Struktura webu (sitemap)
Jaké stránky budete potřebovat?
Typická struktura firemního webu:
- Úvodní stránka (Homepage)
- O nás / O společnosti
- Služby / Produkty (případně rozdělené do podstránek)
- Reference / Portfolio / Case studies
- Blog / Články
- Kontakt
- Další: Kariéra, FAQ, Ceník, atd.
Napište si seznam všech stránek a podstránek. Pokud nevíte přesně, konzultujte to s designérem – může vám poradit optimální strukturu.
Texty pro jednotlivé stránky
Co byste měli připravit:
Homepage:
- Hlavní nadpis (hero headline) – co děláte, pro koho
- Podnadpis – rozšíření hlavního sdělení
- Stručný popis služeb/produktů (3-5 klíčových benefitů)
- Call-to-action (CTA) – co má návštěvník udělat?
- Důvěryhodnost – reference, čísla, certifikáty
O nás:
- Příběh firmy – jak a proč jste vznikli
- Hodnoty a mise firmy
- Tým – kdo za firmou stojí (jména, pozice, krátké bio)
- Úspěchy a milníky
Služby/Produkty:
- Název každé služby/produktu
- Stručný popis (co to je, komu to pomůže)
- Benefity a výhody
- Proces poskytování služby
- Cena nebo způsob určení ceny
- CTA – poptávkový formulář, kontakt
Reference/Portfolio:
- Názvy projektů
- Klient (pokud lze zveřejnit)
- Popis výzvy a řešení
- Dosažené výsledky (čísla, data)
Kontakt:
- Název firmy
- Adresa
- Telefon, email
- IČO, DIČ (pokud relevantní)
- Pracovní doba
- Mapa
SEO texty a klíčová slova
Pokud chcete, aby vás lidé našli ve vyhledávání, připravte si:
- Klíčová slova – co lidé hledají (např. “tvorba webů Praha”)
- Meta titulky pro každou stránku (50-60 znaků)
- Meta popisy pro každou stránku (150-160 znaků)
- Alternativní texty k obrázkům (ALT tagy)
Pokud si nejste jisti, webdesignér nebo SEO specialista vám může pomoci s výběrem klíčových slov a optimalizací.
3. Vizuální podklady: logo, fotografie, grafika
Vizuální stránka webu je stejně důležitá jako obsah. Kvalitní vizuály zvyšují důvěryhodnost a angažovanost.
Logo a branding
Co připravit:
- Logo ve vektorovém formátu (.ai, .eps, .svg) – nutnost pro škálování
- Logo v různých variantách (barevná, černobílá, inverzní)
- Brandbook (pokud máte) – barvy, fonty, pravidla používání loga
- Barevná paleta – primární a sekundární barvy (ideálně HEX kódy)
- Fonty – jaké písmo používáte v komunikaci
Pokud nemáte logo nebo brandbook, informujte designéra předem – bude potřeba vytvořit.
Fotografie
Typy fotografií, které budete potřebovat:
Obecné:
- Fotografie produktů (vysoké rozlišení, ideálně na bílém pozadí + v kontextu použití)
- Fotografie týmu (profesionální portréty)
- Fotografie prostor (kancelář, prodejna, výroba)
- Fotografie spokojených zákazníků (se souhlasem)
Technické požadavky:
- Vysoké rozlišení (min. 1920px na šířku pro hlavní bannery)
- Formát JPG nebo PNG
- Dobrá kvalita – ostré, dobře osvětlené
Co když nemáte vlastní fotky?
- Můžete použít stock fotografie (Unsplash, Pexels – zdarma, nebo Shutterstock, Adobe Stock – placené)
- Zvažte najmutí profesionálního fotografa – investice se vyplatí
- Designér vám může doporučit vhodné stock foto banky
Videa
Pokud plánujete používat videa:
- Propagační videa o firmě nebo produktech
- Tutoriály nebo návody
- Testimonials – zákaznické recenze ve videu
Formát: MP4, rozlišení Full HD (1920×1080), optimalizované pro web (ne příliš velké soubory).
Ikony a grafické prvky
Pokud máte vlastní ikony nebo ilustrace, připravte je. Pokud ne, designér může použít standardní sady ikon nebo vytvořit vlastní.
4. Technické a funkční požadavky
Funkce, které budete potřebovat
Zaškrtněte, co chcete na webu mít:
- Kontaktní formulář
- Newsletter / odběr novinek
- Blog / aktuality
- E-shop (produkty, košík, platba)
- Rezervační systém
- Vyhledávání
- Multijazyčnost
- Live chat
- Integrace se sociálními sítěmi
- Mapy (Google Maps)
- Galerie / portfolio
- Hodnocení / recenze
- Sekce pro přihlášené uživatele
Integrace s externími nástroji
Budete potřebovat propojit web s:
- Google Analytics / Google Tag Manager
- Facebook Pixel
- CRM systém (např. Pipedrive, HubSpot)
- Email marketing nástroj (Mailchimp, GetResponse)
- Platební brána (GoPay, Stripe, PayPal)
- Skladový systém
- Účetní software
Připravte si přístupové údaje nebo informace o tom, jaké systémy používáte.
Hosting a doména
Co potřebujete vědět:
- Máte již doménu? (např. pavelkajan.cz)
- Kde je doména registrována? (přístupové údaje)
- Máte hosting? Pokud ano, u koho a s jakými parametry?
- Pokud ne, designér vám může doporučit vhodné řešení
5. Reference a další materiály
Zákaznické reference a testimonials
- Citace spokojených zákazníků – jméno, pozice, firma, fotka (se souhlasem)
- Případové studie – konkrétní projekty, výsledky, čísla
- Hodnocení – z Google, Facebooku, Heureky
- Certifikáty a ocenění – skenované certifikáty, loga partnerů
Právní dokumenty
Připravte si:
- Obchodní podmínky
- Zásady ochrany osobních údajů (GDPR)
- Reklamační řád (pokud relevantní)
- Cookie policy
Pokud tyto dokumenty nemáte, můžete je nechat vypracovat od právníka nebo použít generátory (např. z webu osobniudaje.cz).
6. Přístupy a technické informace
Pokud děláte redesign stávajícího webu, připravte:
- Přístup do administrace současného webu
- Přístup k hostingu (FTP/cPanel)
- Přístup k doméně
- Přístup k Google Analytics
- Přístup k dalším nástrojům (Search Console, Facebook Business Manager)
Checklist: Co si připravit krok po kroku
Fáze 1: Strategie (před zahájením)
- Definované cíle webu
- Popis cílové skupiny
- Seznam konkurenčních webů
- USP a klíčové sdělení
- Inspirace (weby, které se vám líbí)
- Rozpočet a timeline projektu
Fáze 2: Obsah
- Struktura webu (seznam stránek)
- Texty pro všechny stránky
- SEO klíčová slova
- Meta titulky a popisy
- Seznam funkcí, které potřebujete
Fáze 3: Vizuály
- Logo (vektorový formát)
- Brandbook / barevná paleta / fonty
- Fotografie produktů
- Fotografie týmu
- Fotografie prostor
- Videa (pokud relevantní)
Fáze 4: Technické
- Seznam požadovaných funkcí
- Seznam potřebných integrací
- Informace o doméně a hostingu
- Přístupy k existujícím systémům
Fáze 5: Doplňující materiály
- Reference a testimonials
- Certifikáty a ocenění
- Právní dokumenty (obchodní podmínky, GDPR)
Co když nemáte všechny podklady?
Nepanikařte! Je naprosto normální, že nemáte vše připravené od začátku. Důležité je:
- Komunikujte s designérem – řekněte mu, co máte a co ne
- Prioritizujte – začněte s nejdůležitějšími podklady (logo, základní texty)
- Nechte si poradit – dobrý designér vám pomůže s tím, co vám chybí
- Počítejte s dodatečným časem – pokud budete texty nebo fotky doplňovat později
Mnoho agentur nabízí i copywriting (psaní textů), fotografování nebo tvorbu brandingu jako doplňkové služby.
Časté chyby, kterým se vyvarujte
Podceňování přípravy textů – “to tam napíšeme nějak později”
Texty připravte předem nebo si objednejte profesionálního copywritera
Nekvalitní fotografie z mobilu
Investujte do profesionálních fotek nebo použijte kvalitní stock fotografie
Nejasné cíle – “chceme moderní web”
Definujte konkrétní, měřitelné cíle
Chybějící přístupy – “heslo máme někde napsané”
Připravte všechny přístupy předem do dokumentu
Kopírování textu od konkurence
Pište originální texty – Google penalizuje duplicitní obsah
Závěr: Příprava je základ úspěchu
Ano, příprava podkladů zabere čas. Možná i několik týdnů. Ale je to čas extrémně dobře investovaný. Web, který vznikne na základě důkladně připravených podkladů, bude:
- Lépe odpovídat vašim cílům
- Profesionálnější a důvěryhodnější
- Rychleji hotový
- Levnější (méně iterací a změn)
- Úspěšnější v konverzích
Začněte dnes. Stáhněte si tento checklist, projděte ho bod po bodu a začněte sbírat podklady. Váš budoucí web (a váš webdesignér) vám za to poděkují.
Tip: Vytvořte si sdílený dokument (Google Docs) nebo složku (Google Drive / Dropbox), kam budete postupně doplňovat všechny podklady. Designér tak bude mít vždy přístup k aktuálním materiálům.