Jak dostat korporátní design na web

1,422 views

Published on

Akce: Konference WebTop100 - Praha - 2008

Organizátor: Dobrý web

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,422
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
34
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Jak dostat korporátní design na web

  1. 1. Alan Záruba / 30. 10. 2008 / www.cicz.eu JAK DOSTAT KORPORÁTNÍ DESIGN NA WEB
  2. 2. 1. JEDNOTNÝ VIZUÁLNÍ STYL (CORPORATE DESIGN)
  3. 3. FIREMNÍ STYL NA WEBU – ZÁKLADNÍ FUNKCE A PRVKY
  4. 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. 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. 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. 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. 8. FIREMNÍ ZNAČKA, WEBLOGO A NO LOGO
  9. 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. 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. 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. 12. 3. Firemní značka, Weblogo a No Logo Web Logo = No Design vs. Design (www.milliondollarhomepage.com)
  13. 13. 3. Firemní značka, Weblogo a No Logo Web Logo = Interaktivita + Design (www.ppf.cz)
  14. 14. 3. Firemní značka, Weblogo a No Logo 198 199 201 Web Logo = Jednota principů vizuálního stylu (www.bulb.cz)
  15. 15. 3. Firemní značka, Weblogo a No Logo Web Logo = Minimalismus + Design + Architektura (www.sipral.cz)
  16. 16. 3. Firemní značka, Weblogo a No Logo No Logo = Naomi Klein (www.naomiklein.org)
  17. 17. 3. Firemní značka, Weblogo a No Logo No Logo = barva a vzor (www.laboratory.cz, www.hotel-yasmin.cz)
  18. 18. DIGITÁLNÍ KORPORÁTNÍ MANUÁL NA WEBU http://217.31.52.20/default.aspx
  19. 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. 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. 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. 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. 23. 4. Digitální korporátní manuál na webu 4.4 Manuál jednotného vizuálního stylu Skupiny ČEZ – logotyp
  24. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 40. 4. Digitální korporátní manuál na webu 4.20 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  41. 41. 4. Digitální korporátní manuál na webu 4.21 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  42. 42. 4. Digitální korporátní manuál na webu 4.22 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  43. 43. 4. Digitální korporátní manuál na webu 4.23 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  44. 44. 4. Digitální korporátní manuál na webu 4.24 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  45. 45. 4. Digitální korporátní manuál na webu 4.25 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  46. 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. 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. 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. 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. 50. 4. Digitální korporátní manuál na webu 4.28 Manuál jednotného vizuálního stylu Skupiny ČEZ – publikace
  51. 51. 4. Digitální korporátní manuál na webu 4.29 Manuál jednotného vizuálního stylu Skupiny ČEZ – publikace
  52. 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. 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. 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. 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. 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. 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. 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. 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. 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. 61. 4. Digitální korporátní manuál na webu 4.39 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka
  62. 62. 4. Digitální korporátní manuál na webu 4.40 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka
  63. 63. 4. Digitální korporátní manuál na webu 4.41 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka
  64. 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. 65. Děkuji za pozornost!

×