Případová studie

Jedna zelená tečka.
Celý příběh značky
Hello IT.

+ BONUS: 17 slidů z mé prezentace šéfům firmy, jak jsem přišel na zelenou tečku
Rebranding

Hello IT: vizuální identita postavená na zelené tečce

Rebranding

Strategický symbol „zelená tečka“ pro IT outsourcing: bezpečí, spolehlivost a komunikace v reálném čase. Návrh vizuální identity od Marka Vlčka.

Identita
Zadání klienta

Firemní identita

Pro společnost Hello IT jsem navrhl vizuální identitu založenou na jediném prvku – zelené tečce. Tento jednoduchý symbol představuje funkčnost, bezpečí a okamžitou komunikaci. Tečka se objevuje v uživatelském rozhraní, chatu i firemních materiálech a stala se hlavním znakem značky.

Kontext
Úvod do problematiky

Kontext

IT outsourcing je trh, kde většina značek používá generické vizuály. Fotky z fotobanky a taky se v tomto segmentu objevují často modré odstíny. 

Pro Hello IT jsem hledal cestu, jak být zapamatovatelní a působit přátelsky a důvěryhodně.

Stojím před budovou COM group, nyní Hello IT a čeká mě první schůzka.
Výzva
Nebát se

Výzva

Odlišit se od konkurence minimalisticky, ale tak, aby značka nesla jasné poselství spolehlivého partnera.

Řešení

1) Jednoduchý symbol v podobě zelené tečky

2) Výrazné písmo z dílny TypeType.org

3) Výrazná a odlišná barva v segmentu IT

#emocevyhravaji

Výsledek

Hello IT získalo identitu, která je snadno zapamatovatelná a přirozeně vysvětluje jejich službu: IT, které funguje, když svítí zelená.

+ BONUS: 17 slidů z mé prezentace šéfům firmy, jak jsem přišel na zelenou tečku
1/17

Klient chtěl původně fialové logo.

Klient původně trval na fialovém logu. Po odeslání prvních návrhů však ve firmě uspořádali brainstorming a přišli s novým zadáním: líbí se jim jednoduchý, hravý styl loga Pixaru s výraznou lampou. A dalším zadáním bylo slovo bezpečnost.
2/17

Svět kolem nás

Pixar je geniální. Spojil obyčejný prvek s logem a všichni si ho pamatují. 

Lampa – která pomáhá animátorovi kreslit u stolu. Něco,
co je spojené s jejich tématem. Z denní potřeby tvůrců.
A tak jsem přemýšlel, co spojuje zákazníky Hello IT.
Co mají na stole, s čím pracují denně ve spojitosti s IT.
3/17

Každý den se někde přihlašuji

4/17

Hesla, hesla, hesla

Vyplňuji hesla, velká malá písmena, speciální znaky, číslice.
Protože BEZPEČÍ! Neukládám do prohlížeče. Odhlašuji se. Nezapomeň se odhlásit! Vaše heslo není bezpečné. Zvolte silné heslo. Heslo musí mít minimálně 8 znaků.



Pořád. Není vlastně den, kdy bych v běžném životě
neřešil bezpečnost v IT.

5/17

Hledání symbolů pro firemní identitu

Co se zde opakuje? Zámek, tečky, křížek, fajfka alias check mark. Když vyloučím zámek, který
je taky klišé, zůstanou mi tečky, křížek, fajfka.
6/17

Behaviorální psychologie v marketingu

A čeho si ještě všímám jsou červená a zelená barva. Tohle je ta nejjednodušší ukázka behaviorální psychologie.


Červená alert. Zelená success. Semafor.

7/17

Symboly v marketingu

Jde to nějak spojit dohromady? A něco z toho vymyslet?

8/17

Kde všude se objevují tečky?

Jedna. Když svítí zeleně, tak něco funguje. Kontrolka.
Tři. Když někdo v chatu píše. Tak se pohupují a očekáváte zprávu.
Případně je to doplněno zvukem.
Čtyři a více. Může znázorňovat pohybem datový tok.
Když píšu heslo.
9/17

Barvy

