Akce: Konference WebTop100 - Praha - 2008 Organizátor: Dobrý web

1. Alan Záruba / 30. 10. 2008 / www.cicz.eu
JAK DOSTAT KORPORÁTNÍ DESIGN NA WEB

2. 1. JEDNOTNÝ VIZUÁLNÍ STYL (CORPORATE DESIGN)

3. FIREMNÍ STYL NA WEBU – ZÁKLADNÍ FUNKCE A PRVKY

4. 2. Firemní styl na webu – základní funkce a prvky
Problematika korporátní identity (Corporate Identity),
čili firemního nebo také podnikového stylu, zahrnuje tři základní oblasti:
1. Jednotný vizuální styl (Corporate Design)
2. Korporátní a marketingovou komunikaci (Corporate Communications)
3. Jednotnou firemní kulturu (Corporate Culture)
Zásadními požadavky na jednotný vizuální styl a jeho charakter jsou:
1. Srozumitelnost a čitelnost
2. Otevřenost vůči potencionálnímu rozšíření firemních aktivit
3. Atraktivita a estetická kvalita
4. Soulad funkce s formami firemní komunikace a postavením společnosti na trh

5. 2. Firemní styl na webu – základní funkce a prvky
Základními stavební prvky každého vizuálního stylu jsou:
1. Firemní značka (logo)
042
2. Firemní typografie (písmo)
3. Firemní barevnost a doplňkové vizuální elementy
Vizuální styl může být ale tvořen i jinými hodnotami. Design produktu (nebo forma jeho obalu) se často stává
kmenovým prvkem vizuálního stylu tím, že je vnímán jako příznačný symbol svého výrobce. Motiv a styl vizuální
prezentace (fotografického obrazu) je také formou, kterou lze v ojedinělých případech vnímat jako signifikantní
prvek vizuálního stylu stejně jako všeobecně přijatý styl reklamní kampaně nebo formu propagace výrobků
042 043
Jednotný vizuální styl (Corporate Design) tury. Obě funkce mají výrazný vliv na ekonomické
a služeb.Pro vznik a udržení kvalitní image má klíčový atributy –vnímá podobně jejich symbol identity (logo).
Veřejnost tyto zásadní výsledky mohou zvýšit úroveň produkce a jako
význam úroveň a vysoká profesionální kvalita prodej; kvalitu a efektivitu práce. Proces budování
vizuální prezentace každé firemní identity. Jed- kvalitního vizuálního stylu je velmi odpovědnou
notný vizuální styl je důležitým souborem pravidel činností, kde se jeden krok váže na druhý a kdy je
043
a vizuálních standardů, který všem zaměstnancům nutno pečlivě vážit a analyzovat jejich dosah.10)
podniku jednoznačně sděluje všechny aspekty Jako analogie by mohl například sloužit manévr
Vizuální sty
budování korporátní identity. při změně směru letu dopravního letadla – ode- identifikuje
Jako systém pravidel organizuje všechny své hrává se po dlouhé, míle trvající trajektorii, ale při i design její
043 vizuálním p
prvky v jeden funkční celek a v co nejvyšší este- jakémkoli náhlém, neuváženém obratu riskujete masky i typ
tické kvalitě – „…opravdu kvalitní image vyžaduje katastrofu. modelů aut
Jednotný vizuální styl (Corporate Design) tury. Obě funkce mají výrazný vliv na ekonomické vytvořené p
kvalitní design a vizuální důslednost. Jen takový Zásadními požadavky na jednotný vizuální styl
Pro vznik a udržení kvalitní image má klíčový výsledky – mohou zvýšit úroveň produkce a jejich automobilk
význam úroveň design je schopenkvalita
a vysoká profesionální zajistit, aby výtvarně vyjádřená a jeho charakter jsou:
prodej; kvalitu a efektivitu práce. Proces budování
– odpovědnou
vizuální prezentace každéměla také skutečně silný a konzistentní stylu je velmi srozumitelnost a čitelnost,
identita firemní identity. Jed- kvalitního vizuálního Při příležito
notný vizuální styl je důležitým souborem pravidel galerie vznik
9) činností, kde se jeden krok váže na druhý a kdy je
dopad v marketingové praxi...“ – otevřenost vůči potencionálnímu rozšíření podni- velkoryse p
a vizuálních standardů, který všem zaměstnancům nutno pečlivě vážit a analyzovat jejich dosah.10)
Jednotný vizuální styl je jako program zaměřen například katelských nebo organizačních aktivit,
podniku jednoznačně sděluje všechny aspekty Jako analogie by mohl sloužit manévr
komunikačn
Vizuální styl firmy Škoda Auto designér Mi
styl (Corporate Design) budování korporátní identity. vliv na ekonomické komunikačních funkcí.
na plnění dvou základních
tury. Obě funkce mají výrazný – atraktivita
při změně směru letu dopravního letadla – ode- a estetická kvalita, identifikuje kromě samotné značky
pojatý konc
i design jejích vozů. Charakteristickým
valitní image má klíčový výsledky – mohou zvýšit identifikace: má za cíl zesílit se po dlouhé,po- trvající – souladale při
Jako systém pravidel organizuje všechnya jejich
Externí úroveň produkce své hrává význam a míle trajektorii, funkce s formami firemní komunikace
vizuálním prvkem je řešení čelní reprezentov
oká profesionální kvalita prvky v jeden funkční celek práce.nejvyšší este-
prodej; kvalitu a efektivitu a v co Proces budování jakémkoli náhlém, neuváženém obratu riskujete masky i typografie názvu jednotlivých význačných
zici společnosti na trhu pro externí cílové skupiny a postavením společnosti na trhu.
aždé firemní identity. Jed- tické kvalitě – „…opravdu kvalitní image vyžaduje
kvalitního vizuálního stylu je velmi odpovědnou katastrofu. modelů aut. Jde o speciální písmo
důležitým souborem pravidel
(zákazníci, obchodní a kdy partneři, investoři, média
kvalitní design a vizuální důslednost. Jen takovýje
činností, kde se jeden krok váže na druhý Zásadními požadavky na jednotný vizuální styl stavební prvky každého vizuálního
Základními vytvořené přímo pro potřeby
O tom, že ka
automobilky.
dů, který všem zaměstnancům nebo osobnosti veřejně činné) aa jeho charakter jsou:
design je schopen zajistit, aby výtvarnědosah.10)
nutno pečlivě vážit a analyzovat jejich vyjádřená měnit celkové stylu jsou: značka (logo, logotyp), firemní typogra- má různé ko
identita analogie by mohl například konzistentní – srozumitelnost a čitelnost, Při příležitosti 200 let české Národní vizuálního s
ě sděluje všechny aspekty Jako měla také skutečně silný a sloužit manévr
vnímání firemní image těmito skupinami. Interní fie (písmo), firemní barevnost a doplňkové vizuální galerie vznikl v agentuře BBK/TIME
Vizuální styl firmy Škoda Auto
identity. dopad v marketingové dopravního letadla – ode-
při změně směru letu praxi...“
9)
– otevřenost vůči potencionálnímu rozšíření podni- velkoryse pojatý vizuální styl
piva Pilsner
identifikuje kromě samotné značky
identifikace: přispívá katelských a dů- elementy, které tvoří sjednocující prvky designu.
Jednotný vizuální míle trvající trajektorii,ke zvýšení motivace nebo organizačních aktivit, tvar lahve a
el organizuje všechny své hrává se po dlouhé,styl je jako program zaměřen
ale při i design jejích vozů. Charakteristickým komunikační kampaně. Autor, grafický
na plnění dvou věry zaměstnanců vefunkcí.
základních komunikačních směřování společnosti a ve kvalita, Vizuální styl může být ale tvořen i jinými hod-
– atraktivita a estetická vizuálním prvkem je řešení čelní designér Milan Jaroš, vytvořil svébytně typickými r
celek a v co nejvyšší este- jakémkoli náhlém, neuváženém obratu riskujete masky i typografie názvu jednotlivých pojatý koncept vizuální identity, kterou
Externí identifikace: má za cíl zesílit význam a po- – soulad funkce s formami firemní komunikace Designu ste
avdu kvalitní image vyžaduje katastrofu. ztotožnění se s celkovou úrovní její firemní kul- notami. Design produktu (nebo forma jeho obalu) modelů aut. Jde o speciální písmo reprezentoval motiv očí z portrétů
zici společnosti na trhu pro externí cílové skupiny a postavením společnosti na trhu. vytvořené přímo pro potřeby význačných umělců ze sbírek NG.
ální důslednost. Jen takový Zásadními požadavky na jednotný vizuální styl
automobilky.
jistit, aby výtvarně vyjádřená (zákazníci, obchodní partneři, investoři, média
a jeho charakter jsou: Základními stavební prvky každého vizuálního O tom, že každá firma nebo produkt

6. 2. Firemní styl na webu – základní funkce a prvky
Písmo a typografie na webu – historicky nejpoužívanější systémová písma:
Arial / Helvetica
Times New Roman / Times
Courier New / Courier
Palatino
Garamond
Bookman
Avant Garde
Verdana
Georgia
Comic Sans MS
Trebuchet MS
Lucida
Impact

7. 2. Firemní styl na webu – základní funkce a prvky
Jaký psychologický vliv mají barvy na uživatele webu:
studené barevné odstíny
teplé barevné odstíny

8. FIREMNÍ ZNAČKA, WEBLOGO A NO LOGO

9. 3. Firemní značka, Weblogo a No Logo
Základní procesy, které je nutno při vzniku každé nové značky aplikovat, jsou:
1. Definice jednoznačné potřeby a požadavků, pro který nová značka vzniká
2. Klíčová slova, která komunikují jedinečnost firemní identity vůči konkurenci
3. Stanovení postavení (positioning) nové značky na trhu
4. Uplatnění vysoké míry kreativity, která propůjčí nové značce unikátní styl
5. Důsledná aplikace nové značky v komplexní podobě grafického manuálu

10. 3. Firemní značka, Weblogo a No Logo
Obecně vžité představy, které je nutno vzít v úvahu při uplatnění nové značky na webu, jsou:
1. Image značky podporuje výstižný, dobře napsaný a aktuální obsah webu
2. Uživatelsky přátelské a funkční graf. prostředí firemního webu je součástí této image
3. Zda základní požadavky na rychlost a přehlednost předčí konkurenci
4. Uživatele zajímá více co mu firemní web přináší, než jak vypadá
5. Úspěšnost aplikace nové značky tkví v tom, jak dobře struktura webu funguje

11. 3. Firemní značka, Weblogo a No Logo
Firemní značku na korporátním webu tedy reprezentuje:
1. Definice jednoznačné potřeby a požadavků, pro který nová značka vzniká
KVALITNÍ OBSAH
1. Image značky podporuje výstižný, dobře napsaný a aktuální obsah webu
2. Klíčová slova, která komunikují jedinečnost firemní identity vůči konkurenci
FUNKČNÍ PROSTŘEDÍ
2. Uživatelsky přátelské a funkční graf. prostředí firemního webu je součástí této image
3. Stanovení postavení (positioning) nové značky na trhu
EFEKTIVNÍ FORMA
3. Zda základní požadavky na rychlost, funkčnost a přehlednost předčí konkurenci
4. Uplatnění vysoké míry kreativity, která propůjčí nové značce unikátní styl
KVALITNÍ DESIGN
4. Uživatele zajímá více co mu firemní web přináší, než jak vypadá
5. Důsledná aplikace nové značky v komplexní podobě grafického manuálu
HODNOTA NABÍDKY
5. Úspěšnost aplikace nové značky tkví v tom, jak dobře struktura webu funguje

12. 3. Firemní značka, Weblogo a No Logo
Web Logo = No Design vs. Design (www.milliondollarhomepage.com)

13. 3. Firemní značka, Weblogo a No Logo
Web Logo = Interaktivita + Design (www.ppf.cz)

14. 3. Firemní značka, Weblogo a No Logo
198 199
201
Web Logo = Jednota principů vizuálního stylu (www.bulb.cz)

15. 3. Firemní značka, Weblogo a No Logo
Web Logo = Minimalismus + Design + Architektura (www.sipral.cz)

16. 3. Firemní značka, Weblogo a No Logo
No Logo = Naomi Klein (www.naomiklein.org)

17. 3. Firemní značka, Weblogo a No Logo
No Logo = barva a vzor (www.laboratory.cz, www.hotel-yasmin.cz)

18. DIGITÁLNÍ KORPORÁTNÍ MANUÁL NA WEBU
http://217.31.52.20/default.aspx

19. 4. Digitální korporátní manuál na webu
1. Elektronická verze korp. manuálu zpřístupní materiály všem ihned
2. Provozovatel (správce značky) získá přesný přehled o tom, kdo manuál užívá a jak
3. Elektronická verze korp. manuálu snižuje náklady na praktickou implementaci cid
4. Manuál na webu a jeho aplikace jsou efektivním nástrojem marketingové komunikace
5. Digitální forma vizuální komunikace pro 21. století
A/ Manuál jednotného vizuálního stylu Skupiny ČEZ
copyright 2005 ČEZ, a. s. / Všechna práva vyhrazena
Design značky, obsah a koncept: Jana Vahalíková a Pavel Zelenka, Studio Marvil
Vývoj a design internetové aplikace: Tomáš Celizna, DGÚ

20. 4. Digitální korporátní manuál na webu
4.1 Manuál jednotného vizuálního stylu Skupiny ČEZ – značka a její použití

21. 4. Digitální korporátní manuál na webu
4.2 Manuál jednotného vizuálního stylu Skupiny ČEZ – konstrukce značky

22. 4. Digitální korporátní manuál na webu
4.3 Manuál jednotného vizuálního stylu Skupiny ČEZ – barevnost značky

23. 4. Digitální korporátní manuál na webu
4.4 Manuál jednotného vizuálního stylu Skupiny ČEZ – logotyp

24. 4. Digitální korporátní manuál na webu
4.5 Manuál jednotného vizuálního stylu Skupiny ČEZ – konstrukce logotypu

25. 4. Digitální korporátní manuál na webu
4.6a Manuál jednotného vizuálního stylu Skupiny ČEZ – barevné provedení značek

26. 4. Digitální korporátní manuál na webu
4.6b Manuál jednotného vizuálního stylu Skupiny ČEZ – barevné provedení značek

27. 4. Digitální korporátní manuál na webu
4.6c Manuál jednotného vizuálního stylu Skupiny ČEZ – barevné provedení značek

28. 4. Digitální korporátní manuál na webu
4.7 Manuál jednotného vizuálního stylu Skupiny ČEZ – ochranná zóna značky

29. 4. Digitální korporátní manuál na webu
4.8 Manuál jednotného vizuálního stylu Skupiny ČEZ – rozměrová řada značky

30. 4. Digitální korporátní manuál na webu
4.9 Manuál jednotného vizuálního stylu Skupiny ČEZ – textový dodatek značky

31. 4. Digitální korporátní manuál na webu
4.10 Manuál jednotného vizuálního stylu Skupiny ČEZ – barevné pozadí značky

32. 4. Digitální korporátní manuál na webu
4.11 Manuál jednotného vizuálního stylu Skupiny ČEZ – fotografické pozadí značky

33. 4. Digitální korporátní manuál na webu
4.12 Manuál jednotného vizuálního stylu Skupiny ČEZ – zakázané varianty značky

34. 4. Digitální korporátní manuál na webu
4.13 Manuál jednotného vizuálního stylu Skupiny ČEZ – uživatelský servis

35. 4. Digitální korporátní manuál na webu
4.14 Manuál jednotného vizuálního stylu Skupiny ČEZ – typografické pojmy

36. 4. Digitální korporátní manuál na webu
4.15 Manuál jednotného vizuálního stylu Skupiny ČEZ – typografické míry

37. 4. Digitální korporátní manuál na webu
4.17 Manuál jednotného vizuálního stylu Skupiny ČEZ – titulkové písmo

38. 4. Digitální korporátní manuál na webu
4.18 Manuál jednotného vizuálního stylu Skupiny ČEZ – doplňkové písmo

39. 4. Digitální korporátní manuál na webu
4.19 Manuál jednotného vizuálního stylu Skupiny ČEZ – uživatelský servis

40. 4. Digitální korporátní manuál na webu
4.20 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil

41. 4. Digitální korporátní manuál na webu
4.21 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil

42. 4. Digitální korporátní manuál na webu
4.22 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil

43. 4. Digitální korporátní manuál na webu
4.23 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil

44. 4. Digitální korporátní manuál na webu
4.24 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil

45. 4. Digitální korporátní manuál na webu
4.25 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil

46. 4. Digitální korporátní manuál na webu
4.26 Manuál jednotného vizuálního stylu Skupiny ČEZ – elektronické tiskopisy

47. 4. Digitální korporátní manuál na webu
4.25 Manuál jednotného vizuálního stylu Skupiny ČEZ – marketingová komunikace

48. 4. Digitální korporátní manuál na webu
4.26 Manuál jednotného vizuálního stylu Skupiny ČEZ – marketingová komunikace

49. 4. Digitální korporátní manuál na webu
4.27 Manuál jednotného vizuálního stylu Skupiny ČEZ – marketingová komunikace

50. 4. Digitální korporátní manuál na webu
4.28 Manuál jednotného vizuálního stylu Skupiny ČEZ – publikace

51. 4. Digitální korporátní manuál na webu
4.29 Manuál jednotného vizuálního stylu Skupiny ČEZ – publikace

52. 4. Digitální korporátní manuál na webu
4.30 Manuál jednotného vizuálního stylu Skupiny ČEZ – elektronická prezentace

53. 4. Digitální korporátní manuál na webu
4.31 Manuál jednotného vizuálního stylu Skupiny ČEZ – elektronická prezentace

54. 4. Digitální korporátní manuál na webu
4.32 Manuál jednotného vizuálního stylu Skupiny ČEZ – elektronická prezentace

55. 4. Digitální korporátní manuál na webu
4.33 Manuál jednotného vizuálního stylu Skupiny ČEZ – informační systém

56. 4. Digitální korporátní manuál na webu
4.34 Manuál jednotného vizuálního stylu Skupiny ČEZ – označení dopravních prostředků

57. 4. Digitální korporátní manuál na webu
4.35 Manuál jednotného vizuálního stylu Skupiny ČEZ – design pracovních oděvů

58. 4. Digitální korporátní manuál na webu
4.36 Manuál jednotného vizuálního stylu Skupiny ČEZ – propagační předměty

59. 4. Digitální korporátní manuál na webu
4.37 Manuál jednotného vizuálního stylu Skupiny ČEZ – značka Nadace ČEZ

60. 4. Digitální korporátní manuál na webu
4.38 Manuál jednotného vizuálního stylu Skupiny ČEZ – obchodní značka Skupiny ČEZ

61. 4. Digitální korporátní manuál na webu
4.39 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka

62. 4. Digitální korporátní manuál na webu
4.40 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka

63. 4. Digitální korporátní manuál na webu
4.41 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka

64. Problematikou korporátní identity (Corporate Identity),
čili firemního nebo také podnikového stylu, se zabývá publikace CI.CZ (www.ci.cz.eu)
CI.CZ 1990–2007
Firemní styl
v České republice
Právě vychází!
u Kniha CI.CZ 1990–2007 (Firemní ale i o projekty vizuální prezentace
styl v České republice) si klade za cíl menších podniků, neziskových
seznámit odbornou i laickou veřejnost organizací, kulturně-vzdělávacích a
s výběrem toho nejlepšího, co v České společenských institucí nebo českých
republice za výše uvedené období měst a krajů. �����
���������
������������
�����������������
����
��������������������������
v oblasti firemního stylu vzniklo. u Publikace je v úvodní části doplněna
u Editoři a spoluautoři této knihy, o tématickou historickou studii a
samostatná česká nebo anglická verze
Michal Richtr a Alan Záruba, se snažili podrobnou metodiku práce odborníků,
236 stran / 1000 ilustrací
do vybraného souboru zahrnout ty kteří se tvorbou a rozvojem jednotného cena 999 Kč
projekty, jež se staly významnými vizuálního stylu u nás profesionálně poštovné a balné 149 Kč
tím, že si z různých důvodů vydobyly zabývají. Zprostředkovává tak
objednávky přijímáme na :
příkladného postavení. Nejedná se poprvé touto formou naší veřejnosti
w CI.CZ, s.r.o.,
jen o projekty firemního stylu velkých téma, které je stále více populární, Bohdalecká 25, 101 00 Praha 10
českých firem, bank nebo finančních nicméně zatím nedostatečně odborně w info@cicz.eu
institucí s mezinárodním dosahem, komunikované. w + 420 234 710 390
u www.cicz.eu

65. Děkuji za pozornost!