OP BRAND BOOK 5.0. Ikonit

Transkriptio

1 Ikonit

2 OP BRAND BOOK 5.0 Ikonit 5.1 Ikoneiden käyttö 5.2 Esimerkkejä ikoneista 5.3 Muotokieli 5.4 Tyyli 5.5 Hierarkia 5.6 Toimialaikonit 5.7 Palvelu- ja tuoteikonit 5.8 Toimintoikonit 5.9 Näin käytät ikoneita 5.10 Käyttöyhteys 5.11 Ikoneiden etäisyys toisistaan 5.12 Digitaaliset ympäristöt 5.13 Mainonta 5.14 Tilat 5.15 Opasteet 5.16 Screenit

3 5.1 Ikoneiden käyttö Ikonit ovat OPn palveluiden graafi sia tunnuksia ja niitä käytetään aina palveluiden yhteydessä. Ikonit selkeyttävät OPn palvelukokonaisuuksien hahmottamista ja ohjaavat digitaalisten palveluiden helppoon ja intuitiiviseen käyttöön. Ikonit kuvaavat käyttötilanteen mukaan OPn toimialoja, palveluita sekä palvelujen ominaisuuksia. OPn Identiteetti ja Viestintä -yksikkö vastaa ikoneista ja käsittelee kaikki uusien ikoneiden suunnittelupyynnöt. Ikonit eivät ole kuvitusta, vaan niillä on aina funktionaalinen tehtävä. Pankki Vakuutukset Varainhoito Asuminen Terveys

4 5.1 Ikoneiden käyttö Ikonit ovat OPn palveluiden graafi sia tunnuksia ja niitä käytetään aina palveluiden yhteydessä. Ikonit selkeyttävät OPn palvelukokonaisuuksien ksien hahmottamista ja ohjaavat digitaalisten palveluiden helppoon ja intuitiiviseen käyttöön. töön. Ikonit kuvaavat käyttötilanteen mukaan OPn toimialoja, palveluita sekä palvelujen ominaisuuksia. Ikoneita ei saa tehdä itse lisää. OPn Identiteetti ja Viestintä -yksikkö vastaa ikoneista ja käsittelee kaikki uusien ikoneiden suunnittelupyynnöt. Pankki Vakuutukset Varainhoito Asuminen Terveys

5 5.2 Esimerkkejä ikoneista

6 5.3 Muotokieli Ikonien muotokieli on sukua OPn brändifontti Chevinille. Ikonien pyöreä kehys ja oranssi aktivointiväri kiinnittyvät tyylillisesti OPn liikemerkkiin.

7 5.4 Tyyli OPn ikonien tyyli on moderni, selkeä ja luottamusta herättävä, mutta myös ihmisläheinen. Ikonin kuva-aiheen valinnassa on tärkeintä, että se yhdistyy intuitiivisesti ikonin kuvaamaan asiaan. Ikonien kuva-aiheet ovat pelkistettyjä ja yksinkertaisia, jotta ikoni toimisi selkeänä myös pienimmässä käyttökoossa. Ikoneita käytetään pääsääntöisesti ilman kuvaavaa alatekstiä. OPn Identiteetti ja Viestintä -yksikkö vastaa ikoneista ja käsittelee kaikki uusien ikoneiden suunnittelupyynnöt. Vakuutukset Terveys Asuminen Mobiili Matkavakuutus Ostaminen

8 5.5 Hierarkia OPn ikoneita on kolmea eri tasoa: Toimialaikonit, palvelu- ja tuoteikonit ja toimintoikonit. Toimialaikonit (OPn ylätason tarjoama) Pankki Vakuutukset Varainhoito Terveys Asuminen Palvelu- ja tuoteikonit (Esim. Vakuutukset) Eläinvakuutus Venevakuutus Metsävakuutus Toimintoikonit Ajoneuvovakuutus Tapaturmavakuutus Tunnistautuminen Lataa Jaa Avainlukulista Laskuri

9 5.6 Toimialaikonit Esimerkkejä toimialaikoneista Toimialaikoneita käytetään kuvaamaan OPn liiketoiminta-alueiden koko toimialaa. Esimerkiksi Pankki-ikonia voi käyttää kun puhutan OPn pankkitoimialasta yläkäsitteenä tai kerrottaessa koko liiketoiminta-alueen tarjonnasta. Pankki Vakuutukset Varainhoito Toimialaikoneita ei tule käyttää muissa asiayhteyksissä. Terveys Asuminen

10 5.7 Palvelu- ja tuoteikonit Esimerkkejä palvelu- ja tuoteikoneista Palveluikonit kuvaavat OPn palveluita ja tuotteita. Palvelu- ja tuoteikoni voidaan luoda vain palvelun tai tuotteen päätasolle. Esim. Ajoneuvovakuutus. Tämän tason alapuolelle ei luoda omia ikoneita (esim. pakettiauto). Vakuutusvahingot Ajoneuvovakuutus Metsävakuutus Venevakuutus Eläinvakuutus

