Proces nastavování vizuálního směru digitálního projektu
Vizuální styl není jen věcí vkusu, náhody ani toho, co jsme zrovna viděli někde na Pinterestu. Jeho cílem je dojít od zadání, brandu a potřeb cílové skupiny k vizuálnímu směru, který budeme schopní pojmenovat a obhájit – před klientem, před týmem i sami před sebou o tři měsíce později.
Zároveň z něj vzniká i slovník, kterým se o návrhu mezi sebou budeme bavit – když z podkladů vyplyne, že projekt má působit „klidně a odborně“, je i pro klienta poskytování zpětné vazby jednodušší a nemusíme se potýkat s feedbackem ála „nějak mi to nesedí“.
Proces není lineární (byť kroky za sebou následují). Je bežné a vhodné se vracet o krok zpět, jakmile vyvstanou nové informace. Podobně jako u double, respektive triple diamondu se střídá fáze rozšiřování možností a jejich zužování k rozhodnutí.
Schéma procesu nastavení vizuálního stylu
Typy vstupů a podkladů k práci
- Logomanuál/Brandmanuál
- Existující web/aplikace, nebo prezentace a digitální podklady
- Dosavadní komunikace značky/projektu
- Návrh strategie značky, Tone of voice
- Marketingové analýzy (klíčová slova, cílové skupiny, návštěvníci webu, konkurence)
- Vizuální analýza konkurence
- Prototypy a požadavky na UI vzniklé na jejich základě
- Termíny, budget
- Technická omezení (stávající CMS nebo dev struktura)
- Neexistující podklady
1. Roztřídění a zpracování všech podkladů
= v podstatě zaznačení všeho, co by mohlo být důležité pro vizuální směr, nebo co do něj promítnout
Výstupem této fáze je soupis očekávání od vizuální komunikace digitálního projektu – několik hlavních bodů jako například polidštit službu, zlepšit reputaci, přiblížit nové cílové skupině, sjednotit message napříč prodejními kanály, apod.
Příklady
| Informace | Extrahovaný vstup pro art direkci |
|---|---|
| Z rozhovorů s cílovou skupinou vyšlo najevo, že se bojí komplikovaných dokumentů a náročného a zdlouhavého procesu koupě nemovitosti. Naše služba si přitom zakládá na profesionalitě a osobním přístupu makléřů, kteří s klienty prochází celou cestu od začátku do konce, včetně konzultací a poradenství | klíčové asociace: lidský, užitečný, bezpečný, důvěryhodný, profesionální |
| V systému budou někteří uživatelé trávit hodiny denně a jiní hodinu jednou za měsíc | UI musí být srozumitelné, jednoduché na orientaci, bez komplikovaných a nezažutých ikon |
| Logomanuál obsahuje pouze dvě barvy – primární a sekundární | pro digitální produkt potřebujeme dopřipravit škály barev, neutrální paletu a definovat barvu pro primární akce |
2. Překlad očekávání a požadavků do vizuálních asociací grafického návrhu
Tabulka vizuálních asociací (česky)
Kulina.cz (e-shop)
Loxone.cz (firemní web)
Landonorris.com (prezentační/imerzní web)
Prezentační web závodníka F1 landonorris.com
První úkol semestru
V rámci prvního úkolu si vyberete existující digitální projekt podle typů médií, které jsme dnes prošli, a vypracujete zpětně brief k jeho art direkci. Vycházíte z toho, že vše, co vidíte, bylo záměrné a schválené klientem, protože to maximálně odpovídá jejich požadavkům – vaším úkolem je vytrackovat tyto požadavky. Zhodnotíte tak to, jak na vás digitální projekt působí pomocí specifických parametrů jako pro koho to má být určené, jaké dojmy to má vyvolávat a představíte si, jaký typ podkladů měli autoři vizuálu na základě výstupu k dispozici.
Co by měl úkol obsahovat
- Název, odkazy a screenshoty digitálního projektu
- Kontext projektu (váš odhad a domněnky; např. vstup na nový trh, rozšíření portfolia služeb, aktivační kampaň, nový nástroj, nová platforma, nové hnutí…)
- Popis cílové skupiny, jejích potřeb a preferencí (váš odhad a domněnky)
- Seznam dodaných podkladů (realisticky: čím menší projekt, tím méně dostupných podkladů)
- Seznam klíčových pozitivních a negativních asociací + způsoby, kterými je vyvolat (vaše obhajoba toho, proč si myslíte, že klíčové asociace byly právě tyto), čerpejte z tabulky výše
- Deadline: 5. 10. 2026, 23:59
- Rozsah: 1–2 normostrany (bez obrázků)
- Forma: PDF odevzdané do Odevzdávárny