Přeskočit na obsah
Zpět na všechny články
Webdesign7 min čtení

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

Největší brzdou při tvorbě webu nejsou vývojáři, jsou to chybějící podklady. Připravil jsem praktický checklist, který vám ušetří čas, peníze a nervy.

Marek Frňka
Web developer na volné noze za značkou Le Artist, Ostrava
V tomto článku
Papírové návrhy rozložení webové stránky.
Návrh na papíře umožní vyjasnit strukturu ještě před vývojem. Ilustrační fotografie vytvořená s AI.

Proč na podkladech záleží

Chybějící texty, nejasná struktura nebo fotografie v nepoužitelném rozlišení mohou zdržet návrh i vývoj. Na úvod proto určete, kdo podklady připraví, kdo je schválí a kdy budou hotové. Zpoždění může mít i technické příčiny; připravené podklady neodstraňují všechna rizika.

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. Identitu a web lze navrhovat společně; předem si vyjasněte jejich návaznost. Více o tom, proč na tom záleží, jsem psal v článku Proč investovat do brandingu.

Vzorky papíru, tiskovin a barev pro vizuální identitu.
Identitu ověřujte na konkrétních materiálech a způsobech použití. Ilustrační fotografie vytvořená s AI.

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. „Opravujeme elektroinstalace v Ostravě; pošlete popis závady a domluvíme termín“ říká víc než „Jsme inovativní tým“. Výsledky jako zdvojnásobení prodejů neslibujte bez podkladu
  • Krátké odstavce, konkrétní čísla, žádné fráze
  • Pokud nemáte čas psát, domluvte rozsah copywritingu předem; ověřte, co konkrétní nabídka obsahuje

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, tolik záběrů a detailů, kolik je potřeba k posouzení konkrétního produktu

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

  • Dodejte kvalitní originály; potřebné rozlišení závisí na velikosti a ořezu při zobrazení, 1920 px není univerzální minimum
  • Formát JPG nebo PNG (WebP optimalizuju já)
  • Pojmenované soubory (ne „IMG_4521.jpg“ ale „tym-kancelar.jpg“)
Podklad a export nejsou stejný soubor. Rozměry a bajty patří tomuto souboru, ne univerzálnímu minimu.
Podklad a export nejsou stejný soubor. Rozměry a bajty patří tomuto souboru, ne univerzálnímu minimu. Otevřít čitelnou ukázku ↗

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

Ověřitelné zkušenosti zákazníků mohou pomoci při rozhodování. 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, která umíte doložit, například počet realizací nebo let na trhu
  • 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 budu migrovat 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ů

Připravenost Čas dodání webu
Vše připraveno (texty, fotky, logo, struktura) 2-3 týdny
Částečně (logo a fotky ano, texty ne) 4-5 týdnů
Nic připraveno 6-8 týdnů

Tabulka je modelový harmonogram menšího firemního webu, ne statistika ani závazný termín. Skutečný plán závisí také na rozsahu, integracích, připomínkách a kapacitě dodavatele.

Shrnutí, checklist

  • Logo v SVG/AI formátu
  • Barevná paleta (HEX kódy)
  • Firemní fonty a oprávnění k webovému použití
  • 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 předané bezpečně přes pozvánky nebo správce hesel
  • 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.

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

Pokud hledáte kvalitní web nebo e-shop, který skutečně funguje, pojďme si promluvit.

Kontaktujte měUkázky prací

Bez závazku · Odhad do 24 h