Proč na podkladech záleží víc než na výběru designéra
Kvalita podkladů přímo ovlivňuje výsledek celého projektu. Když klient přijde s roztříděnými texty, vektorovým logem a fotografiemi v dostatečném rozlišení, designér může začít pracovat hned. Projekt se drží harmonogramu a rozpočtu.
Když podklady chybí nebo přicházejí po částech, projekt stojí. Designér čeká na texty, aby mohl navrhnout layout. Čeká na fotografie, aby mohl sestavit galerii. Čeká na logo, aby vůbec mohl začít. Podle interních dat studia Symbio se české webové projekty zpozdí průměrně o 3 až 6 týdnů, a v 70 % případů je příčinou právě klient, který dodal podklady pozdě nebo nekompletně.
Tento průvodce popisuje, co přesně webdesignér potřebuje, v jakém formátu a proč.
Logo a vizuální identita
Webdesignér potřebuje logo ve vektorovém formátu: SVG, AI (Adobe Illustrator) nebo EPS. Vektorové soubory se dají zvětšit na libovolnou velikost bez ztráty kvality, což je pro responzivní web nutnost. PNG logo z e-mailového podpisu v rozlišení 300 × 100 pixelů na novém webu rozmazané bude.
Pokud má firma manuál vizuální identity (brand manual), designér z něj vyčte barvy v hexadecimálním zápisu, předepsaný font a pravidla pro používání loga. Firmy jako Škoda Auto nebo Komerční banka mají manuály o desítkách stran. Pro menší firmy stačí dvoustránkový dokument s definicí barev, fontu a ochranné zóny loga.
Nemáte manuál? Pošlete alespoň logo ve vektoru a napište, které barvy a fonty firma používá. Designér si z toho odvodí zbytek.
Texty a obsahová struktura
Texty jsou nejčastější příčina zpoždění webových projektů. Firma Board of Innovation ve svém průzkumu z roku 2024 uvádí, že 62 % digitálních projektů překročí deadline kvůli pozdě dodanému obsahu. Designér totiž nemůže navrhnout stránku, dokud neví, kolik textu na ní bude.
Připravte texty rozdělené podle stránek. Pro každou stránku vytvořte samostatný dokument (Word nebo Google Docs) a pojmenujte ho srozumitelně: „Úvodní stránka", „O nás", „Služby", „Kontakt". V každém dokumentu označte nadpisy, odstavce a případné výzvy k akci (call to action, tedy tlačítka typu „Napište nám").
Rozsah textů záleží na typu webu. Prezentační web malé firmy obvykle obsahuje 2 000 až 4 000 slov rozložených na pěti až osmi stránkách. E-shop s desítkami produktových kategorií může mít 20 000 slov i více. Pokud si s psaním nevíte rady, spolupracujte s copywriterem; designér vám může někoho doporučit.
Důležitá poznámka: text „Lorem ipsum" (zástupný text používaný místo reálného obsahu) nedostačuje. Designér s ním sice layout navrhne, ale struktura nebude odpovídat skutečnému obsahu. Po dosazení reálných textů se stránka rozpadne.
Fotografie a vizuální materiály
Fotografie tvoří na většině webů 40 až 60 % vizuálního dojmu. Špatné fotky degradují i skvělý design. Web firmy Airbnb stojí z velké části na kvalitních fotografiích nemovitostí; bez nich by služba vypadala nedůvěryhodně.
Co od vás designér potřebuje:
Formát a rozlišení: JPEG nebo PNG, minimálně 1920 px na delší straně. Pro celostránkové bannery (hero sekce) je ideální šířka 2560 px. Fotky ze sociálních sítí jsou většinou komprimované na 1080 px a pro web v plné šířce nestačí.
Organizace: Fotky pojmenujte popisně, nikoliv „IMG_4523.jpg", ale „tym-kancelar-01.jpg" nebo „produkt-cerveny-detail.jpg". Designér prochází desítky souborů a srozumitelné názvy šetří čas oběma stranám.
Pokud vlastní fotografie nemáte, řekněte to designérovi předem. Nabídne vám buď focení na míru (profesionální fotograf stojí 3 000 až 8 000 Kč za půlden), nebo výběr z fotobank. Placené fotobanky jako Shutterstock nebo Adobe Stock nabízejí kvalitnější snímky než bezplatné alternativy typu Unsplash, ale i ty mohou fungovat, pokud vyberete s rozmyslem.
Přístupy a technické údaje
Designér potřebuje přístupy minimálně ke třem věcem:
Doména: přihlašovací údaje k registrátoru (WEDOS, Forpsi, Active24 nebo jiný). Designér přes ně nastaví DNS záznamy, které propojí doménu s novým webem. Bez nich web sice funguje na testovací adrese, ale na vaší doméně ne.
Hosting nebo platforma: pokud máte stávající hosting (například u Stable.cz nebo Český hosting), designér potřebuje FTP nebo SSH přístup. U moderních platforem typu Vercel nebo Netlify stačí přidat designéra do týmu přes e-mailovou pozvánku.
Stávající web: pokud máte WordPress nebo jiný redakční systém, designér ocení přístup do administrace. Může z něj vyexportovat stávající obsah a nemusíte ho přepisovat ručně.
Přístupy posílejte bezpečně. Nesdílejte hesla v těle e-mailu; použijte správce hesel (1Password, Bitwarden) nebo jednorázový odkaz přes službu One-Time Secret.
Brief: co od webu očekáváte
Brief (zadání) je dokument, ve kterém popíšete, co od nového webu potřebujete. Dobrý brief ušetří desítky hodin tím, že designér nemusí hádat, co chcete.
Co by měl brief obsahovat:
Popis firmy: čím se zabýváte, kolik máte zaměstnanců, jak dlouho fungujete. Designér potřebuje kontext, aby navrhl web odpovídající velikosti a charakteru firmy. Web pro tříčlenný ateliér vypadá jinak než web pro firmu se 150 zaměstnanci.
Cílová skupina: kdo jsou vaši zákazníci. Věk, profese, co řeší, proč přicházejí na váš web. Pokud prodáváte průmyslové filtry technickým ředitelům výrobních závodů, web bude vypadat úplně jinak než e-shop s ručně dělanou keramikou pro mladé ženy z Prahy a Brna.
Konkurence: uveďte tři až pět webů konkurentů. U každého napište, co se vám líbí a co ne. Designér tak pochopí vizuální úroveň vašeho oboru a může navrhnout web, který se od konkurence odliší.
Funkce: sepište požadovanou funkcionalitu. Kontaktní formulář, rezervační systém, e-shop, jazykové mutace, napojení na CRM, blog. Každá funkce ovlivňuje cenu i čas realizace. Web s kontaktním formulářem a pěti statickými stránkami stojí v Česku obvykle 30 000 až 80 000 Kč. E-shop s napojením na účetní systém začíná na 150 000 Kč.
Reference a inspirace: připojte odkazy na weby, které se vám vizuálně líbí, i mimo váš obor. Galerie jako Awwwards nebo Behance jsou dobrý zdroj inspirace. U každého odkazu napište, co vás zaujalo: „líbí se mi animace při scrollování" nebo „chci podobnou strukturu menu".
Harmonogram a rozpočet
Designér potřebuje vědět dvě věci: kolik máte peněz a kdy web potřebujete. Obě informace ovlivňují rozsah projektu.
Rozpočet nemusíte uvádět na korunu přesně, ale alespoň rámcově. Pokud řeknete „nemám rozpočet", designér navrhne ideální řešení, které může stát trojnásobek toho, co jste si představovali. Řekněte mu, jestli se pohybujete v desítkách tisíc, stovkách tisíc, nebo v milionech. Na základě toho přizpůsobí rozsah projektu.
Termín spuštění: pokud máte pevný deadline (veletrh, sezónní kampaň, rebrand), sdělte ho na začátku. Standardní webový projekt trvá v Česku 6 až 12 týdnů od podpisu smlouvy. Pokud potřebujete web za tři týdny, designér vám řekne, co je reálné stihnout, a co nikoliv.
Kontrolní seznam podkladů
Pro přehlednost shrnuji vše do jednoho seznamu. Než oslovíte webdesignéra, zkontrolujte, kolik bodů splňujete:
- Logo ve vektorovém formátu (SVG, AI, EPS)
- Manuál vizuální identity nebo alespoň definice barev a fontů
- Texty pro všechny stránky webu v samostatných dokumentech
- Fotografie v rozlišení min. 1920 px, pojmenované popisně
- Přístupy k doméně (registrátor, přihlašovací údaje)
- Přístupy k hostingu nebo platformě
- Brief s popisem firmy, cílové skupiny a konkurence
- Seznam požadovaných funkcí
- Odkazy na inspirační weby s komentáři
- Orientační rozpočet a termín spuštění
Nemusíte mít všech deset bodů hotových na sto procent. Ale čím víc jich připravíte předem, tím hladší bude spolupráce, rychlejší bude výsledek a menší bude účet za vícepráce.
Co se stane, když podklady nedodáte
Designér buď čeká (a projekt se prodlužuje), nebo pracuje s tím, co má (a výsledek neodpovídá očekávání). Obě varianty stojí peníze.
Konkrétní příklad: firma, která dodá texty o dva měsíce později, zaplatí designérovi za opětovné zapracování do hotového layoutu. Tento vícenáklad se pohybuje mezi 5 000 a 15 000 Kč, protože designér musí přepracovat rozložení stránky, aby odpovídalo novému rozsahu textu. U většího webu s desítkami stránek jde o desítky tisíc navíc.
Investice do přípravy podkladů se vrátí. Dva dny strávené organizací textů, fotek a přístupů vám ušetří týdny čekání a tisíce korun za vícepráce.
