Jak dostat korporátní design na web
Upcoming SlideShare
Loading in...5
×
 

Jak dostat korporátní design na web

on

  • 1,970 views

Akce: Konference WebTop100 - Praha - 2008

Akce: Konference WebTop100 - Praha - 2008

Organizátor: Dobrý web

Statistics

Views

Total Views
1,970
Views on SlideShare
1,967
Embed Views
3

Actions

Likes
0
Downloads
33
Comments
0

1 Embed 3

http://www.slideshare.net 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Jak dostat korporátní design na web Jak dostat korporátní design na web Presentation Transcript

  • Alan Záruba / 30. 10. 2008 / www.cicz.eu JAK DOSTAT KORPORÁTNÍ DESIGN NA WEB
  • 1. JEDNOTNÝ VIZUÁLNÍ STYL (CORPORATE DESIGN)
  • FIREMNÍ STYL NA WEBU – ZÁKLADNÍ FUNKCE A PRVKY
  • 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
  • 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
  • 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
  • 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
  • FIREMNÍ ZNAČKA, WEBLOGO A NO LOGO
  • 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
  • 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
  • 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
  • 3. Firemní značka, Weblogo a No Logo Web Logo = No Design vs. Design (www.milliondollarhomepage.com)
  • 3. Firemní značka, Weblogo a No Logo Web Logo = Interaktivita + Design (www.ppf.cz)
  • 3. Firemní značka, Weblogo a No Logo 198 199 201 Web Logo = Jednota principů vizuálního stylu (www.bulb.cz)
  • 3. Firemní značka, Weblogo a No Logo Web Logo = Minimalismus + Design + Architektura (www.sipral.cz)
  • 3. Firemní značka, Weblogo a No Logo No Logo = Naomi Klein (www.naomiklein.org)
  • 3. Firemní značka, Weblogo a No Logo No Logo = barva a vzor (www.laboratory.cz, www.hotel-yasmin.cz)
  • DIGITÁLNÍ KORPORÁTNÍ MANUÁL NA WEBU http://217.31.52.20/default.aspx
  • 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Ú
  • 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í
  • 4. Digitální korporátní manuál na webu 4.2 Manuál jednotného vizuálního stylu Skupiny ČEZ – konstrukce značky
  • 4. Digitální korporátní manuál na webu 4.3 Manuál jednotného vizuálního stylu Skupiny ČEZ – barevnost značky
  • 4. Digitální korporátní manuál na webu 4.4 Manuál jednotného vizuálního stylu Skupiny ČEZ – logotyp
  • 4. Digitální korporátní manuál na webu 4.5 Manuál jednotného vizuálního stylu Skupiny ČEZ – konstrukce logotypu
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 4. Digitální korporátní manuál na webu 4.13 Manuál jednotného vizuálního stylu Skupiny ČEZ – uživatelský servis
  • 4. Digitální korporátní manuál na webu 4.14 Manuál jednotného vizuálního stylu Skupiny ČEZ – typografické pojmy
  • 4. Digitální korporátní manuál na webu 4.15 Manuál jednotného vizuálního stylu Skupiny ČEZ – typografické míry
  • 4. Digitální korporátní manuál na webu 4.17 Manuál jednotného vizuálního stylu Skupiny ČEZ – titulkové písmo
  • 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
  • 4. Digitální korporátní manuál na webu 4.19 Manuál jednotného vizuálního stylu Skupiny ČEZ – uživatelský servis
  • 4. Digitální korporátní manuál na webu 4.20 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  • 4. Digitální korporátní manuál na webu 4.21 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  • 4. Digitální korporátní manuál na webu 4.22 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  • 4. Digitální korporátní manuál na webu 4.23 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  • 4. Digitální korporátní manuál na webu 4.24 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  • 4. Digitální korporátní manuál na webu 4.25 Manuál jednotného vizuálního stylu Skupiny ČEZ – merkantil
  • 4. Digitální korporátní manuál na webu 4.26 Manuál jednotného vizuálního stylu Skupiny ČEZ – elektronické tiskopisy
  • 4. Digitální korporátní manuál na webu 4.25 Manuál jednotného vizuálního stylu Skupiny ČEZ – marketingová komunikace
  • 4. Digitální korporátní manuál na webu 4.26 Manuál jednotného vizuálního stylu Skupiny ČEZ – marketingová komunikace
  • 4. Digitální korporátní manuál na webu 4.27 Manuál jednotného vizuálního stylu Skupiny ČEZ – marketingová komunikace
  • 4. Digitální korporátní manuál na webu 4.28 Manuál jednotného vizuálního stylu Skupiny ČEZ – publikace
  • 4. Digitální korporátní manuál na webu 4.29 Manuál jednotného vizuálního stylu Skupiny ČEZ – publikace
  • 4. Digitální korporátní manuál na webu 4.30 Manuál jednotného vizuálního stylu Skupiny ČEZ – elektronická prezentace
  • 4. Digitální korporátní manuál na webu 4.31 Manuál jednotného vizuálního stylu Skupiny ČEZ – elektronická prezentace
  • 4. Digitální korporátní manuál na webu 4.32 Manuál jednotného vizuálního stylu Skupiny ČEZ – elektronická prezentace
  • 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
  • 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ů
  • 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ů
  • 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
  • 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
  • 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
  • 4. Digitální korporátní manuál na webu 4.39 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka
  • 4. Digitální korporátní manuál na webu 4.40 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka
  • 4. Digitální korporátní manuál na webu 4.41 Manuál jednotného vizuálního stylu Skupiny ČEZ – imagebanka
  • 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
  • Děkuji za pozornost!