AI a weby

Jak udržet web postavený AI v souladu s vizuální identitou vaší značky

Na úvodní stránce je vaše modrá. Na stránce služeb o odstín jiná. Na jedné stránce logo nad menu, na druhé uvnitř a nikdo v týmu neví, která verze je správně.

AI ovládá rozvržení, ale o vaší značce neví nic

Když modelu zadáte web, dostanete hezký web. Zná běžné bloky, umí je poskládat do responzivního layoutu a vybere barvy i písmo, které jsou bezpečné, sladěné a naprosto nezaměnitelné. V zadání „udělej web pro topenáře v Brně“ nikde není, že vaše značka stojí na tmavě zelené s měděným akcentem, že logo nesmí na tmavou fotku nebo že stejné písmo používáte na fakturách dvanáct let.

Model tedy improvizuje. Uvnitř jedné stránky improvizuje suverénně, na další stránce trochu jinak. Vzniknou dva odstíny akcentní barvy. Tlačítka jsou na jedné šabloně zaoblená, na druhé hranatá. Nadpisy se podle toho, kde stránka vznikla první, píšou ve třech různých velikostech. Nejde o chyby — každá stránka je rozumný odhad bez vašeho vstupu.

Když existuje dvacet stránek, nejde už o jeden design. Jde o sbírku rozumných odhadů, které vedle sebe jen tak leží. Zákazník, který má vaše letáky v šuplíku, web nepozná jako web stejné firmy. V týmu nikdo neví, které umístění loga je to správné, a proto každá nová stránka zmatek spíš zdědí, než aby ho vyřešila.

Pět pravidel, která AI nevymyslí

Barvy a jejich úkol. Paleta sama o sobě není pravidlo. Napište, která barva je text, která pozadí, která označuje jedinou klikací věci na obrazovce a co se dělá na tmavém podkladu. Dva hex kódy pro týž akcent na dvou stránkách je nejčastější forma tohoto rozpadu.

Písmo. Rodiny, řezy, kolik úrovní nadpisů smí existovat a jaká je velikost textu. Výstup AI si tiše přidá třetí velikost nadpisu, když layout něco takového potřebuje, a to přídavné už nikdo neodstraní.

Pravidla loga. Ochranná zóna, minimální velikost, jednobarevná verze na tmavé pozadí a místa, kam logo nikdy nepatří — přes úvodní fotku, do barevného pruhu, natáhlé přes patičku.

Odstupy a komponenty. Kolik vzduchu je mezi sekcemi, zaoblení tlačítek, jeden primární styl tlačítka a jak vypadá to sekundární. Právě to dělá z webu něco, co působí navržené, a ne složené.

Obrázky. Fotografie, ne ilustrace, jak se ořezávají, jestli jsou přes celou šířku nebo na bílém pozadí. Smíšený styl obrázků je nejrychlejší způsob, jak ze dvou stránek udělat dvě různé firmy.

K tomu není potřeba designéra. Odpovědi už jsou ve vašem logu, na fakturách, na stávajícím webu a v tištěném letáku. Práce spočívá v tom sebrat je na jedno místo, místo aby zůstávaly napsané někde mezi řádky.

Jedna strana pravidel je lepší než sto zadání

Pravidla se sepíšou jednou a drží se u projektu. Jedna stránka s paletou, velikostmi textu, pravidly loga a jedním stylem tlačítek, která se připojí na začátku každého úkolu na generování stránky — a ne dodatečně poté, co už něco vypadá špatně. Modely zadaná omezení v rámci úkolu spolehlivě dodržují; samy mezi úkoly je nenesou.

Stejnou stránku pošlete každému, kdo na webu pracuje. Napojíte-li na projekt externistu, kolegu nebo agenturu, přidejte přehled rovnou do zadání. Dostanete pak výsledek, který sedí na předchozí stránky, místo abyste po dodání řešili, proč jsou tlačítka jiná než minule. Když pravidlo chybí, každý si doplní vlastní — a výsledek je pokaždé jiný.

Mechanickou část nechte na AI. Požádejte ji, ať z aktuálně publikovaných stránek vytáhne všechny kódy barev, velikosti písma a styly tlačítek a porovná je. Tento soupis zvládne trpělivě za minuty a výsledek bývá nepříjemné čtení. Posouzení, která verze je ta správná, zůstává na vás.

Stránku využijte i mimo web. Stejný jednostránkový přehled řídí vaše reklamy, nabídky, firemní podpis v e-mailech i prezentace, které obchodníci posílají klientům. Tam se začíná dvacet minut práce vracet: každý další materiál míří na stejnou identitu.

Konkrétní příklad: topenářská firma předá AI tři barvy s hex kódy, jednu rodinu písma, dvě velikosti nadpisů, jeden styl primárního tlačítka a pravidlo, že logo je jen v hlavičce. Od té chvíle začíná každé zadání stejným odstavcem a landing page postavená o čtyři měsíce později sedí na stránku z prvního dne.

Zkontrolujte to očima zákazníka

Vyfoťte všechny stránky na telefonu a dejte snímky vedle sebe. Hledejte dvě modré, odlišné velikosti nadpisů a tlačítka, která se v půlce webu změnila tvar. Zabere to dvacet minut a najde víc než jakákoliv debata o stylu.

Udělejte test s logem. Zakryjte logo palcem a ukažte stránku někomu, kdo u vás nepracuje. Pokud neřekne, o jakou firmu jde, design nenese žádnou identitu — všechnu práci odvedlo logo samotné.

Zeptejte se jednoho člověka mimo firmu, jestli úvodní stránka a hloubková stránka služeb patří k sobě. Cizí lidí si nesrovnalosti všimnou okamžitě a nevědí, na kterou stránku jste nejvíc hrdí.

Opravuje se přehled, ne stránka. Když odchylku najdete, nejdřív opravte jednostránková pravidla, aby pravidlo existovalo pro další generování. Skládání po jednotlivých stránkách je přesně to, jak se web rozpadl.

Právě konzistencí dává rychlost AI smysl

AI odbourá většinu času mezi nápadem a hotovou stránkou. Pravidla značky brání tomu, aby z té rychlosti vznikl web, který nikdo nepozná: paleta s úkoly jednotlivých barev, jedna stupnice písma, limity pro logo, styl tlačítek a pravidlo pro obrázky — sepsané na jedné straně a připojené dřív, než se vygeneruje první blok stránky. Potom web, který zákazníci potkají online, vypadá jako firma, kterou znají z vašich faktur, dodávky i nabídky.


Související služba: Webdesign a obsahová strategie

Chcete podobný problém řešit prakticky? Napište nám.