11 5.8 Toimintoikonit Esimerkkejä toimintoikoneista Toimintoikoneiden päätarkoitus on nopeuttaa ja selkeyttää OPn palveluiden ja digitaalisten käyttöliittymien toimintojen löydettävyyttä ja ohjata niiden käytössä. Tunnistautuminen Dokumentit Arkistointi Avainlukulista Kalenteri Laskuri Chat Jaa

12 5.9 Näin käytät ikoneita Ikoneita voidaan käyttää sekä digitaalisissa että painetuissa ympäristöissä mikäli ne viestivät OPn toimialasta, palvelusta tai tuotteesta. Ikoni on kuvan tai videon päällä aina valkoinen ja se sijoitetaan keskelle kuva-alaa. Ikoneita saa käyttää vain niiden kuvaamassa asiayhteydessä. Ikoneita ei koskaan käytetä kuvitusmaisesti esim. kertomaan tunnelmasta. Kyllä Esimerkki varainhoidon toimialaikonista varainhoitoon liittyvän brändikuvan päällä. Ei Terveyspalveluiden toimialaikoni kuvittamassa brändikuvan tunnetilaa.

13 5.10 Käyttöyhteys Ikoneita, joiden nimi muuttuu käyttötilanteen mukaan Palvelu- ja tuoteikoneita sekä toimintoikoneita voidaan käyttää eri yhteyksissä eri nimellä, mikäli niiden kuvaama toiminto tai ominaisuus viittaa selkeästi samaan aihepiiriin. Näin ikoneiden kokonaismäärä pysyy hallittavalla tasolla. Edut Omistaja-asiakastalletus Kalenteri Ajanvaraus Chat Osallistu keskusteluun Ikoneita ei tule käyttää kuvaamaan selkeästi eri asiaa, kuin mihin ne on alunperin suunniteltu. Epäselvissä tilanteissa tämän voi tarkistaa OPn Identiteetti ja Viestintä -yksiköltä. Kahvila Kahviautomaatti Ostaminen Ostoskori

14 5.11 Ikoneiden etäisyys toisistaan Kun ikoneita käytetään rinnakkain tai yhdessä liikemerkin kanssa, asemoidaan ne oheisen mallin mukaiselle etäisyydelle toisistaan. Ikoneiden väli on 12,5% ikonin halkaisijasta. 12,5 12,5 12,5

15 5.12 Digitaaliset ympäristöt Ikoni perustilassa Väri harmaa Ikoni selailussa Ikonin koko 105% Väri harmaa Ikoni valittuna Ikonin koko 105% Väri OPn oranssi Digitaalisessa ympäristössä ikonit ovat perustilassaan harmaita. Kuvien päällä ikonit ovat aina valkoisia. Yksityiskohtainen ohjeistus ikonien käytöstä digitaalissa ympäristöissä on saatavilla OPn mediapankista löytyvästä OPn Käyttökokemusohjeistosta. Vakuutukset Vakuutukset Vakuutukset

16 5.13 Mainonta Ikoneita on mahdollista käyttää niin perinteisessä kuin digitaalisessakin mainonnassa kun viesti kiinnittyy suoraan palveluun, johon ikoni viittaa.tällöin ikoni toimii kuin visuaalinen otsikko. On tärkeää, että ikoni kiinnittyy aina oikeaan palveluun. Ikonia ei saa käyttää kuvittavassa roolissa, jossa yhteys palveluun on epäselvä. Kun ikoneita on yksi, sen koko on noin 50 % elementin pienemmästä mitasta. Esimerkiksi pystyilmoituksessa ikonin koko on 50 % leveydestä. Ikoni sijoitetaan aina kuvapinnan keskelle, ottaen huomioon tekstin asemoinnin vaatima alue.

17 5.14 Tilat Esimerkki toimialaikoneista palvelutiskissä. Yksityiskohtainen toimipisteohjeisto on saatavilla OPn mediapankista tai tilapalveluista.

18 5.14 Tilat Esimerkkejä ikoneiden käytöstä OPn tiloissa ja teippauksissa. Yksityiskohtainen toimipisteohjeisto on saatavilla OPn mediapankista tai tilapalveluista.

19 5.15 Opasteet Esimerkki taustavalaistuista toimialaikoneista toimipisteen brändiopasteessa. Yksityiskohtainen toimipisteohjeistus on saatavilla OPn mediapankista tai tilapalveluista.

20 5.16 Screenit Esimerkki toimialaikoneista toimipisteen screeneillä kuvaamassa OPn palvelutarjoamaa yhdessä kuvamaailman ja videoiden kanssa. Samalla ikonit tekevät jokaisesta näkymästä selkeästi OPlle ominaisen. Ikoneita käytetään vain OPn omien kuvien yhteydessä. Ikonin taustalla olevan kuvan tai videon kontrasti on huomioitava. Ikoni on kuvan päällä aina valkoinen. Yksityiskohtainen toimipisteohjeisto on saatavilla OPn mediapankista tai tilapalveluista.