Když to přenesu na IT obor, tak z rozbitých stavů tvoříte
spolehlivá a fungující řešení. Všechny ty výstražné trojúhelníky,
červené křížky a odemčené zámky přetavujete na zelenou.
Když vidím vše zelené, funguje to, jsem připojený,
vše je zabezpečené, jsem spokojený.
Zelená mě uklidňuje. Je to síla, příroda, success.
Červená nikoliv. Je jedovatá. Hoří. Je to výstraha.
10/17

Zelená mi dává smysl

Dává mi smysl. I když většinou barvy řeším až naposled. Co takhle s ní pracovat?

V rámci bezpečnosti. Ale prvoplánově přitom nespadá do bezpečnosti.
A použítí teček k doplnění vizuálu. Jednoduché animace by mohly oživit celý web. Píše podpora.
Preloader na webu. Při odeslání formuláře. Tvořit animace je dnes
snadné. Když se pracuje s SVG, tak i datově nenáročné
pro zobrazení na webu. 

Při tvorbě loga se snažím nejprve řešit symboly, tvary a písma. Barvy až naposled. Svádí to hned poslat klientům barevné logo, jenže nejprve se jim musí líbit tvarově. Potom už je jednoduché mu přiřadit barvu.
11/17

Pixar

A teď se vrátím k Pixaru. Co dělá lampičku lampičkou u Pixaru?
Tvůrci dali obyčejné věci charakter. Vytvořili hned na začátku každého
filmu gag. Vtip. A tahle jednoduchá emoce se okamžitě propsala
do naší paměti.

A vznikla asociace.

Můžeme dát tečce charakter?
Může např. přijít k červené a změnit ji na zelenou. 
Může ji koneckonců taky zadupat do země. Odpinknout bokem.
Může posbírat chaos červených teček, nadechnout se a zůstane
jen zelená tečka.

12/17

Ti, se zelenou tečkou mi pomohli

Když si nemůže někdo vzpomenout na název Pixaru,
tak řekne “No víš, ta lampička, jak zadupe to písmeno do země”
Ti, s tou lampičkou.

A stejně tak bych chtěl, aby se zelená tečka časem propsala do paměti lidí.
13/17

Bezpečnost. Volvo.

A ještě chci připomenout jeden příměr. A tím je Volvo. Od roku 1982 
je bezpečnost jejich hlavní tématem v marketingu. To auto možná není
extra výrazně bezpečnější, než kterékoliv moderní a luxusní evropské
značky, ovšem pamatujeme si právě to Volvo. A přitom logo Volva
pravděpodobně asi nenakreslíte a budete marně přemýšlet, co vlastně
v logu mají.

A podobně je to ve vašem oboru. Spousta firem, co řeší outsourcing.
Mluví o podobných věcech. Co všechno umí. Vy můžete vynikat už
od začátku. A hlavně dlouhodobě. Vidím zde paralelu.

14/19

První rychlonápady nového loga

Tohle jsou jen rychlonápady.
15/17

Animace v logu

A říkám si. Nemůže logo i na webu “zamávat” co pár minut tím,
že se přepne do teček, nebo se tečky napíšou, a pak se napíše logo. 
Nenuceně, jen občas. Propsat do paměti.

16/17

Brainstorming na téma logo

Tak tohle byl takový úvod do mého brainstormingu.
Zelenou máme. Víme proč. Tečky máme. Taky víme proč.
Bezpečnost tam je? Je. Skrytá, neprvoplánová.
17/17

Komunikační linka

A celou komunikační linku se zákazníkem můžeme prezentovat
na tom, že jim něco nefunguje. To, na co naráží. Červenou barvou. A ukázat, jak věci řešíme.
Jak je děláme funkční. Bezpečné. Dlouhodobě.

FAQ

1. Proč zrovna tečka?

Protože je nejjednodušším symbolem, který může nést příběh.

2. Jak se může používat?

V chatu, na webu, v aplikaci, na vizuálech.

3. Jaký má dopad?

Značka se odlišila od konkurence a zákazníci ji rozpoznají jediným pohledem.

Klíčová slova a entity

  • Marek Vlček (branding designer, UX/UI designer)
  • Dopravní podnik Ostrava (organizace, MHD Ostrava)
  • Meat Design Ostrava (designová konference)
  • pozitivní komunikace, UX MHD, behaviorální psychologie

Hello IT (firma, IT outsourcing)

Marek Vlček (autor identity)

vizuální identita IT

brand symbol

#emocevyhravaji