Jak připravit podklady pro nový web (a ušetřit týdny)

Proč na podkladech záleží

Říkám to každému klientovi na úvodní schůzce: tvorba webu se nezdržuje kvůli kódování. Zdržuje se kvůli podkladům. Chybějící texty, fotky ve špatném rozlišení, nerozhodnutá struktura – to je to, co posouvá deadline o týdny.

Připravil jsem checklist, který vám pomůže mít vše pohromadě ještě předtím, než začnu pracovat. (Pokud teprve vybíráte dodavatele, mrkněte i na 10 otázek, které byste měli položit každé webové agentuře.)

1. Logo a vizuální identita

Co potřebuju

• Logo ve vektorovém formátu (SVG nebo AI) – ne JPG z Facebooku
• Barevnou paletu – primární barva, sekundární, akcent. Ideálně HEX kódy
• Fonty – pokud máte firemní font, dejte mi soubory nebo název

Nemáte logo?

Není problém – navrhnu ho. Ale je dobré to vědět předem, protože design webu vychází z vizuální identity. Logo → barvy → web, ne naopak. Více o tom, proč na tom záleží, jsem psal v článku Proč investovat do brandingu.

2. Texty (copy)

Tohle je nejčastější slabé místo. Většina klientů předpokládá, že texty „nějak budou". Nebudou.

Co potřebuju

• Stručný popis firmy – kdo jste, co děláte, pro koho (2–3 věty)
• Texty pro každou podstránku – služby, o nás, reference, kontakt
• USP (unique selling proposition) – proč by měl zákazník vybrat právě vás
• CTA (call to action) – co chcete, aby návštěvník udělal (zavolal, napsal, objednal)

Tipy

• Pište pro zákazníka, ne pro sebe. „Pomůžeme vám zdvojnásobit prodeje" je lepší než „Jsme přední agentura s 10letou zkušeností"
• Krátké odstavce, konkrétní čísla, žádné fráze
• Pokud nemáte čas psát, nabízím copywriting v ceně vyšších balíčků

3. Fotky a obrázky

Co funguje

• Firemní fotky – reálné fotky týmu, kanceláře, produktů
• Portfolio – ukázky vaší práce, realizace, projekty
• Produktové fotky – pro e-shopy minimálně 3 záběry na produkt

Co nefunguje

• Stock fotky usmívajících se modelek s laptopem – vypadají falešně
• Fotky z mobilu ve špatném světle
• Screenshoty z Wordu

Technické požadavky

• Rozlišení minimálně 1920 px na šířku
• Formát JPG nebo PNG (WebP optimalizuju já)
• Pojmenované soubory (ne „IMG_4521.jpg" ale „tym-kancelar.jpg")

4. Struktura webu

Nemusíte kreslit wireframy. Stačí jednoduchý seznam stránek, které chcete mít.

Typická struktura firemního webu

Hlavní stránka
├── Služby
│   ├── Služba 1
│   ├── Služba 2
│   └── Služba 3
├── O nás
├── Reference / Portfolio
├── Blog (volitelné)
├── Ceník (volitelné)
└── Kontakt

Na co myslet

• Kolik podstránek potřebujete?
• Chcete blog nebo sekci aktualit?
• Potřebujete vícejazyčnou verzi (CZ/EN)?
• Budete chtít web sami upravovat?

5. Reference a sociální důkazy

Nic neprodává líp než spokojený zákazník. Připravte si:

• Loga klientů – se svolením, ve vektorovém formátu
• Krátké reference – 2–3 věty od klienta + jméno a firma
• Čísla – „50+ realizovaných projektů", „98 % spokojených klientů"
• Případové studie – pokud máte, jsou zlatý důl pro konverze

6. Přístupy a technické údaje

Pokud redesignujete stávající web (a nejste si jistí, jestli je už čas, projděte si 7 signálů, že váš web potřebuje redesign):

• Přístup k doménovému registrátoru (Wedos, Forpsi, Active24)
• Přístup ke stávajícímu hostingu (pokud migrujeme obsah)
• Google Analytics / Search Console (pro zachování dat)
• Seznam e-mailových schránek (pokud jsou na doméně)

Časový odhad podle připravenosti podkladů

Rozdíl je obrovský. Klient, který přijde s hotovými podklady, ušetří 2–3 týdny a tisíce korun.

Shrnutí – checklist

• Logo v SVG/AI formátu
• Barevná paleta (HEX kódy)
• Firemní fonty
• Texty pro každou podstránku
• USP a CTA
• Fotky (tým, kancelář, produkty)
• Reference a loga klientů
• Struktura webu (seznam stránek)
• Přístupy k doméně a hostingu
• Google Analytics / Search Console

Pošlete mi, co máte, a já se o zbytek postarám. Ať už jde o firemní web, e-shop nebo redesign – čím líp připravené podklady, tím rychlejší a levnější projekt.