UUDEN YRITYKSEN YRITYSILMEEN JA VERKKOSIVUJEN SUUNNITTELU

Koko: px
Aloita esitys sivulta:

Download "UUDEN YRITYKSEN YRITYSILMEEN JA VERKKOSIVUJEN SUUNNITTELU"

Transkriptio

1 1 Opinnäytetyö (AMK) Liiketalous Digitaalinen markkinointiviestintä 2013 Jukka Asikainen UUDEN YRITYKSEN YRITYSILMEEN JA VERKKOSIVUJEN SUUNNITTELU MARKKINOINTIYRITYS LUNDE

2 2 OPINNÄYTETYÖ (AMK) TIIVISTELMÄ TURUN AMMATTIKORKEAKOULU Liiketalous Digitaalinen markkinointiviestintä Syksy Jaakko Haltia Jukka Asikainen UUDEN YRITYKSEN YRITYSILMEEN JA VERKKOSIVUJEN SUUNNITTELU MARKKINOINTIYRITYS LUNDE Opinnäytetyön tarkoituksena oli suunnitella visuaalinen yritysilme ja verkkosivut aloittavalle markkinointialan yritykselle, Lundelle. Yritysilmeen suunnitteluun sisältyivät yrityksen logon, typografian, väriprofiilin ja markkinointimateriaalien suunnittelu. Yritysilmeen tavoitteena oli olla visuaalisesti näyttävä, mutta samalla selkeän yksinkertainen. Suunnittelutyötä tukemaan opinnäytetyössä käsiteltiin eri yritysilmeen osia ja niiden suunnitteluun liittyvää teoriaa. Opinnäytetyöraportissa tarkastellaan lisäksi eri sisällönhallintajärjestelmiä ja verkkosivujen vaatimuksia. Opinnäytetyössä tuotettiin yritykselle visuaalinen ilme ja graafinen ohjeisto, jonka pohjalta yrityksen on tulevaisuudessa helppo suunnitella uusia markkinointimateriaaleja. Yritykselle suunniteltiin myös näyttölaitteen koon mukaan skaalautuvat verkkosivut, joita on helppo ylläpitää ja kehittää opinnäytetyössä valitulla sisällönhallintajärjestelmällä. ASIASANAT: yritysilme, verkkosivut, sisällönhallintajärjestelmä, logo

3 3 BACHELOR S THESIS ABSTRACT TURKU UNIVERSITY OF APPLIED SCIENCES Business and Adminstration Digital marketing communications Autumn Jaakko Haltia Jukka Asikainen DESIGNING A VISUAL IDENTITY AND A WEBSITE FOR A NEW COMPANY MARKETING COMPANY LUNDE The purpose of the thesis was to design a corporate visual identity and website for a small startup company on the marketing industry, called Lunde. Corporate identity design included the company s logo, typography, color profile and designing other marketing materials. The goal of the corporate identity was to be visually impressive, but at the same time clear and simple. To support the design work the thesis dealt with the various corporate identity elements and design-related theory. The thesis also looks into different content management systems and requirements for a website. The result of the thesis was a visual identity for the company along with a graphic identity manual, as the basis for designing the company s marketing material in the future. The thesis also produced a design for a responsive website, which is easy to maintain and develop with the content management system selected in the thesis. KEYWORDS: corporate identity, website, content management system, logo

4 4 SISÄLTÖ 1 JOHDANTO 5 2 TAUSTA 6 3 YRITYSILME Typografia Väri Logo Design management Graafinen ohjeisto 12 4 VERKKOSIVUT Sisällönhallintajärjestelmät Drupal Joomla WordPress Concrete Responsiivinen web-suunnittelu 19 5 CASE: LUNDE Logon suunnittelu Värit Typografia Käyntikortin suunnittelu Asiakirjapohjan suunnittelu Graafinen ohjeisto Verkkosivut Suunnittelu Sisällönhallintajärjestelmän valinta 33 6 YHTEENVETO 35 LÄHTEET 37

5 5 1 JOHDANTO Opinnäytetyön tavoitteena on suunnitella aloittavalle markkinointialan yritykselle aikaa kestävä yritysilme ja markkinointimateriaaleja yrityksen käynnistämisen tueksi. Työssä on keskitytty ennen kaikkea markkinoinnin graafiseen puoleen ja vahvan visuaalisen identiteetin luomiseen. Toimeksiantajayritys Lunde on markkinointialan yritys, joka keskittyy erityisesti pienten ja keskisuurten yritysten visuaalisen identiteetin ja verkkonäkyvyyden parantamiseen. Opinnäytetyössä suunnitellaan Lundelle yrityksen liiketunnus, graafinen ohjeistus yhtenäisen yritysilmeen takaamiseksi, tarpeellisia painomateriaaleja ja yrityksen verkkosivut. Markkinointimateriaaleissa huomioitiin graafisen suunnittelun teoriaa, kuten typografiaa ja väriharmoniaa. Opinnäytetyön toimeksiantajina toimii opinnäytetyön tekijä ja Eero Mäkelä. Mäkelä seurasi opinnäytetyön kehittymistä aktiivisesti ja toimi palautteenantajana suunniteluille graafisille tuotoksille. Toimeksiantajat halusivat tutkia eri sisällönhallintajärjestelmien heikkouksia ja vahvuuksia selvittääkseen mitä järjestelmää heidän kannattaisi käyttää niin omalla verkkosivullaan kuin tulevissa asiakasprojekteissa. Opinnäytetyössä sivuttiin siis myös eri sisällönhallintajärjestelmiä ja tehtiin selonteko niiden pääpiirteistä.

6 6 2 TAUSTA Lunde on tuore turkulainen markkinointiyritys, joka keskittyy pienten ja keskisuurten yritysten tuloksen parantamiseen tarjoamillaan markkinointipalveluilla. Yrityksen ydinosaaminen on eri näyttölaitteille mukautuvien, eli responsiivisten, verkkosivujen suunnittelussa, sosiaalisen median hyödyntämisessä liiketoiminnassa ja brändin vahvistaminen ja kehittäminen. Lunden nimi tulee lunni-linnun norjalaisesta nimestä. Yrityksen nimi juontaa linnun erityspiirteistä, luonteesta ja värikkäästä ulkoasusta. Lunnit ovat sosiaalisia olentoja, jotka rakentavat pitkäjänteisiä suhteita toisiin lajitovereihinsa. Lunnin perusluonteella on siten symbolinen merkitys opinnäytetyön toimeksiantajan tavoitteissa. Lunden tavoitteena on luoda pysyviä ja luotettavia suhteita asiakkaisiinsa niin vakaan laadun kuin kasvavien tulosten myötä. Projektin toimeksiantajat toivoivat opinnäytetyön antavan heille työkalut niin markkinointimateriaalien suunnittelulle jatkossa kuin liiketoiminnan aloittamiseen. Opinnäytetyössä suunniteltu yritysilme antaa yritykselle hyvät lähtökohdat yrityksen markkinoinnin kehittämiselle tulevaisuudessa.

7 7 3 YRITYSILME Miksi yritysilme on yritykselle tärkeä? Otetaan esimerkiksi vaikkapa nimeämätön julkisuuden henkilö, joka ajaa kaupungin katuja Aston Martinilla sen sijaan, että alla olisi esimerkiksi Skoda. Vaikka Skoda tarjoaisi selkeästi paremman kilometrikulutuksen ja pienemmät päästöt, ollen täten loogisesti ajatellen järkevä valinta autoksi, ajelee julkkis silti Aston Martinilla. Syynä tähän on Aston Martinin identiteetti ja brändi, jotka luovat mielikuvan luksuksesta ja korkeasta asemasta. Oikeanlaisella yritysilmeellä ja brändäämisellä yritykset voivat kasvattaa tuotteidensa sekä palveluidensa arvoa, sekä luoda aikoja ja rajoja ylittäviä asiakassuhteita, jotka voivat kestää eliniän. (Airey 2010, 9) 3.1 Typografia Typografia tarkoittaa kirjasintyyppien, tekstin ja kirjainten asettelun ja värien suunnittelua sekä sommittelua. Sanan alkuperäinen tarkoitus viittasi lähinnä kirjainmerkkien suunnitteluun, mutta nykyään sana on saanut muitakin merkityksiä. Typografian merkitys nykyviestinnässä on erittäin suuressa osassa. (Graafinen.com 2013) Typografia on sanojen muodostamia kuvia, jossa kirjaimet työskentelevät yhdessä välittääkseen halutunlaisen visuaalisen sanoman. Yrityksen logon osana typografia välittää yrityksen historiaa, kulttuuria sekä asennetta, samalla tavalla kuin logo itsessään. Tästä syystä oikean kirjasintyypin valitseminen logoon on tärkeä ja monimutkainen tehtävä. Kirjainten muodostamaa kokonaisuutta pitääkin tutkia monelta eri taholta, kuten miltä teksti näyttää isoilla ja pienillä kirjaimilla, ja millaisen visuaalisen kuvan kirjainten yhdistelmä kokonaisuudessaan antaa. (Adams 2004, 46 47) Hyvin valittu kirjasintyyppi ei kiinnitä huomiota itseensä, jolloin hyvin laaditusta tekstistä on vaikea huomata mitä on tehty oikein. Huono kirjasintyyppi on kuitenkin yleensä helposti havaittavissa. Huonosti valittu kirjasintyyppi saattaa olla

8 8 esteettisesti epäonnistunut, jolloin se saattaa olla epätarkka tai epämiellyttävän näköinen, tai käytännössä epäonnistunut, jolloin sen luettavuus on heikko. Typografiassa kaksi yleisimmin väärinkäytettyä sanaa ovat fontti, eli kirjasinleikkaus, ja kirjasintyyppi. Kirjasintyyppi on kokoelma merkkejä, kirjaimia, numeroita, symboleja, välimerkkejä ynnä muita, jotka on suunniteltu toimimaan yhdessä, samalla tavoin kuin eri vaatetuskokonaisuuden osat. Kirjasintyyppi on aakkosto tietynlaisella muotoilulla. Kirjasinleikkaus on taas fyysinen asia, jolla kuvitetaan kirjasin. Kirjasinleikkaus on kuin piparimuotti ja kirjasintyyppi on itse pipari. Kun katsot sivua, joka on täynnä tekstiä, voit kysyä Mikä kirjasintyyppi tuo on? tai Mitä fonttia tuon laatimisessa on käytetty?, mutta et voi kysyä Mikä fontti tuo on?, koska et katsele fonttia, vaan katselet fontin, eli kirjasinleikkauksen, tuotosta. (Felici 2012, 29 31) Kirjasintyyppejä voidaan luokitella monella eri tavalla, eikä yhtä virallista luokitustapaa ole olemassa. Yksi yleisimmistä luokitteluista on jakaa kirjasintyypit antiikvoihin ja groteskeihin. Antiikvat ovat päätteellisiä kirjasintyyppejä, jonka eri osissa on paksuuseroja. Groteskit taas ovat päätteettömiä, jossa kirjainten viivat ovat lähestulkoon saman paksuisia. (Itkonen 2003, 17 20) Typografian laadinnassa tärkeintä on kirjasintyypin oikea valinta ja parhaaseen lopputulokseen päästään, kun käytössä on vain muutama eri kirjasintyyppi. Pitkiin leipäteksteihin soveltuu parhaiten antiikvat, joiden päätteelliset kirjaimet auttavat silmää pysymään rivillä. Groteskit soveltuvat vähäeleisinä paremmin lyhyisiin kokonaisuuksiin, taulukoihin ja graafisiin esityksiin, koska ne ovat uskottavampia verrattuna koristeellisempiin antiikvoihin. Antiikvoja ja groteskeja suositellaan myös käytettävän samassa painotuotteessa samanaikaisesti, toisin kuin eri aikakausien groteskeja. Eri-ikäisten ja aikakausilta olevien groteskien käyttö samassa yhteydessä on asiantuntemusta vaativa tehtävä. (Loiri & Juholin 1998, 34 35)

9 9 3.2 Väri Noudatamme ajatusta, jonka mukaan on hyväksyttävää pitää mistä pidät. Tämä motiivista riippumaton käsite hyväksyä luontaiset halumme ja esteettiset mieltymyksemme on selkeimmillään värien kanssa. Väri on aihe, joka aiheuttaa ongelmia. Vihreän sävy saattaa ajaa asiakkaan juoksemaan pakoon huoneesta, kun taas toinen asiakas saattaa haluta samaa vihreän sävyä vielä enemmän näkyville. Meidän vaihtoehtomme suunnittelijoina on pysytellä turvallisilla vesillä ja valita riskittömiä värejä tai suunnitella aggressiivisella sointuvuudella. Värit tarjoavat voimakkaita visuaalisia kannanottoja, jotka välittävät asiakkaidemme sanomaa. (Stone 2006, 6-7) Värit joita käytämme ilmaisevat sekä tunnelmaa että tarkoitusta, jotka ovat keskeisiä osia asiakkaan käsitykseen ja suhtautumiseen vaikuttamisessa. Väri on muuta kuin vain visuaalinen ilmiö se on ainutlaatuisen emotionaalinen kieli ja symbolinen työkalu kaikille suunnittelijoille. Värit eivät ole vain dekoratiivinen hetken mielijohde ja niitä tulisi hyödyntää mahdollisimman laajalti. (Stone 2006, 12 14) Väri on subjektiivista. Värit saavat meissä aikaan tietynlaisia emotionaalisia tuntemuksia, jotka kuitenkin vaihtelevat värin, katsojan ja kulttuurin perusteella. Länsimaisessa kulttuurissa on laajalti hyväksytty tietyt merkitykset eri väreille ja minkälaisia tunteita ne herättävät. Esimerkiksi länsimaissa valkoista pidetään puhtaana ja positiivisena värinä, kun taas Kiinassa valkoista väriä käytetään suruaikana ja se symboloi taivasta. Punainen taas väri viittaa voimaan, intohimoon ja energiaan, mutta esimerkiksi finanssialalla punainen käyttöä tulee välttää. (Adams 2004, 50) Väriharmonia Miellyttävä värien harmonia on tiettyyn pisteeseen asti kuin mikä tahansa kauneuden ja viehättävyyden näkökulmista: kauneus on katsojan silmissä, eikä kaikkia voi aina miellyttää. Värien harmonia liittyy siitä huolimatta kaiken taiteen

10 10 perusperiaatteisiin. Kaikki värit eivät aina näytä yhdessä sopusointuiselta kokonaisuudelta, ja värien valitsemiseen onkin olemassa monia erilaisia apuvälineitä (kuva 1), jotka helpottavat harmonisen kokonaisuuden luomisessa. (Adams 2004, 51) Kuva 1. Väriympyrä yhteensopivien värien valintaan. (Adams 2004, 50) Väriharmonian tieteeseen kuuluu myös väriryhmien dynaamisen symmetrian lajittelu ja määritys. Väriteorian ymmärtäminen ja tehokas hyödyntäminen ovat avainasemassa käytettävien värien valinnassa. Väreistä tulee taidetta, kun suunnittelija osaa käyttää värejä tasapainoisesti ja tarkoituksellisesti tietyn sanoman välittämiseksi. (Stone 2006, 20 23)

11 Logo Logot pommittavat meitä. Jos ajattelee esimerkiksi vaatemerkkejä, televisioita, puhelimia ynnä muita, ovat logot aina mukana osana päivittäistä rutiiniamme, aina siitä hetkestä kun heräämme aina nukkumanmenohetkeen asti. Kuka tahansa voi suunnitella logon, mutta kaikki eivät pysty suunnittelemaan juuri sitä oikeaa logoa. Onnistunut tuotos saattaa saavuttaa sille asetetut tavoitteet, mutta todella onnistunut, kateellisuutta aiheuttava, ikoninen tuotos on myös yksinkertainen, asiaankuuluva, kestävä, huomiota herättävä, muistettava sekä mukautuva. (Airey 2010, 22). Logoa ja yrityksen identiteettiä suunnitellessa on parasta jättää muoti-ilmiöt ja trendit muotialalle. Trendit ja ilmiöt tulevat ja menevät tuulen tavoin ja viimeinen asia jonka haluat suunnittelijana tehdä, on tuhlata merkittäviä määriä omaa aikaasi ja asiakkaan rahoja tuotokseen, josta tulee aikansa elänyt yhdessä yössä. Pitkäikäisyys on avainasemassa ja logon tulisi kestää koko yrityksen eliniän. Toki logoa voidaan jalostaa jonkin ajan kuluttua tuomaan hieman tuoreutta yrityksen imagoon, mutta perustana olevan idean tulisi säilyä ennallaan. (Airey 2010, 28). Logoa suunnitellessa tulee ottaa huomioon myös yrityksen toimiala, jolle logoa ollaan suunnittelemassa. Jos suunnittelet logoa esimerkiksi asianajajalle, tulee silloin hylätä idea hauskasta lähestymistavasta, tai jos suunnittelet hiihtokeskukselle markkinointikampanjaa, kannattaa siitä jättää rantapallot pois. Suunnitelman ja tuotoksen tulee olla relevantteja alalle, jolla asiakkaasi ja asiakkaan kohderyhmä toimivat. (Airey 2010, 28) 3.4 Design management Design managementin perusajatuksena on muodostaa yhdenmukainen yrityskuva, ja luoda yhtenäinen kokonaisuus yrityksen tuotteesta tai palvelusta, ympäristöstä ja viestinnästä. Design management on mukana lähes kaikessa yritykseen liittyvässä toiminnassa, sillä jokaisella yrityksellä on jokin tuote tai palvelu, josta yritys viestii

12 12 valitsemallaan tavalla ja tietyssä ympäristössä. Koordinoidun designstrategian avulla voidaan soveltaa johdonmukaisesti harkittua designia yrityksen tuotteisiin, toimintaympäristöön sekä yrityksen viestintään, joka mahdollistaa hallitun ja yhtenäisen yrityskuvan kehittämisen. (Ahopelto 1995.) Design managementin selkeyttämiseksi on hyvä määritellä termit identiteetti, profiili ja imago. Yrityksen identiteetti on sen persoonallisuus, eli yrityksen perusarvot, tulevaisuuden visiot ja yrityskulttuuri. Profiili on yrityksestä lähetetty kuva, eli käytännössä valittujen piirteiden esiintuontia markkinoille. Imago taas on subjektiivinen yleisön luoma käsitys yrityksestä. Design management -ajattelulla taas pyritään kontrolloimaan yrityksen profiilia ulospäin yhtenäisellä ja markkinoita kiinnostavalla tavalla, jotta sen imago parantuisi katsojien silmissä. (Poikolainen 1994, 37) Design management -ajattelu on aina kytköksissä yrityksen sisäisiin ja ulkoisiin muutoksiin. Pitkään toiminnassa ollut yritys hyötyy eheästä imagosta ja identiteetistä muutosten edessä ja yhä kansainvälistyvässä maailmassa vahva imago nostaa myös yrityksen markkina-arvoa. Alkavalla yrityksellä muutokset johtuvat yrityksen nuoruudesta ja epävarmuudesta, jolloin taas ulkoiseen kuvaan, tuotteisiin ja viestintään liittyvien tekijöiden loppuun ajattelu antaa varmemman pohjan toimivalle liiketoiminnalle. (Poikolainen 1994, 36) Yrityksen ulkoasu ja design on vain osa design managementin kokonaisuutta ja sen hallitsemista. Yrityksen ilme, ulkoasu ja logotyyppi ovat kuitenkin tärkein viestintäelementti ja sen on tarkoitus tukea yrityksen ei-visuaalista käyttäytymistä ja viestintää. Yrityksen ulkoasu on osa sen identiteettiä ja sillä voidaan koordinoida esimerkiksi suuria yritysmuutoksia uuden yritysidentiteetin myötä. (Melgin 1990, 12) 3.5 Graafinen ohjeisto Graafisessa ohjeistossa tiivistetään yhteen yrityksen ilmeen muodostavat osat selkeään ja ymmärrettävään muotoon. Ohjeistukseen on määritelty tarkasti yrityksen identiteetin luovat visuaaliset peruselementit ja niiden käyttö. Se myös toimii käsikirjana yrityksen visuaalisia elementtejä käyttäville osapuolille. Graafinen ohjeistus takaa yhtenäisen ilmeen yrityksen viestinnässä. (Salin 2002, 80)

13 13 Virpi Salin (2002, 81) jakaa graafisen ohjeistuksen seuraaviin osiin: - Peruselementit: liikemerkki, yritystunnus, yritystunnuksen väritys, yritystunnuksen käyttö eri taustoilla ja materiaaleilla, yritysvärit ja typografia - Sovellukset: lomakkeet, käyntikortit, kirjekuoret, sähköiset lomakepohjat - Myymälä: myymälän tunnus Hyvin suunnittelussa graafisessa ohjeistuksessa muutoksia ei jouduta kovinkaan paljon käytön jälkeen tekemään, vaan ohjeistus säilyy vuosienkin ajan. Ohjeistus on huonosti toteutettu, jos siihen joudutaan jatkuvasti tekemään muutoksia tai jos yritys ei aloita edes sen käyttämistä. Seurauksina tehdään kalliita investointimaksuja uuden yritysilmeen ostamiseen jo toistamiseen ja myös asiakkaiden on totuttauduttava uuteen imagoon. Joskus asiakkaiden on vaikea sopeutua uuteen ilmeeseen, jolloin syntyy riski asiakkaiden menettämisestä. Yritysilmeen ja graafisen yhtenäisyyden muuttaminen on kannattavaa vain silloin, kun yritystoiminta muuttuu perusteellisesti myös liikeidean ja strategian tasolla. (Salin 2002, 83) Graafisen ohjeistuksen etuina ovat ilmeen yhtenäisyys, töiden nopeutuminen ja imagon vahvistuminen asiakkaiden silmissä. Markkinointi on päivittäinen toimi yrityksen liiketoiminnassa ja uusien markkinointimateriaalien tilaaminen on markkinointia. Graafinen ohjeistus antaa yrityksen markkinoinnin suunnittelijalle selkeän kaavan miten ja mitä yritys haluaa viestiä ulospäin. Yhtenäinen ilme luo myös luotettavuutta asiakkaiden silmissä. (Salin 2002, 85)

14 14 4 VERKKOSIVUT Perinteisesti yritysten verkkosivut ovat olleet hyökkääviä, rakennettu myymään, mutta se pelkästään ei ole tarpeeksi. Urheilussa on kolme eri tahoa, jotka luovat menestyksekkään joukkueen: hyökkäys, puolustus ja valmennus. Tehokkaimmat verkkosivut sisältävät samankaltaisen kolmihaaraisen lähestymistavan: markkinointi uusille asiakkaille (hyökkäys), nykyisten asiakkaiden tukeminen (puolustus), sekä välittää yleistä informaatiota joka tukee edellä mainittuja (valmennus). (Potts 2007, 1-6) 4.1 Sisällönhallintajärjestelmät Ennen vanhaan, jos halusit luoda verkkosivun täysin varusteluin, sisältäen esimerkiksi lomakkeita, blogin, kuvagallerian ja mahdollisesti keskustelupalstan, piti käytännössä katsoen koodata kaikki itse. Piti tietää kuinka kirjoittaa HTMLkoodia ja mahdollisesti JavaScriptiä ja saadakseen aikaan mitään dynaamista, oli hyvä olla tietotaitoa muillakin ohjelmointikielillä, kuten PHP:stä tai ASP:stä. Myös SQL-tuntemus oli tarpeen. SQL on ohjelmointikieli, joka mahdollistaa verkkosivujen tietojen varastoinnin ja noutamisen. Nykyään on olemassa laadukkaita sisällönhallintajärjestelmiä, joita verkkosivuohjelmoijat ympäri maailman ylläpitävät ja kehittävät yhdessä. Sisällönhallintajärjestelmät mahdollistavat verkkosivun luomisen parhaimmassa tapauksessa ilman, että tarvitsee itse kirjoittaa edes yhtä riviä koodia. Toisin sanoen sisällönhallintajärjestelmät mahdollistavat verkkosivujen sisällön, kuten tekstin ja kuvien lisäämisen ja muokkaamisen lähes yhtä helposti, kuin Microsoft Wordtekstidokumentin luominen on. Kun sivusto on luotu sisällönhallintajärjestelmään, tarvitsee vain kirjoittaa tekstiä lomakkeeseen ja painaa nappulaa, jolloin teksti ilmestyy halutulle sivulle. Sisällönhallintajärjestelmät mahdollistavat myös käyttäjätilit, jolloin eri käyttäjille voidaan antaa tarkkaan rajatut oikeudet muokata vain haluttua sisältöä. (Beighley 2010, 11 12)

15 15 Sisällönhallintajärjestelmän valintaan vaikuttavat muun muassa seuraavat tekijät: kustannukset, käytön ja käyttöönoton helppous, sekä valitun ohjelman toimintojen ja mahdollisten lisäosien soveltuminen toimialalle. Yrittäjän on tärkeätä tiedostaa mitä ominaisuuksia yritys sisällönhallintajärjestelmältä vaatii. (Boiko 2005, ) Yrittäjän tulee ottaa huomioon myös verkkosivua ja sisällönhallintajärjestelmää käyttävät yrityksen työntekijät ja heidän tekniset tietotaitonsa, vaikka itse osaisikin käyttää sivuston kaikkia ominaisuuksia. Sisällönhallintajärjestelmät ja niiden käyttöliittymät eroavat toisistaan: yksi järjestelmä saattaa panostaa helppokäyttöisyyteen, kun taas toinen järjestelmä saattaa olla paremmin soveltuva tietotekniikkaguruille, mutta tarjoaa enemmän säätömahdollisuuksia. Myös verkkosivujen tuleva sisältö saattaa vaikuttaa päätökseen sisällönhallintajärjestelmään saatavilla olevien laajennusten ja lisäosien muodossa. Internetissä on saatavilla useita eri sisällönhallintajärjestelmiä. Internetistä löytyy myös verkkosivuja, joilla voidaan vertailla eri sisällönhallintajärjestelmien ominaisuuksia toisiinsa taulukoiden avulla (kuva 2). Vertailut ottavat kuitenkin pääsääntöisesti kantaa vain järjestelmien teknisiin ominaisuuksiin, eivätkä ne tarjoa luotettavia käyttäjäkohtaisia kertomuksia ja kokemuksia järjestelmien eroista käytännössä. Kuva 2. Sisällönhallintajärjestelmien vertailua (cmsmatrix.org 2013)

16 16 Internetin mittavasta sisällönhallintajärjestelmävalikoimasta päädyin valitsemaan vaihtoehdoiksi Lunden verkkosivuille käytettäväksi sisällönhallintajärjestelmäksi Concrete5:n, Drupalin, Joomla!:n ja WordPressin. Kyseiset sisällönhallintajärjestelmät ovat ilmaisia PHP-pohjaisia sisällönhallintajärjestelmiä ja perustuvat avoimeen lähdekoodiin. Drupal, Joomla ja WordPress ovat tämän hetken suosituimpia sisällönhallintajärjestelmiä ja Concrete5 otettiin mukaan toisen toimeksiantajan ehdotuksesta Drupal Drupal sai alkunsa vuonna 2000, kun kaksi Antwerpenin yliopiston opiskelijaa, Dries Buytaert ja Hans Snijder, päättivät jakaa Hansin ADSL yhteyden muutaman muun opiskelijatoverinsa kanssa, jolloin he huomasivat tärkeän puuttuvan palasen: heillä ei ollut keinoja keskustella ja jakaa asioita internetin välityksellä. Tämä inspiroi Driesiä työstämään pienen uutissivuston, jolta löytyi keskustelupalsta. Keskustelupalsta mahdollisti ystäväporukan viestittelyn keskenään. Opiskelujen päätyttyä Dries siirsi keskustelupalstan hankkimalleen palvelimelle, drop.org:lle. Drop oli alun perin kirjoitusvirhe ja tarkoituksena oli nimetä sivusto Dorp:ksi, joka tarkoittaa hollannin kielellä kylää. Keskustelupalstaan alettiin myöhemmin toivoa uusia ominaisuuksia, kuten moderointia ja ryhmiä. Drop.org alkoi saada laajennuksia ja tammikuussa 2001 Dries päätti laittaa luomuksensa jakoon Drupal-nimellä. (Drupal.org 2013) Drupal on ilmainen ohjelmistopaketti, joka mahdollistaa yksityisen henkilön tai käyttäjäyhteisön julkaista, hallita ja organisoida laajaa sisältömäärää verkkosivuilla helposti. Drupalin avulla sivustolle voidaan lisätä vaikkapa blogi tai verkkokauppa, eri mahdollisuuksia on useita. Kaikki toiminnot ja ominaisuudet eivät kuulu Drupalin peruspakettiin, mutta Drupal on laajennettavissa useilla eri moduuleilla. (Beighley 2010, 10 17)

17 Joomla Joomlan kehitys alkoi vuonna 2005 jo valmiiksi suositun Mambosisällönhallintajärjestelmän haarana. Joomla yhteisö kerääntyi uuden projektin ympärille varsin nopeasti ja auttoi kasvattamaan kiinnostusta projektia kohtaan. Vuosien saatossa Joomla on matkannut menestyksestä menestykseen ja on kasvanut yhdeksi suurimmista ja aktiivisimmista avoimen lähdekoodin projekteista. (Shreves 2013, 21) Useimmille Joomlan valitseminen sivuston sisällönhallintajärjestelmäksi on melko yksinkertainen päätös. Joomla on helposti ymmärrettävä, edullinen ja tarvittavan joustava laajentumaan yrityksen tarpeisiin verkkosivujen kehittyessä ajan myötä. Vaikka Joomla on erinomainen ratkaisu moniin tarpeisiin, ei se kuitenkaan sovellu kaikkiin ajateltavissa oleviin käyttötarkoituksiin. Esimerkiksi verkkosivun koodin kustomointi saattaa tuottaa ongelmia, kun sisällönhallintajärjestelmää päivitetään. Päivitykset saattavat poistaa kaikki käyttäjän tekemät muutokset sivuston koodiin, mikä aiheuttaa rutkasti lisää työtä päivityksien yhteydessä. (Shreves 2013, 23) WordPress WordPress aloitti toimintansa vuonna 2003, tarkoituksenaan kehittää jokapäiväisen kirjoittamisen typografiaa, käyttäjämäärien ollessa sormin ja varpain laskettavissa. Sittemmin WordPress on kasvanut yhdeksi maailman suurimmista bloggaustyökaluista, sen ollessa käytössä miljoonilla verkkosivuilla ja saavuttaen kymmeniä miljoonia lukijoita päivittäin. (wordpress.org 2013) WordPress järjestelmästä on saatavilla omalle palvelimelle asennettava versio ja monista muista sisällönhallintajärjestelmistä poiketen myös ilman asennusta käytettävä versio. WordPress tarjoaa wordpress.com sivustollaan käyttäjilleen mahdollisuuden luoda verkkosivun tai blogin helposti suoraan internetselaimella. (wordpress.org 2013)

18 18 Vaikka WordPressin toiminta alkoi blogien julkaisujärjestelmänä, on siitä ajan myötä kehittynyt myös varteenotettava sisällönhallintajärjestelmä. WordPress soveltuu parhaiten toimitukselliseen käyttöön. WordPressin käyttö on helppoa ja nopeaa, se on erinomainen tekstin kanssa ja se on hakukoneystävällinen. WordPress ei ole kuitenkaan yhtä helposti laajennettavissa ja muokattavissa, kuin jotkin muut sisällönhallintajärjestelmät ja saattaa vaatia edistynyttä tietoa teemojen tai lisäosien kehittäjältä. (Hedengren, 167) Concrete5 Concrete5 on Franz Marunan ja Andrew Emblerin tuotos. Pyörittäessään pientä interaktiivista mediayritystä, he saivat vuonna 2003 mahdollisuuden auttaa paikallista yritystä rakentamaan verkkosivusto AdCouncilille. Concreten kehityksen lähtökohtana oli luoda mahdollisimman joustava järjestelmä, joka yritti välttää vaarat ja riskit, jotka osaltaan vaikuttivat tunnettujen sisällönhallintajärjestelmien, kuten Mambon ja StoryServerin kuolemiseen. He kehittivät kolme sääntöä, joita käytettiin jokaisen päätöksen arviointiin: 1. Pidä se helppona. Sinua ei tarvitse kouluttaa kirjoittamaan tekstiä Wordilla. Saman pitäisi päteä myös verkkosivuilla. 2. Pidä se joustavana. He työskentelivät maailman parhaimpien mainostoimistojen kanssa. Heille ei voinut sanoa, että et voi tehdä tuota tämän sisällönhallintajärjestelmän kanssa. Asiakkaan tarpeiden tulee määritellä käyttökokemus, ei teknologian rajoitukset. 3. Pidä se vakaana. Sivustolle, jota varten Concrete5 luotiin, oli tarkoitus liittää televisiomainoksia, joten sivuston käyttäjäliikenteen oletettiin saavan suuriakin kävijäpiikkejä, jopa vierailijaa samanaikaisesti. Vaikka jokainen järjestelmä vaatii hienosäätöä hallitakseen kyseisenlaiset kävijämäärät, piti sisällönhallintajärjestelmän olla luonnostaan skaalautuva. (concrete5.org 2013)

19 19 Vuonna 2003 alkunsa saanut Concrete ei ollut kuitenkaan vapaan lähdekoodin sisällönhallintajärjestelmä. Maruna ja Embler kehittivät Concretea kaupallisena versiona eri projektien parissa, lisäten siihen eri ominaisuuksia ja toimintoja. Viiden vuoden kehittämisen jälkeen Maruna ja Embler päättivät lopettaa ominaisuuksien lisäämisen Concreteen ja sen sijaan he päättivät poistaa kaiken, josta he eivät pitäneet. Myös käyttöliittymä suunniteltiin täysin uusiksi. Viiden vuoden kokemuksella kehitettiin täydellinen ratkaisu: Concrete5. He päättivät julkaista Concrete5:n sallivimmalla vapaan lähdekoodin lisenssillä, jonka he löysivät. Concrete5 julkaistiin kesällä 2008 ja saman vuoden syksyyn mennessä sillä oli jo yli tuhat vierailijaa päivittäin. Nykyään Concrete5 on levinnyt maailmanlaajuisesti ja sillä on satoja tuhansia käyttäjiä. (concrete5.org 2013) Concrete5 valittiin vuonna 2012 teknologiaan erikoistuneen blogisivuston, CMS Criticin, äänestyksessä yleisön suosikiksi avoimen lähdekoodin sisällönhallintajärjestelmien sarjassa. Avoimessa yleisöäänestyksessä oli useita eri äänestyskategorioita ja Concrete5 nousi yleisön suosikiksi sekä parhaan avoimen lähdekoodin järjestelmän -sarjassa, että parhaassa pienen budjetin järjestelmän sarjassa. (cmscritic.com 2013) 4.2 Responsiivinen web-suunnittelu Vielä lähihistoriassa, ja osittain nykyisinkin, verkkosivut luotiin tyypillisesti kiinteällä leveydellä, sillä olettamuksella, että kaikki käyttäjät saavat lähestulkoon samankaltaisen käyttökokemuksen. Tämän tyyppiset, kiinteään leveyteen perustuvat sivustot, sopivat hyvin kannettavia tietokoneita ja pöytäkoneita käyttäville, joissa näytön koko on riittävän suuri. Nykyään pitää kuitenkin sivustoja suunnitellessa huomioida myös mahdolliset mobiililaitteiden käyttäjät. Applen iphonet ja ipadit, Samsungin puhelimet, tabletit, ynnä muut mobiililaitteet ovat yleistyneet kovaa vauhtia ja niiden käyttö internetsivujen selaamisessa on jatkuvassa kasvussa. Responsiivinen web-suunnittelu viittaa verkkosuunnitteluun, jossa tarkoituksena on sisällön esilletuonti tavalla, joka mahdollistaa sisällön saavutettavuuden mahdollisimman monella eri näyttölaitteella. (Frain 2012, 7-8)

20 20 Useiden eri näyttölaitteiden yleistyessä verkkosuunnittelusta on tullut yhä monipuolisempaa ja myös monimutkaisempaa. Eri kohdelaitteet ja käyttäjät asettavat verkkosuunnittelulle enemmän vaatimuksia kuin aiemmin, koska enää ei riitä yrityksen verkkosivun näkyminen luettavalla tavalla vain pöytäkoneella. Uusimmat teknologiat, HTML5 ja CSS3, tekevät verkkosuunnittelun eri päättölaitteille helpommaksi ja niiden hyödyntäminen tarjoaa parhaan käyttökokemuksen näyttölaitteesta riippumatta. (Frain 2012, 16) Verkkosuunnittelussa nähdään nykyään kolme eri suuntausta, joissa jokaisella on omat hyvät ja huonot puolensa. Ensimmäinen vaihtoehto on pysyä vanhoissa ja suunnittelijalle tutuissa teknologioissa, jolloin kosketusnäyttölaitteilla käyttäjät joutuvat suurentamaan ja pienentämään sivustoa navigoidakseen sivustolla. Toinen vaihtoehto on toteuttaa mobiililaitteille erillinen sivusto toiselle domainille, jolloin ylläpitoa joutuu tekemään kahdelle erilliselle sivulle. Kolmas vaihtoehto on mukautuva suunnittelu, jossa verkkosivu suunnitellaan joustavaksi ja mukautuvaksi näyttölaitteen mukaan. Mukautuvan suunnittelun, eli responsiivisen suunnittelun, tavoitteena on sivustototeutus, jossa päätelaitteen näyttämä alue (viewport) skaalaa ja asemoi sivuston sisällön sopivaksi kaikille näyttölaitteille. (Creative Kilta 2012) Yksi suurta kannatusta viime vuosina kerännyt tapa suunnitella verkkosivuja on Mobile First -ajattelumalli. Usein pelkästään pöytäkoneille suunnitellut sivustot eivät taivu mitenkään jälkeenpäin mobiiliin, joten verkkosuunnittelun periaate Mobile First pohjautuu suunnittelun aloittamiseen mobiilista ylöspäin. Mobile First -ajattelumalli on kannattava seuraavista syistä: - se valmistaa suunnittelijat ja suunnittelevat yritykset mobiilikäytön laajenemiseen - opettavat suunnittelijat huomioimaan myös mobiilikäyttäjät ja mobiililaitteiden rajoitteet verkkosuunnittelussa - auttaa yhä innovatiivisempaan mobiililaitteiden hyötykäyttöön (Creative Kilta 2012)

21 21 Packt (2012) kertoo kirjassaan Responsive Web Design with HTML5 and CSS3, että gs.statcounter.com perusteella tehdyn tutkimuksen mukaan vuosien 2010 ja 2011 aikana maailmanlaajuinen mobiilikäyttö verkon selaamiseen kasvoi 2.86 prosentista 7.02 prosenttiin. Vuoden 2013 syksyllä gs.statcounter.com perusteella mobiililaitteiden käyttäjiä verrattuna tietokonekäyttäjiin oli jo 18 prosenttia (kuva 3). Vuoden 2011 alussa vain reilulla 25 prosentilla suomalaista kotitalouksista oli käytössään älypuhelin, kun vastaava luku vuoden 2013 elokuussa oli jo yli 60 prosenttia. Myös taulutietokoneet, eli tabletit, ovat lyömässä itseään läpi. Tablettien määrä kotitalouksissa on lähes kolminkertaistunut viimeisen vajaan kahden vuoden aikana. Liikkuva laajakaista löytyy myös yli puolista suomen kotitalouksista, kun vuoden 2011 alussa liikkuva laajakaista löytyi vain noin kolmannekselta väestöstä. (Tilastokeskus 2013a; Tilastokeskus 2013b.) Kuva 3. Mobiililaitteet vs. pöytäkone (gs.statcounter.com 2013)

22 22 5 CASE: LUNDE 5.1 Logon suunnittelu Lunden logon ja liikemerkin suunnitteluun lähdettiin puhtaalta pöydältä, sillä uudella yrityksellä ei valmista logoa ollut. Lunde tarkoittaa norjan kielellä lunnia (kuva 4), joka on värikäsnokkainen merilintu. Logoon haluttiin tästä syystä liikemerkki, joka muistuttaa lunnia. Logo haluttiin kuitenkin pitää myös yksinkertaisena ja siistinä, joka asetti rajoitteita logon suunnittelulle. Yksinkertaisin ratkaisu on yleensä myös tehokkain ratkaisu, koska yksinkertainen logo auttaa saavuttamaan ikonisen logosuunnittelun vaatimukset (Airey, 22). Yksinkertaisuus auttaa logoa olemaan mukautuva ja täten logoa voidaan myös käyttää laajalti eri medioissa, kuten esimerkiksi käyntikorteissa tai lehtimainoksissa. Kuva 4. Lunni (wikipedia.org 2013) Valmista logoa on tarkoitus käyttää yrityksen yritysilmeen pohjana, jonka perusteella muun muassa internetsivujen ja muiden markkinointimateriaalien värimaailma ja ulkoasun tyyli määrittyvät. Liikemerkin värimaailman haluttiin koostuvan lunnin väreistä, jonka ehkäpä silmiinpistävin osa on oranssinpunainen nokka, muun linnun ollessa lähes täysin mustaa ja valkoista. Pääväreinä logossa tulee siis olemaan musta, valkoinen ja oranssi. Oranssista väristä syntyvät

23 23 mielikuvat liittyvät muun muassa luovuuteen, ainutlaatuisuuteen ja energiaan (Stone, 28). Kyseiset piirteet sopivat myös erittäin hyvin yrityksen toimialaan. Luonnosten työstäminen aloitettiin Adobe Illustratorilla, jolla myös logo on tarkoitus tehdä valmiiksi. Illustratorin tuottama vektorigrafiikka mahdollistaa valmiin logon ja liikemerkin skaalaamisen eri kokoihin ilman, että kuvanlaatu kärsii. Luonnoksista pisimmälle pääsi kaksi eri versiota (kuva 5). Tarkoituksena oli siis pitää liikemerkki yksinkertaisen tyylikkäinä, mutta antaa silti vaikutelman, että kyseessä on lunni. Kuva 5. Liikemerkin luonnoksia. Luonnoksista jatkokehitykseen valittiin enemmän lunnia muistuttava versio. Logon kirjasintyypiksi valittiin Sebastian Lesterin vuonna 2004 julkaisema Neo Tech. Neo Tech on groteskeihin kuuluva futuristinen kirjasintyyppi, joka ei kuitenkaan ole konstikas tai hetkellinen. Neo Techin ominaispiirteitä ovat huolellisesti piirretyt, tasalevyiset ja avoimet kirjainmuodot, sekä paksut ja sileät kaarteet. Liiketunnuksen muotoja ja piirteitä muokattiin pyöreämmiksi, kirjasintyypin ominaispiirteitä mukaillen, jotta kokonaisuudesta tulisi yhtenäisempi. Logon (kuva 6) teksti sijoitettiin liikemerkin oikealle puolelle, mutta tarvittaessa teksti voidaan sijoittaa myös liikemerkin alapuolelle, jolloin tekstin koko on huomattavasti pienempi tai vaihtoehtoisesti teksti voidaan myös jättää kokonaan pois, jolloin käytössä olisi pelkkä liikemerkki.

24 24 Kuva 6. Valmis logo ja eri käyttömahdollisuudet. Logolle määriteltiin myös suoja-alue (kuva 7), jolla varmistetaan logon selkeä esiintyminen. Logolle määrättyä suoja-aluetta voidaan pitää ohjeena, kun logoa asetetaan yksinkertaisiin tuotteisiin. Suoja-alue on näkymätön alue, jonka sisälle ei saa sijoittaa grafiikkaa, tekstiä tai muita elementtejä. Lunden logon suojaalue määrittyi yritystunnuksen linnun nokan leveyden perusteella. Kuva 7. Logon suoja-alue. 5.2 Värit Yrityksen värimaailma (kuva 8) valittiin valmiin logon perusteella muun muassa luovuuteen viittaava oranssi, musta ja valkoinen. Muut värit valittiin väriympyrää hyväksikäyttäen nelisointuperiaatteella, joka rakentuu aina kahdesta vastaväriparista. Päävärinä toimii kirkkaan oranssi ja toiseksi pääväriksi valikoitui puna-

25 25 oranssi, joka antaa mielikuvan intohimosta ja halusta. Täydentäviksi väreiksi väriympyrän avulla saatiin punaoranssin vastaväri, mereen ja taivaaseen viittaava sininen, joka tuottaa mielikuvia esimerkiksi puhtaudesta, sekä oranssin vastaväri, muun muassa luontoa, nuoruutta ja menestystä edustava vihreä. (Stone, 26 29) Kuva 8. Lunden väriprofiili. 5.3 Typografia Yrityksen logoon ja painomateriaaleihin, kuten käyntikorttiin, valitsin käytettäväksi vuonna 2004 julkaistun Neo Tech fontin (kuva 9). Neo Tech on helppolukuinen pääteviivaton kirjasintyyppi. Pääteviivattomista kirjasintyypeistä käytetään myös yleisesti tunnetumpaa sans-serif nimitystä. Sans-serif kirjasintyypit soveltuvat hyvin otsikkokäyttöön ja esimerkiksi verkkosivujen leipätekstiin. Kuva 9. Neo Tech. Neo Tech -kirjasintyyppiä ei haluttu kuitenkaan käyttää verkkosivuilla kustannussyistä. Neo Tech on maksullinen fontti ja verkkokäyttölisenssistä pitäisi maksaa erikseen jokaisen eri kirjasinleikkauksen osalta. Verkkosivuille päätettiin siis etsiä ilmainen, mutta kuitenkin Neo Techiä muistuttava kirjasintyyppi. Verkkosivujen otsikkokäyttöön valittiin fontiksi sans-serif tyylin Armata (kuva 10). Armatasta on saatavilla verkkosivuille CSS:n avulla upotettava versio, jolloin sitä voidaan käyttää verkkosivuilla, vaikka kirjasintyyppiä ei jokaisen verk-

26 26 kosivuilla kävijän koneelta löytyisikään. Armataa on tarkoitus käyttää verkkosivuilla pääosin versaalein, kuten Neo Techiä painomateriaaleissa. Kuva 10. Armata. Verkkosivujen leipätekstiin haluttiin löytää Armatan sijasta käytettäväksi toinen fontti tuomaan hieman lisää luonnetta ja kontrastia sivustolle. Armatasta ei myöskään ole saatavilla eri kirjasinleikkauksia, kuten lihavoitua tai kursiivia versiota, joka olisi saattanut aiheuttaa ongelmia myöhemmässä vaiheessa. Leipätekstiin käytettäväksi fontiksi valikoitui Source Sans Pro (kuva 11), joka soveltuu hyvin pitkiinkin leipäteksteihin. Source Sans Pro:ssa on tavanomaista lyhyemmät versaalit yhdistettynä sen gemenoiden, eli pienaakkosten, normaalia korkeampiin yläpidennyksiin, jotka tuottavat mieluisan lukukokemuksen myös pitkissä tekstiosioissa. Yläpidennys on pienaakkosen osa, joka ylittää gemenalinjan (Graafinen.com 2013). Source Sans Pro:sta on Armatan tapaan saatavilla verkkosivuille upotettava versio, joka oli vaatimuksena verkkosivun leipätekstiin valittavalta fontilta. Kuva 11. Source Sans Pro.

27 Käyntikortin suunnittelu Käyntikortti sisältää oleellisimmat tiedot yrityksestä ja toimii täten hyvänä informaation välittäjänä yrityksen ja asiakkaan välillä. Käyntikortti on yleisimmin noin luottokortin kokoinen kortti, josta olisi hyvä löytyä henkilön nimi, yhteystiedot ja yrityksen logo tai nimi ja yhteystiedot. Suomessa käyntikorttien tavanomaisin koko on 90mm x 50mm, mutta nykyään maailmanlaajuisen trendin mukaisesti on suurelta osin siirrytty 86mm x 54mm kokoisiin kortteihin, joka on sama kuin luottokortin koko (wikipedia.org 2013). Lunden käyntikortti päätettiin tehdä nykytrendin mukaisia mittoja käyttäen, joten suunnittelu aloitettiin 86mm x 54mm mitoilla. Luottokortin kokojen käyttämistä puoltaa muun muassa se, että luottokortin kokoinen käyntikortti on käytännöllisempi esimerkiksi lompakossa säilyttämisen kannalta. Käyntikortti haluttiin pitää myös yksinkertaisena ja siistinä muun yritysilmeen tapaan. Käyntikorttia suunnitellessa pohdin, pitäisikö käyntikortista suunnitella yksi- vai kaksipuolinen. Päädyin suunnittelemaan yksipuolisen kortin, koska välitettävää informaatiota ei kovinkaan paljoa ollut ja kaikki tarpeellinen tieto saatiin helposti mahdutettua yhdelle puolelle. Yksipuolinen käyntikortti on myös aloittavalle yritykselle kustannussyistä mieluisampi ratkaisu. Myös erilaiset koristeelliset normaalista suorakulmiosta poikkeavat muodot päätettiin jättää pois. Käyntikorttiin (kuva 12) haluttiin sijoittaa yrityksen logo, osoite, työntekijän nimi, matkapuhelinnumero ja sähköpostiosoite, sekä yrityksen verkkosivujen osoite. Käyntikortin värimaailma pohjautui alkuperäisen suunnitelman mukaisesti logon värimaailmaan yhtenäisen yritysilmeen saavuttamiseksi. Logo asetettiin käyntikortin vasempaan reunaan ja vastakkaiseen reunaan jäi sopivasti tilaa, johon sijoitettiin loput halutusta informaatiosta. Kirjasintyyppinä käyntikortissa käytettiin logosta tuttua Neo Tech fonttia. Luettavuuden parantamiseksi kaikki tekstit kirjoitettiin versaalein, eli suuraakkosilla. Käyntikortin ylä- ja alalaitoihin sijoitin aiemmin luodun väriteeman mukaisesti oranssia ja punaoranssia käyttävät liukuväripalkit poistamaan ylimääräistä valkoista tilaa kortista ja tuomaan hieman lisää visuaalista näyttävyyttä käyntikortille.

28 28 Kuva 12. Valmis käyntikortti. 5.5 Asiakirjapohjan suunnittelu Yritykselle toteutettiin myös asiakirjapohja Microsoft Office Word ohjelman pohjalle. Asiakirjapohjaa yritys voi hyödyntää muun muassa asiakkaille lähetettävissä kirjeissä ja laskuissa. Asiakirjapohjasta haluttiin tehdä mahdollisimman yksinkertainen ja moniin eri käyttötarkoituksiin sopiva. Asiakirjapohjan ylä- ja alatunnisteisiin lisättiin valmiiksi tarpeellista informaatiota yrityksestä, jotka ovat myös tarpeen tullen helposti muokattavissa. Ylä- ja alatunnisteet erottavat muusta asiakirjasta horisontaalinen, yrityksen väriprofiilin mukainen, oranssi viiva. Ylätunnisteessa on näkyvillä yrityksen logo, yhteystietoja, asiakirjan otsikko, sekä päivämäärä. Alatunnisteesta löytyvät tarpeellisia yhteystietoja yrityksestä. Asiakirjapohjan typografiasta vastaa muun muassa logossa käytettyä Neo Tech kirjasintyyppi, joka toimii myös hyvin asiakirjakäytössä ja on helposti luettavissa. Asiakirjapohja löytyy liitteessä 1.

29 Graafinen ohjeisto Graafinen ohjeisto ohjaa, kuinka yrityksen visuaalisia elementtejä voidaan käyttää yrityksen visuaalisessa viestinnässä. Lundelle luotiin graafinen ohjeisto opastamaan logon, värien ja typografian käytössä. Graafinen ohjeisto löytyy opinnäytetyön liitteessä Verkkosivut Verkkosivut ovat yksi yrityksen tärkeimmistä markkinointikanavista. Asiakkaat hakevat yritystä verkosta hakukoneen kautta ja usein valitsevat ensimmäisten joukosta löytyvät palveluntarjoajan. Verkkosivujen ulkoasu on myös ratkaiseva tekijä asiakkaan valinnan helpottamisessa, sillä ensivaikutelma saattaa kääntää ostopäätöstä toiseen suuntaan. Ensimmäisten sekuntien aikana asiakas päättää haluaako ostaa palvelunsa juuri kyseenomaiselta yritykseltä. Verkkosivu ilmentääkin yrityksen ulkoasua, yleisilmettä ja viestimistapoja, joten joissain tapauksissa sen tärkeys on verrattavissa jopa yrityksen varsinaiseen toimipaikkaan. (Kotisivuja.net, 2011) Tärkeimmät verkkosivun ominaisuudet ovat tulla löydetyksi, vakuuttaa asiakas ostamaan tuotteitasi tai palveluitasi ja hoitaa tilauksesta seurannut asiakaspalvelu ja myyntipuoli huolella. Yrityksen verkkosivut ovat yksi harvoista medioista, jotka ovat täysin yrityksen kontrollissa. Tämän takia aloittavalle yritykselle yrityksen verkkosivut ovatkin usein markkinoinnissa pääsijalla, koska ne ovat kustannustehokas keino saada tuore yritys markkinoille ja sanoma kuuluville. (Slideshare, 2012) Teknologian kehittyessä ja erilaisten näyttölaitteiden yleistyessä yritysten verkkosivujen mukautuvuus erikokoisten näyttölaitteiden mukaan on tärkeää, koska se luo vakuuttavuutta ja positiivisen mielikuvan yrityksestä. Jopa 89 % älypuhelinten käyttäjistä sanoo miellyttävän mobiilikokemuksen herättävän positiivisen kuvan koko yrityksestä. (Mobiilimarkkinointi Routa, 2012)

30 30 Verkkosivujen suunnittelusta responsiiviseksi tai erikseen mobiililaitteille on muodostumassa jo normiksi suunnittelupiireissä. Suunnittelu eri alustoille varmistaa sen, että verkkosivusto kestää aikaa ja vakuuttaa kävijöitä yrityksen palvelusta. Responsiivisessa, eli mukautuvassa, suunnittelussa on tärkeää priorisoida eri sisällöt ja miettiä, miten sisältö skaalautuu erikokoisille laitteille. Tämän takia on olennaista ymmärtää myös sivuston käyttäjien tarpeet: mitä kävijä hakee sivustolta tai miten kävijä löytää etsimänsä. (Karukka, M. & Inkilä, T, 2013) Suunnittelu Markkinointiyrityksen verkkosivun suunnittelussa visuaalisella ilmeellä ja graafisella suunnittelulla on pääpaino. Koska yritys myy verkkosivujen suunnittelua ja graafista osaamista palveluinaan, myös yrityksen omien markkinointimateriaalien on hyvä osoittaa vahvaa ammattitaitoa ja luovuutta tällä saralla. Verkkosivu suunniteltiin graafisen ohjeistuksen mukaisesti, jotta ulkoasu säilyi yhtenäisenä koko markkinointimateriaalien läpi. Mukautuvan verkkosivun suunnittelu voidaan jakaa kolmeen osaan: 1. Onko tarvetta responsiivisille sivuille vai mobiilisivuille? 2. Miten sisältö optimoidaan? Mikä näyttölaite on tärkein sivuston omistajalle? 3. Mitä käyttäjä haluaa löytää sivustolta navigoidessaan pöytäkoneella, tabletilla tai matkapuhelimella? (Karukka, M. & Inkilä, T, 2013) Mukautuvassa suunnittelussa täytyy huomioida myös seikkoja, joita tavanomaisen, pöytäkoneille suunnitellun, verkkosivun suunnittelussa ei tarvitse ottaa huomioon. Näitä ovat muun muassa teknisten lisävaatimusten kartoittaminen, kuvien ja tekstien optimointi eri näyttölaitteille, ja rautalankamallin suunnittelu. (Karukka, M. & Inkilä, T, 2013) Verkkosivut haluttiin pitää muun yritysilmeen mukaisesti yksinkertaisen selkeinä. Suunnitteluprosessi aloitettiin Adoben Photoshopilla, jolla hahmottelin mahdollisia ulkoasu-luonnoksia verkkosivuille. Rautalankamallia ei tässä tapauksessa tarvittu, koska sivuston rakenne on hyvin yksinkertainen, eikä sisältöä tule

31 31 verkkosivuille paljoa. Sivuston värit valittiin aiemmin luodun väriprofiilin perusteella. Toimivien verkkosivujen edellytyksenä on vaivaton navigointi sivuilla, minkä takia sivuille ei haluttu suunnitella liian monimutkaista rakennetta. Sivustolle haluttiin vain neljä eri sivua: etusivu, referenssit, palvelut ja yhteystiedot. Etusivulla esitellään lähes kaikki informaatio mitä verkkosivun muilla sivuilla on, mutta tiiviimmässä muodossa. Referenssit -sivulle tulee tarkempaa informaatiota yrityksen suunnittelemista ja toteuttamista asiakasprojekteista. Palvelu-sivulla kerrotaan, mitä yritys voi asiakkailleen tehdä. Yhteystieto-sivulta löytyy keinot yhteydenottoon, kuten yhteydenottolomake, tarkemmat yhteystiedot ja kartta. Ulkoasu (kuva 13) ei poikkea tyypillisestä yrityssivun ulkoasusta. Navigointipalkki löytyy sivuston ylälaidasta ja sen taustavärinä on yrityksen markkinointimateriaaleissa vahvasti esillä oleva oranssi. Navigoinnin alapuolella esiintyy yrityksen logo vasemmalla ja sen oikealla puolella lyhyt kuvaus yrityksestä. Sivuston alalaitaan suunniteltiin myös tummataustainen alatunniste, josta löytyy yrityksen tärkeimmät yhteystiedot, tekijäinoikeusmaininta sekä linkki, jolla pääsee takaisin sivuston alkuun.

32 32 Kuva 13. Valmis ulkoasu verkkosivulle. Verkkosivulle suunniteltiin myös ulkoasu (kuva 14) pienemmille näyttölaitteille, kuten älypuhelimille ja tableteille. Responsiiviisessa ulkoasussa navigaatio siirtyy oikeaan yläreunaan painikkeen taakse. Navigaation vieressä vasemmalla on yrityksen logo. Logo ja navigaatio -nappi on suunniteltu seuraamaan mukana sivua vieritettäessä. Muuten ulkoasu pysyy samankaltaisena täysikokoisen ulkoasun kanssa.

33 33 Kuva 14. Verkkosivun ulkoasu älypuhelinkoossa Sisällönhallintajärjestelmän valinta Sisällönhallintajärjestelmää valittaessa markkinointiyritykselle täytyy huomioida useita eri vaatimuksia. Sisällönhallintajärjestelmän helppokäyttöisyys ja monipuolisuus ovat sivuston päivittäjän kannalta tärkeitä ominaisuuksia, kun taas skaalautuvuus ja sivuston rakenteen helppo ymmärrettävyys ovat sivuston kehittäjälle olennaisia asioita.

34 34 Tracey Halvorsen on kirjoittanut blogissaan (2011), että hyvän sisällönhallintajärjestelmän tekee: 1. Helppokäyttöisyys: sivuston sisällön ja kuvien päivittämisen helppous. 2. Älykkyys: useiden tai yhtenäisten elementtien lisääminen onnistuu hyvän sisällönhallintajärjestelmän avulla vaivatta. 3. Avulias: hyvä sisällönhallintajärjestelmä antaa vinkkejä miten järjestelmää käytetään ja sisältää kattavan tukiosaston. 4. Joustavuus: suurilla sivustoilla pienten lisäysten tekeminen pitäisi olla helppoa. 5. Mahtavuus: jos haluat tehdä suuriakin muutoksia, se on mahdollista. 6. Intuitiivisuus: eri elementtien asettelu pitäisi olla yksinkertaista käyttäjälle 7. Vakaus: huono sisällönhallintajärjestelmä voi 8. Turvallisuus: erityisesti suuremmilla sivustoilla tietoturvan tärkeyttä ei voi vähätellä 9. Mukavuus: käyttöliittymän pitäisi olla miellyttävä käyttää 10. Yksinkertaisuus: yksinkertaisuus ja helppokäyttöisyys kulkevat käsi kädessä. Ilmaisista sisällönhallintajärjestelmistä valittiin Concrete5 sen helppokäyttöisyyden, monipuolisuuden ja pudota ja liitä -ominaisuuden takia. Pudota ja liitä ominaisuus sallii sivuston eri osien siirtämisen hiirellä vetämällä haluttuun paikkaan. Myös aiemmat käyttökokemukset opinnäytetyössä harkituista sisällönhallintajärjestelmistä vaikuttivat valintaan. Harkinnassa olleet sisällönhallintajärjestelmät olivat teknisiltä ominaisuuksiltaan niin samankaltaisia, etteivät tekniset eroavaisuudet juurikaan vaikuttaneet sisällönhallintajärjestelmän valintaan (cmsmatrix.org 2013). Concrete5 on erityisesti suunniteltu sivuston suunnittelijoille, ei kehittäjille, ja sen kattava kokoelma ilmaisia ja maksullisia lisäosia mahdollistavat erityyppisten ratkaisujen tekemisen. Concrete5 on helppokäyttöisyytensä vuoksi myös hyvä Lunden tuleville asiakasprojekteille, koska järjestelmän sisällä tapahtuva muokkaaminen toimii tekstinkäsittelyohjelmaa muistuttavalla tavalla. Concrete5:n suurimpia heikkouksia on muihin vertailussa mukana olleisiin sisällönhallintajärjestelmiin verrattuna suppea valikoima eri laajennuksia.

35 35 6 YHTEENVETO Tämän opinnäytetyön toiminnallisena tavoitteena oli suunnitella aloittavalle markkinointialan yritykselle, Lundelle, visuaalinen yritysilme ja verkkosivut. Opinnäytetyössä haluttiin myös selvittää mitä sisällönhallintajärjestelmää yrityksen verkkosivuilla tultaisiin käyttämään. Toimeksiantajien toiveena oli saada yritysilmeestä yhtenäinen, joka on ulkoasultaan yksinkertainen, mutta tyylikäs. Lunde on aloittava markkinointialan yritys, jolla ei ollut tarjota suunnitteluprosessin tueksi minkäänlaisia materiaaleja tai ennakkosuunnitelmia. Koko prosessi aloitettiin siis puhtaalta pöydältä. Toinen toimeksiantajista opinnäytetyön tekijän ohella, oli opinnäytetyön suunnitteluvaiheessa tiiviisti mukana. Kaikki suunnitellut materiaalit hyväksytettiin hänellä ja hänellä oli mahdollisuus ehdottaa korjauksia ja parannusehdotuksia toteutettuihin töihin. Suunnitellut materiaalit pyrittiin toteuttamaan molempien toimeksiantajien toiveiden mukaisesti. Opinnäytetyöraportin teoriaosuudessa keskityttiin pohjustamaan suunnitteluprosessin eri vaiheita niihin liittyvällä teorialla. Tässä osuudessa tutkittiin muun muassa värien ja typografian teoriaa, ja mitä niiden valinnassa tulee ottaa huomioon. Esimerkiksi yritysilmeen värien valinta toteutettiin väriympyrän avulla. Teoriaosuudessa käytiin myös läpi verkkosivujen suunnittelun teoriaa, eri sisällönhallintajärjestelmiä ja niiden ominaisuuksia, sekä responsiivista websuunnittelua. Teoriaosuudessa havaittiin suosituimpien sisällönhallintajärjestelmien olevan teknisiltä ominaisuuksiltaan hyvin samankaltaisia. Yritykselle valittu sisällönhallintajärjestelmä, Concrete 5, oli vertailuissa olleista sisällönhallintajärjestelmistä mielestäni helppokäyttöisin ja monipuolisin. Opinnäytetyön toiminnallisessa osuudessa toimeksiantajayritykselle suunniteltiin muun muassa logo, käyntikortti ja asiakirjapohja Microsoft Wordille. Yritykselle koottiin myös graafinen ohjeisto opastamaan yritysilmeen eri osien käytössä, jotta yritysilme pysyisi yhtenäisenä myös tulevaisuudessa.

36 36 Yritykselle suunniteltiin myös verkkosivut, jotka skaalautuvat näyttölaiteen koon mukaan. Opinnäytetyössä ei toteuteta verkkosivuja opinnäytetyön aikataulun vuoksi. Verkkosivut tullaan toteuttamaan lähitulevaisuudessa opinnäytetyössä suunnitellun ulkoasun mukaisesti, ja tulen olemaan projektissa itsekin mukana. Toiminnallisessa osiossa tuotetut yritysilmeen osat olivat kokonaisuudessaan toimeksiantajayritykselle arvokkaita. Aloittavana yrityksenä Lundella ei ollut minkäänlaisia markkinointimateriaaleja. Toimeksiantaja oli tyytyväinen opinnäytetyössä suunniteltuihin materiaaleihin ja aikoo ottaa ne käyttöön heti yrityksen liiketoiminnan alkaessa. Koska toimeksiantajayritys oli tyytyväinen lopputulokseen, voidaan toimeksiannon toteutusta pitää onnistuneena.

37 37 LÄHTEET Adams, S Logo Design Workbook. Rockport Publishers. Airey, D Logo Design Love: A Guide to Creating Iconic Brand Identities. Berkeley: New Riders. Beighley, L Drupal For Dummies. New Jersey: Wiley. Boiko, B Content Management Bible, 2nd Edition. Indianapolis: Wiley. Felici, J The Complete Manual of Typography: A Guide to Setting Perfect Type, Second Edition. Berkeley: Peachpit. Frain, B Responsive Web Design with HTML5 and CSS3. Birmingham: Packt Publishing. Hedengren, T Smashing WordPress: Beyond the Blog. 3rd Edition. Indianapolis: Wiley. Itkonen, M Typografian käsikirja. 2. tarkistettu painos. Helsinki: RPS-yhtiöt. Loiri, P. & Juholin, E HUOM! Visuaalisen viestinnän käsikirja. Helsinki: Inforviestintä. Lupton, E Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students. New York: Princeton Architectural Press. Melgin, E Managing the corporate image. Helsinki: University of Industrial Arts. Poikolainen, L Design management: Yrityskuvasta kilpailuvaltti. Helsinki: Otava. Potts, K Web Design and Marketing Solutions for Business Websites. Berkeley: Apress. Salin, V PK-yrittäjän opas kokonaisviestintään. Helsinki: WSOY. Shreves, R Joomla! Bible, Second Edition. Indianapolis: Wiley. Stone, T Color Design Workbook: A Real World Guide to Using Color in Graphic Design. Rockport Publishers. Verkkolähteet Ahopelto, J Desnetti: Design Management. Viitattu CMS Critic Viitattu Cmsmatrix Viitattu Creative Kilta Responsive web design ja Mobile first. Viitattu Drupal History. Viitattu

38 38 Exove Verkkosivut yrityksen tärkein media. Viitattu Halvorsen, T What Makes A Good Content Management System. Karukka, M. & Inkilä, T OAMK. Viitattu Kotisivuja.net Kotisivut yrityksen tärkein käyntikortti. Viitattu Lunni Wikipedia. Viitattu Mobiilimarkkinointi Routa Viitattu Tilastokeskus 2013a. Tietotekniikka kotitalouksissa 2/2000-8/2013. Viitattu Tilastokeskus 2013b. Puhelimet ja auto kotitalouksissa 2/2000-8/2013. Viitattu Toivanen, A. Yleistä Typografiasta. Viitattu Uzayr, S Is Concrete5 The Right CMS For Your Website. Viitattu WordPress About WordPress. Viitattu

39 Liite 1. Asiakirjapohja. Liite 1

40 Liite 2 (1) Liite 2. Lunden graafinen ohjeisto.

41 Liite 2 (2)

Asiakas ja tavoite. Tekninen toteutus

Asiakas ja tavoite. Tekninen toteutus Asiakas ja tavoite Heikieli on vuonna 2015 perustettu yhden hengen asiantuntijayritys, joka tarjoaa käännös- ja oikolukupalveluita englannista ja saksasta suomeksi. Freelance-kääntäjiä on Suomessa paljon,

Lisätiedot

ViNOn graafinen ohjeisto, alpha 22.1.2013

ViNOn graafinen ohjeisto, alpha 22.1.2013 ViNOn graafinen ohjeisto, alpha 22.1.2013 Johdanto Graafiset ohjeistot ovat viestinnän alan yleinen käytäntö. Kaikessa järjestöviestinnässä käytetään organisaatiokohtaisia graafisia ohjeistuksia, jotta

Lisätiedot

3.11.2010. Web-sisällönhallintajärjestelmät. Sisältö. Mitä on web-sisällönhallinta?

3.11.2010. Web-sisällönhallintajärjestelmät. Sisältö. Mitä on web-sisällönhallinta? Sisältö Mitä on web-sisällönhallinta? Tausta ja tavoitteet Käytännön prosessi Yleisesti Keskeiset ominaisuudet Sisällönhallintajärjestelmän valitseminen ja käyttöönotto Wordpress Joomla! Drupal Yhteenveto

Lisätiedot

Web-sisällönhallintajärjestelmät

Web-sisällönhallintajärjestelmät Web-sisällönhallintajärjestelmät Sisältö Mitä on web-sisällönhallinta? Tausta ja tavoitteet Käytännön prosessi Web-sisällönhallintajärjestelmät Yleisesti Keskeiset ominaisuudet Sisällönhallintajärjestelmän

Lisätiedot

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011 LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO SammutinHuolto Nevanperä Ky 2011 2(12) Sisältö 1. Johdanto 3 2. Tunnus 4 - Tunnuksen koko 5 - Tunnuksen suoja-alue 6 - Tunnuksen käyttö 7 3. Värimääritykset

Lisätiedot

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset Graafinen ohjeisto värit tunnus 2 Sisältö johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 typografia sovellukset JOHdanto Siuron Piharakennus Oy on kasvava pirkanmaalainen maarakennusyhtiö,

Lisätiedot

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Minne Seppälä Avat 2014 Dokumentaatio 1 PROJEKTIN KUVAUS... 3 1.1 Projektin aloitus... 3 1.2 Aikataulu... 4 1.3 Kustannusarvio... 4 2 ULKOASU... 5 2.1

Lisätiedot

Key to Freedom GRAAFINEN OHJEISTO

Key to Freedom GRAAFINEN OHJEISTO Key to Freedom GRAAFINEN OHJEISTO 1 SISÄLLYSLUETTELO Johdanto... 5 Logon eri versiot... 7 Kuinka logoa ei tule käyttää... 11 Logon suoja-alue... 13 Slogan... 15 Typografia... 17 Värimaailma... 19 Käyntikorttipohja...

Lisätiedot

Graafinen ohjeisto* KESKENERÄINEN PIRAATTIPUOLUE. Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään

Graafinen ohjeisto* KESKENERÄINEN PIRAATTIPUOLUE. Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään versio 0.8 2010 Graafinen ohjeisto* PIRAATTIPUOLUE * Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään Alkusanat G raafiset ohjeistot ovat viestinnän alan

Lisätiedot

Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1

Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Graafiset ohjeet Päivitetty 27.5.2013 I LVI-TU LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Sisältö Tunnus...3 Typografia...4 Värit...5 Käyntikortit ja sähköinen allekirjoitus...6 Lomakkeet

Lisätiedot

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT MOBISITE-TYÖKALU MobiSite on työkalu matkapuhelimeen soveltuvan mobiilisivuston rakentamiseen. AIMO-järjestelmän jatkuvasti päivittyvä päätelaitetunnistus tunnistaa useimmat puhelinmallit ja mukauttaa

Lisätiedot

Tunnuksen päivitys 19.9.2012

Tunnuksen päivitys 19.9.2012 Tunnuksen päivitys 19.9.2012 2 Tampereen yliopiston tunnus Tampereen yliopiston tunnus Tuhannet ihmiset näkevät Tampereen yliopiston tunnuksen päivittäin lomakkeissa, nettisivuilla, raporteissa, esitteissä.

Lisätiedot

Mikä on WordPress? itse ylläpidettävä (self-hosted) WordPress.com: ilmainen 3. osapuolen ylläpitämä pilvipalvelu (Cloud-hosted)

Mikä on WordPress? itse ylläpidettävä (self-hosted) WordPress.com: ilmainen 3. osapuolen ylläpitämä pilvipalvelu (Cloud-hosted) WordPress.com Mikä on WordPress? Tällä hetkellä maailman suosituin ns. julkaisujärjestelmä (CMS) Rakennettu blogialustaksi, nykyään myös muussa käytössä ilmainen ns. avoimen lähdekoodin julkaisujärjestelmä

Lisätiedot

GRAAFINEN OHJEISTO OLLILA TRANS OY

GRAAFINEN OHJEISTO OLLILA TRANS OY GRAAFINEN OHJEISTO OLLILA TRANS OY Ohjeiston sisältö Tämän ohjeiston tarkoitus on antaa selkeät suuntaviivat Ollila Trans Oy:n viestinnälle. Annettuja ohjeita noudattamalla yrityksestä annetaan yhtenäinen,

Lisätiedot

Graafinen ohjeisto 3.2. Tunnus (ilman koulutus-sanaa) ja tunnuksen suoja-alue Tunnuksen muotoilu perustuu sanaan FINVA, erillistä liikemerkkiä ei käytetä. Tunnuksessa yhteen sulautuvat Finanssi ja vakuutus.

Lisätiedot

Monilla aloilla myös pukeutuminen ja käyttäytyminen ovat yrityksen visuaalisen linjan mukaista.

Monilla aloilla myös pukeutuminen ja käyttäytyminen ovat yrityksen visuaalisen linjan mukaista. PROFILOINNIN TYÖKALUT Yrityksen kaikilla merkeillä täytyy olla yhtenäinen linja. Visuaalinen kokonaisuus: symbolit, merkit, tunnukset, tunnusvärit, typografia muodostavat yhden eheän erottuvan linjan,

Lisätiedot

Graafinen ohjeisto 1.0

Graafinen ohjeisto 1.0 Graafinen ohjeisto 1.0 01 01 Peruselementit Logo POP vakuutuksen logo on suunniteltu digitaaliseen ympäristöön ja siksi digitaalinen näkyvyys määrittelee ilmeen. Play-elementti Play-elementti painikkeenomaisena

Lisätiedot

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville.

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville. Graafinen ohjeisto Miten graafisilla sovelluksilla viestitään ja opastetaan? Toimiva graafinen ilme sovelluksineen kiteyttää yrityksen imagon, yhtenäistää yrityskulttuuria ja vapauttaa tärkeitä resursseja

Lisätiedot

Sisällysluettelo. 1 Johdanto 3

Sisällysluettelo. 1 Johdanto 3 GRAAFINEN OHJEISTO Sisällysluettelo 1 Johdanto 3 2 Logon/liikemerkin rakenne 3 2.1 Logon/liikemerkin rakenne 4 markkinointiviestinnässä 2.2 Suoja-alue 4 2.3 Värit ja esitystavat 5 2.4 Värit markkinointiviestinnässä

Lisätiedot

YHDISTYKSEN VIESTINTÄ

YHDISTYKSEN VIESTINTÄ YHDISTYKSEN VIESTINTÄ Sisäinen viestintä - eri yhdistyksissä eri apuvälineitä, kuitenkin yleensä: Henkilökohtainen vuorovaikutus: puhelin, yhteiset kokoontumispaikat Jäsenkirje, sähköinen tai fyysinen

Lisätiedot

LOGOSUUNNITTELU 26.3.2015 WWW-VISUALISOINTI - IIM60110 - LOGOSUUNNITTELU

LOGOSUUNNITTELU 26.3.2015 WWW-VISUALISOINTI - IIM60110 - LOGOSUUNNITTELU LOGOSUUNNITTELU 26.3.2015 A logo is not just a mark it reflects a business s commercial brand through the use of shape, fonts, colour, and / or images. Logotyyppi (logo) on yritysilmeen vakiintunut kirjoitustapa.

Lisätiedot

GRAAFINEN OHJEISTO 1

GRAAFINEN OHJEISTO 1 GRAAFINEN OHJEISTO 1 SISÄLLYSLUETTELO JOHDANTO Johdanto... 3 Logon eri versiot... 4 Kuinka logoa ei tule käyttää.... 5 Logon suoja-alue... 6 Slogan.... 7 Typografia... 8 Tämän manuaalin tarkoitus on ohjeistaa

Lisätiedot

Graafiset käyttöliittymät Sivunparantelu

Graafiset käyttöliittymät Sivunparantelu Graafiset käyttöliittymät Sivunparantelu Johdanto Tarkoituksenamme on parantaa Konebox.fi-verkkokaupan nettisivuja. Ensivaikutelman perusteella sivusto tuntuu todella kömpelöltä ja ahdistavalta. Sivu on

Lisätiedot

Graafinen. ohjeisto. Laureamkon Brändikirja Graafinen ohjeisto

Graafinen. ohjeisto. Laureamkon Brändikirja Graafinen ohjeisto Graafinen ohjeisto 1 Graafinen ohjeisto Liitteenä Laurea-ammattikorkeakoulun ammattikorkeakoulun opiskelijakunnan ohjeiston mukaiset mallit, joiden pohjalta visuaalista ilmettä toteutetaan. Sisällys 2

Lisätiedot

GRAAFINEN OHJEISTO 1

GRAAFINEN OHJEISTO 1 GRAAFINEN OHJEISTO 1 LIEHUTA LIPPUAMME YLPEYDELLÄ. Alkusanat 3 Tunnus 4 Värit 9 Typografia 10 Kaari 12 Sovelluksia 13 2 LIPULLINEN RATKAISU Aktiivinen ja valveilla oleva ammattiyhdistysliike tukee työntekijää

Lisätiedot

Eläinsuojeluliitto Animalian graafinen ohjeisto

Eläinsuojeluliitto Animalian graafinen ohjeisto Eläinsuojeluliitto Animalian graafinen ohjeisto Sisällys Logo 3 Logon käyttö 4 Värit 6 Typografia 7 Graafiset elementit 8 Esitteet 9 2 Logo Animalian logo muodostuu suorakulmiosta jossa on animalia -tekstin

Lisätiedot

THL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys

THL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys THL - Kansalaispalvelujen graafiset tunnisteet Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys Palveluvaaka.fi & Omahoitopolut.fi Teemavärit Kansalaispalveluiden ilmeeseen

Lisätiedot

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko Sisällys Sisällys 1. Esipuhe Teksti 2. Liikemerkki ja värit eri käyttötilanteissa 2.1 Esimerkkejä liikemerkin käytöstä eri taustoissa 3. Liikemerkin mitat ja suoja-alue 4. Logo ja liikemerkki 5. Slogan

Lisätiedot

Yrityskuvan hoito on johdon ja ammattilaisten tehtävä.

Yrityskuvan hoito on johdon ja ammattilaisten tehtävä. MIELIKUVAT JA DESIGN MANAGEMENT Psykologisia perusteita Ihmiselle on ainoa totuus se, jonka hän uskoo todeksi eli siis mielikuva asiasta, eikä ole merkitystä pitääkö tämä asia paikkansa vai ei. Ostopäätöstilanteessa

Lisätiedot

Sami Hirvonen. Ulkoasut Media Works sivustolle

Sami Hirvonen. Ulkoasut Media Works sivustolle Metropolia ammattikorkeakoulu Mediatekniikan koulutusohjelma VBP07S Sami Hirvonen Ulkoasut Media Works sivustolle Loppuraportti 14.10.2010 Visuaalinen suunnittelu 2 Sisällys 1 Johdanto 3 2 Oppimisteknologiat

Lisätiedot

Mitä on markkinointiviestintä?

Mitä on markkinointiviestintä? Mitä on markkinointiviestintä? Tiina Karppinen 17.3.2011 Markkinointiviestintä on yrityksen ulkoisiin sidosryhmiin kohdistuvaa viestintää, jonka tarkoituksena on välillisesti tai suoraan saada aikaan kysyntää

Lisätiedot

1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI...

1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI... GRAAFINEN OHJEISTO 1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 PÄÄLLEKKÄISVERSIO... 4 RINNAKKAISVERSIO... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI... 5

Lisätiedot

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm Graafinen ohje Tunnus Oulu Sinfonian tunnuksena käytetään ensisijaisesti ohessa kuvattua liikemerkin ja nimilogon kiinteää yhdistelmää. Käytössä on huolehdittava, että tunnuksen mittasuhteet sekä nimilogon

Lisätiedot

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu.

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu. Melan graafinen ohje Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu. Selkeä ja yhtenäinen ilme vahvistaa positiivista mielikuvaa Melasta.

Lisätiedot

Näin rakennat mielenkiintoiset nettisivut

Näin rakennat mielenkiintoiset nettisivut Näin rakennat mielenkiintoiset nettisivut Ajattele ennen kuin toimit Ei kannata lähteä suinpäin nettisivuja rakentamaan. Hyvin suunniteltu on enemmän kuin puoliksi tehty. Muuten voi käydä niin, että voit

Lisätiedot

OPAS TYÖSSÄOPPIMISEN JA AMMATTIOSAAMISEN NÄYTÖN TOTEUTTAMISEEN

OPAS TYÖSSÄOPPIMISEN JA AMMATTIOSAAMISEN NÄYTÖN TOTEUTTAMISEEN OPAS TYÖSSÄOPPIMISEN JA AMMATTIOSAAMISEN NÄYTÖN TOTEUTTAMISEEN SISÄLTÖ LUKIJALLE 1. MITÄ ON TYÖSSÄOPPIMINEN? 2. MIKÄ ON AMMATTIOSAAMISEN NÄYTTÖ? 2.1. Oppilaitosnäyttö ja työpaikkanäyttö 3. TYÖSSÄOPPIMISPROSESSI

Lisätiedot

ohjeistus retkikerho

ohjeistus retkikerho Graafinen ohjeistus Esittely Oulun luonnonsuojeluliiton alla toimiva Retkikerho on kanava, jonka avulla voi helposti irrottautua arjesta kaupungin lähiluontoon. Retkitarjonta on hyvin monipuolinen ja kerhon

Lisätiedot

Wordpress. Bloggaamisen perusteet tekniset minimitoimet, joilla pääset alkuun

Wordpress. Bloggaamisen perusteet tekniset minimitoimet, joilla pääset alkuun Wordpress Bloggaamisen perusteet tekniset minimitoimet, joilla pääset alkuun Mikä alusta käyttöön? Tarjolla on runsaasti eri bloggausalustoja Blogger ja Wordpress ovat suosituimmat ilmaiset blogialustat

Lisätiedot

KUVANKÄSITTELY THE GIMP FOR WINDOWS OHJELMASSA

KUVANKÄSITTELY THE GIMP FOR WINDOWS OHJELMASSA KUVANKÄSITTELY THE GIMP FOR WINDOWS OHJELMASSA Ohjeistuksessa käydään läpi kuvan koon ja kuvan kankaan koon muuntaminen esimerkin avulla. Ohjeistus on laadittu auttamaan kuvien muokkaamista kuvakommunikaatiota

Lisätiedot

hannu hautala luontokuvakeskus Graafinen ohjeisto

hannu hautala luontokuvakeskus Graafinen ohjeisto Graafinen ohjeisto Tunnus ja värisymboliikka Merkin muoto perustuu lentävään kuukkeliin, joka on Kuusamon metsien onnea tuova seuralainen. Lennon suunta on positiivisesti ylös vasemmalle, joka on kokonaisuutta

Lisätiedot

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Sisäänkirjauduttuasi näet palvelun etusivulla helppokäyttöisen hallintapaneelin. Vasemmassa reunassa on esillä viimeisimmät tehdyt muutokset

Lisätiedot

GRAAFINEN OHJEISTUS OSA 1

GRAAFINEN OHJEISTUS OSA 1 GRAAFINEN OHJEISTUS OSA 1 Kaikki asiakkaidemme tarpeet liittyvät oman näkemyksen välittämiseen toiselle ihmiselle. Vain siitä on kyse, ja vain se on tärkeää. Olipa näkemys tarkoitettu sähköasentajalle,

Lisätiedot

GRAAFINEN OHJEISTO SUOMEN VAPAA-AJANKALASTAJIEN KES KUSJÄRJESTÖ

GRAAFINEN OHJEISTO SUOMEN VAPAA-AJANKALASTAJIEN KES KUSJÄRJESTÖ GRAAFINEN OHJEISTO SUOMEN VAPAA-AJANKALASTAJIEN KES KUSJÄRJESTÖ Päivitetty 16.5.2006 TAVO ITTEENA YH TENÄINEN JA TUNNISTETTAVA JÄRJES TÖ ILME Graafinen ohjeisto antaa ohjeet ja mallit siitä, miltä Suomen

Lisätiedot

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE JULKAISUJÄRJESTELMÄÄN KIRJAUTUMINEN. Osoitekenttään kirjoitetaan www.domain.fi/admin. Kirjoita käyttäjätunnus: xxxxxx. Salasana:

Lisätiedot

GRAAFINEN OHJEISTUS LOGOT NENÄPÄIVÄ GRAAFINEN OHJEISTUS 2014 NENÄPÄIVÄ

GRAAFINEN OHJEISTUS LOGOT NENÄPÄIVÄ GRAAFINEN OHJEISTUS 2014 NENÄPÄIVÄ GRAAFINEN OHJEISTUS LOGOT GRAAFINEN OHJEISTUS 2014 GRAAFINEN OHJEISTUS LOGOT LOGO Nenäpäivä-tunnuksen kanssa saa leikkiä ja käyttää mielikuvitusta. Tunnukselle saa löytää uusia mitä merkityksellisempiä

Lisätiedot

Graafinen ohjeistus 5/2012

Graafinen ohjeistus 5/2012 Graafinen ohjeistus 5/2012 Tunnus Kauppakamari-tunnus on muotoilultaan selkeä ja moderni nimilogo. Se viestii suoraselkäisen ja pelkistetyn olemuksensa ansiosta luotettavuutta ja asiantuntemusta. Perustunnus

Lisätiedot

UpdateIT 2010: Editorin käyttöohje

UpdateIT 2010: Editorin käyttöohje UpdateIT 2010: Editorin käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com Sisällys Editorin käyttöohje...

Lisätiedot

Uusi norppa, uusi logo

Uusi norppa, uusi logo Graafiset ohjeet Miksi graafiset ohjeet? Uusi norppa, uusi logo Näiden graafisten ohjeiden avulla luomme yhtenäisyyttä ja tunnistettavuutta Suomen luonnonsuojeluliiton viestintään. Saimaanorppa tuli SLL:n

Lisätiedot

SISÄLLYS SISÄLLYS 2 TUNNUS 3 SUOJA-ALUE JA PIENIN KOKO 4 VÄRIMÄÄRITYKSET 5 TYPOGRAFIA 6 GRAAFISET ELEMENTIT 7 KÄYNTIKORTIT 8 KIRJELOMAKKEET 9

SISÄLLYS SISÄLLYS 2 TUNNUS 3 SUOJA-ALUE JA PIENIN KOKO 4 VÄRIMÄÄRITYKSET 5 TYPOGRAFIA 6 GRAAFISET ELEMENTIT 7 KÄYNTIKORTIT 8 KIRJELOMAKKEET 9 Suomen Lions-liitto ry:n GRAAFINEN OHJEISTO SISÄLLYS SISÄLLYS 2 TUNNUS 3 SUOJA-ALUE JA PIENIN KOKO 4 VÄRIMÄÄRITYKSET 5 TYPOGRAFIA 6 GRAAFISET ELEMENTIT 7 KÄYNTIKORTIT 8 KIRJELOMAKKEET 9 KIRJEKUORET 10

Lisätiedot

Graafinen ohjeisto 1

Graafinen ohjeisto 1 Graafinen ohjeisto 1 Sisältö Tunnuksista yleisesti... 3 Tunnuksen versiot ja rakenne.... 4 Merkin värit.... 5 Tunnuksen värivaihtoehtoja... 7 Tunnuksen suoja-alue.... 8 Tunnuksen sijoittelu.... 9 Pienen

Lisätiedot

Visuaalinen käyttöliittymäanalyysi

Visuaalinen käyttöliittymäanalyysi Visuaalinen käyttöliittymäanalyysi Johdanto Tehtävänä on analysoida Saariston ekologia-kurssilla käytettävän tietokoneohjelman käyttöliittymän visuaalisia ominaisuuksia. Vastaa ensiksi VisaWi -lomakkeeseen

Lisätiedot

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen Kiipulan ammattiopisto Liiketalous ja tietojenkäsittely Erja Saarinen 2 Sisällysluettelo 1. Johdanto... 3 2. Hyvät internetsivut... 3 3. Kuvien koko... 4 4. Sivujen lataus... 4 5. Sivukartta... 5 6. Sisältö...

Lisätiedot

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO Selvitystyön raportti Päivitetty 3/2015 GRAAFINEN OHJEISTO TUNNUS 3 TUNNUKSEN VERSIOT JA KÄYTTÖ 4 VÄRIT 5 GRAAFINEN ELEMENTTI

Lisätiedot

www.kotisivukone.fi Pikaopas kotisivujen tekoon

www.kotisivukone.fi Pikaopas kotisivujen tekoon Kotisivut helposti! www.kotisivukone.fi Pikaopas kotisivujen tekoon Näin Kotisivukone toimii Kun olet avannut kotisivut Kotisivukoneella, tulet helppokäyttöiseen ylläpitotilaan ja voit heti aloittaa kotisivujen

Lisätiedot

Ohjeistus verkkoprojektiin

Ohjeistus verkkoprojektiin Ohjeistus verkkoprojektiin Luomuyrityksen web design brief -työkirjamalli HELSINGIN YLIOPISTO HELSINGFORS UNIVERSITET UNIVERSITY OF HELSINKI Projektin RAAMIT JA RAJAUKSET Onko sinulla toiveita julkaisujärjestelmästä

Lisätiedot

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa www.punomo.npn.fi/wp-login.php tunnuksellasi.

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa www.punomo.npn.fi/wp-login.php tunnuksellasi. Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA Kirjaudu -palveluun osoitteessa www.punomo.npn.fi/wp-login.php tunnuksellasi. Tunnuksia jakavat Punomo.fi:n ylläpitäjät. Kun olet kirjautunut, blogin OHJAUSNÄKYMÄ

Lisätiedot

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita.

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Graafinen ohjeisto Tunnus Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Visio: Suomi on Euroopan kilpailukykyisin

Lisätiedot

Brändäystä lyhyesti. Esittelykappale, lisää: www.helsinkibranding.com/kurssit

Brändäystä lyhyesti. Esittelykappale, lisää: www.helsinkibranding.com/kurssit Brändäystä lyhyesti Esittelykappale, lisää: www.helsinkibranding.com/kurssit BRÄNDÄYSTÄ HELPOSTI -KURSSIN SISÄLTÖ Päivä 1 Päivä 2 PERUSTEET Mitä kurssi sisältää? Mitä on luova ajattelu brändäyksessä? Brändi-aakkoset

Lisätiedot

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE KOTISIVUJEN PÄIVITYSOHJE 1 SISÄLLYSLUETTELO KIRJAUDU PALVELUUN...3 KÄVIJÄSEURANTA...4 SIVUJEN PÄIVITYS...5 Sisältö...6 Sisältö / Työkalut...8 Sisältö / Taulukko...9 Sisältö / Kuvien tuominen...10 Sisältö

Lisätiedot

LUOVA ETELÄ-KARJALA LOGO

LUOVA ETELÄ-KARJALA LOGO LUOVA ETELÄ-KARJALA LOGO Luova Etelä-Karjala logon lähtökohtana on maantieteellisen alueen muoto liitettynä Saimaaseen ja eteläkarjalaisten kädentaitoihin ja luovuuteen, monipuoliseen taito-tieto-osaamiseen.

Lisätiedot

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005 Opetusmateriaalin visuaalinen suunnittelu Kirsi Nousiainen 27.5.2005 Visuaalinen suunnittelu Ei ole koristelua Visuaalinen ilme vaikuttaa vastaanottokykyyn rauhallista jaksaa katsoa pitempään ja keskittyä

Lisätiedot

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu ETAPPI ry JOOMLA 2.5 Artikkeleiden hallinta ja julkaisu ETAPPI ry JOOMLA 2.5 Sivu 1(16) Sisällysluettelo 1 Joomla! sivuston sisällöntuotanto... 2 2 Artikkeleiden julkaisu sivustolla... 4 3 Artikkelin julkaisemista

Lisätiedot

ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013

ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013 ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013 1. Suunnitelma Konsepti 1. Yksinkertainen ja rento tapa välittää konkreettisempaa ja epämuodollisempaa tietoa digiviestinnän opiskelun arjesta

Lisätiedot

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ennen kuin aloitat: 1. Asenna tietokoneeseesi ilmainen Miso Regular fontti, jonka saat täältä: https://www.fontspring.com/fonts/marten- nettelbladt/miso

Lisätiedot

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia Graafinen ohjeistus Taustaa Logon elementit Mittasuhtet Suoja-alue Värimääritykset Logon sijoittelu Kirjasintyypit eli typografia Taustaa Nuorten Kotkien alkuperäinen logo on vaakunamalliseen kehyksen

Lisätiedot

Sosiaalinen media Facebook, Twitter, Nimenhuuto

Sosiaalinen media Facebook, Twitter, Nimenhuuto Sosiaalinen media Facebook, Twitter, Nimenhuuto Jani Koivula, 21.11.2010 Kuka on se oikea? 23.11.2010 TULe urheiluseuraan liikkumaan 2 Ovatko sidosryhmänne sosiaalisessa mediassa? Oletteko te? Sosiaalisen

Lisätiedot

Tämän ohjeen avulla pääset alkuun Elisa Toimisto 365 palvelun käyttöönotossa. Lisää ohjeita käyttöösi saat: www.elisa.fi/toimisto365-ohjeet

Tämän ohjeen avulla pääset alkuun Elisa Toimisto 365 palvelun käyttöönotossa. Lisää ohjeita käyttöösi saat: www.elisa.fi/toimisto365-ohjeet Elisa Toimisto 365 Pääkäyttäjän pikaopas 02/2015 Tämän ohjeen avulla pääset alkuun Elisa Toimisto 365 palvelun käyttöönotossa. Lisää ohjeita käyttöösi saat: www.elisa.fi/toimisto365-ohjeet Kirjautumalla

Lisätiedot

Graafinen ohje 1(8) 16.10.2012 GRAAFINEN OHJE. PL 207 www.helga.fi Y 2075366-7. 00520 Helsinki

Graafinen ohje 1(8) 16.10.2012 GRAAFINEN OHJE. PL 207 www.helga.fi Y 2075366-7. 00520 Helsinki Graafinen ohje 1(8) GRAAFINEN OHJE Graafinen ohje 2(8) Miksi graafiset ohjeet? Näiden graafisten ohjeiden avulla luomme yhtenäisyyttä ja tunnistettavuutta HAAGA-HELIAn opiskelijakunta HELGAn viestintään.

Lisätiedot

Kopseptisuunnittelu Verkkomultimedia ICT1tn004

Kopseptisuunnittelu Verkkomultimedia ICT1tn004 Kopseptisuunnittelu Verkkomultimedia ICT1tn004 Sivustokartta Käsikirjoitus Graafinen suunnitelma Elina Ulpovaara Konseptisuunnittelu ICT1TN004 toiminnallisuus toimintatarinat -> käyttötarinat kuvatarinat

Lisätiedot

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön Johdanto sisällysluettelo Logo... 3 Logon käyttö... 4 Logon sovellukset... 5 Väripaletti... 6 Joensuun kaupunginteatteri on saanut uuden visuaalisen

Lisätiedot

1 Graafinen ohjeisto

1 Graafinen ohjeisto Graafinen ohjeisto 1 Sisällys Johdanto... 2 Tunnuksen versiot... 3 Tunnuksen suoja-alue... 4 Tunnuksen käyttö... 5 Slogan... 6 Graafiset elementit ja niiden käyttö... 7 Värimaailma... 8 Typografia... 9

Lisätiedot

Akavan. graafinen ohjeistus 3.12.2015

Akavan. graafinen ohjeistus 3.12.2015 Akavan 3.12.2015 graafinen ohjeistus Esipuhe Tunnus Opiskelijoiden tunnus Akavalainen-tunnus Tunnuksen suoja-alue Tunnuksen käyttö Väripaletti Typografia Kuvat, muodot ja värit Akavan slogan ja strategiset

Lisätiedot

YRITYSESITE / COMPANY BROCHURE

YRITYSESITE / COMPANY BROCHURE YRITYSESITE / COMPANY BROCHURE 1 2 PAINO/PRINTING: WG PRINT OY, VAASA KANSI/COVER: GALERIE ART SILK 250G SISÄSIVUT/INSIDE: GALERIE ART SILK 130G KANSIKUVA/COVER PHOTO, VAASA SCIENCE PARK: TIMO LEHTONEN

Lisätiedot

7.1.2014. Graafinen ohjeisto

7.1.2014. Graafinen ohjeisto 7.1.2014 Graafinen ohjeisto Sisällysluettelo Yhtenäisen ilmeen edut... 3 Nimi ja sen käyttö... 4 Slogan... 6 Liikemerkki... 7 Liikemerkki poikkeuksellinen käyttö... 8 Liikemerkki värit... 9 Lisävärit...

Lisätiedot

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE 1. SISÄÄN KIRJAUTUMINEN Sisään kirjautuminen VerkkoVelho-ylläpitotyökaluun tapahtuu yrityksesi osoitteessa www.omaosoitteesi.fi/yllapito, esim. www.verkkovelho.fi/yllapito.

Lisätiedot

tervetuloa internetiin:

tervetuloa internetiin: Tässä osassa opit rakentamaan omat kotisivut lisäämään tekstiä ja kuvia valitsemaan teeman liittämään taustan kotisivuille Toinen osa antaa apua kotisivujen rakentamisessa yhdistyksen tai kerhon käyttöön.

Lisätiedot

rajatonta visuaalisuutta SEISMO FACTORY www.seismo.fi www.panoramic-display.com

rajatonta visuaalisuutta SEISMO FACTORY www.seismo.fi www.panoramic-display.com rajatonta visuaalisuutta SEISMO FACTORY www.seismo.fi www.panoramic-display.com Isoa, upeaa, sau TÄYTTÄ KUVAA Panoramic on modulaarinen näyttely- ja sisustusratkaisu, jossa rakenteet piiloutuvat täysin

Lisätiedot

GRAAFINEN OHJEISTO 1/2006. Päivitetty 4/2013

GRAAFINEN OHJEISTO 1/2006. Päivitetty 4/2013 GRAAFINEN OHJEISTO 1/2006 Päivitetty 4/2013 SISÄLLYSLUETTELO Esipuhe 1. Tunnus - Suoja-alue ja mittasuhteet - Käyttö - Visuaalinen hierarkia 2. Värimaailma - Värimääritykset - Värien käyttö 3. Typografia

Lisätiedot

SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ

SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ SISÄLTÖ TUNNUS JA SEN KÄYTTÖOIKEUS 3 TUNNUKSEN RAKENNE 4 VÄRIT 5 TUNNUKSEN KÄYTTÖ 6 CO-BRANDING 9 SJ-TUNNUS ja YHTEISÖmerkit 11 TYPOGRAFIA 14 GRAAFISIA

Lisätiedot

LOPPURAPORTTI MediaWorks -sivuston graafinen suunnittelu Visuaalinen suunnittelu 3op

LOPPURAPORTTI MediaWorks -sivuston graafinen suunnittelu Visuaalinen suunnittelu 3op Kaisa Reponen Nina Ranki VBP07S LOPPURAPORTTI MediaWorks -sivuston graafinen suunnittelu Visuaalinen suunnittelu 3op Hyväksyjä pvm. 1 Sisällys 1 JOHDANTO... 2 2 PROJEKTIN TEHTÄVÄ JA TAVOITE... 2 3 PROJEKTI...

Lisätiedot

Veistämö Knaapi. Projektidokumentaatio

Veistämö Knaapi. Projektidokumentaatio Veistämö Knaapi Projektidokumentaatio 2015 1 Sisällysluettelo 1 Esittely... 3 1.1 Idea/Tarve... 3 1.2 Synopsis/ Projektin kuvaus... 3 1.3 Aikataulutus ja kustannusarvio... 4 2 Suunnittelu... 6 2.1 Banneri

Lisätiedot

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto Valkeakosken ammatti- ja aikuisopiston Graafinen ohjeisto Logo Liekkireunat Otsikkoteksti Luetteloteksti Osoite Graafisen ilmeen osat Valkeakosken ammatti- ja aikuiskoulutuskeskuksen visuaalinen ilme muodostuu

Lisätiedot

Oy Karltek Ltd internet-sivujen uusiminen. Eveliina Aaltonen

Oy Karltek Ltd internet-sivujen uusiminen. Eveliina Aaltonen Oy Karltek Ltd internet-sivujen uusiminen Eveliina Aaltonen Audiovisuaalisen viestinnän ammattitutkinto Eurajoen kristillinen opisto, 2015 1 ASIAKAS JA PROJEKTI... 3 1.1 Asiakas...3 1.2 Projektin kuvaus...3

Lisätiedot

206 Verkkosivun tuottaminen finaalitehtävät

206 Verkkosivun tuottaminen finaalitehtävät TAITAJA2013 Finaalitehtävä 1 (6) 206 Verkkosivun tuottaminen finaalitehtävät YLEISTÄ -lajin finaalitehtävissä kilpailijat päivittävät ennakkoon julkaistuna finaalitehtävänä olleen Ekoripe tmi luontoyrittäjän

Lisätiedot

SIJAISET.FI KÄYTTÖOHJE TAKSI YRITYKSILLE. 1. Palveluun rekisteröityminen... 2. 2. Palveluun kirjautuminen... 2. 3. Etusivu... 2

SIJAISET.FI KÄYTTÖOHJE TAKSI YRITYKSILLE. 1. Palveluun rekisteröityminen... 2. 2. Palveluun kirjautuminen... 2. 3. Etusivu... 2 SIJAISET.FI KÄYTTÖOHJEET TAKSIAUTOILIJAT SISÄLLYS 1. Palveluun rekisteröityminen... 2 2. Palveluun kirjautuminen... 2 3. Etusivu... 2 4. Autojen lisääminen... 3 5. Kuljettajaryhmät ja niiden perustaminen...

Lisätiedot

Matkailutoimialan aamu. 1.4.2009 Design Hill, Halikko Riikka Niemelä

Matkailutoimialan aamu. 1.4.2009 Design Hill, Halikko Riikka Niemelä Matkailutoimialan aamu 1.4.2009 Design Hill, Halikko Riikka Niemelä Asiakaskäyttäytyminen internetissä asiakkaan tietotarpeet ja ostopäätökseen vaikuttavat tekijät Internet on noussut vallitsevaksi viestintävälineeksi.

Lisätiedot

Graafinen ohjeisto sivu Sisällysluettelo. sivu 3 Johdanto. Logo sivu 4. Värit sivu 6. Tekstityypit sivu 7. Lomakkeisto sivu 8. Kirjelomake Jatkolomake

Graafinen ohjeisto sivu Sisällysluettelo. sivu 3 Johdanto. Logo sivu 4. Värit sivu 6. Tekstityypit sivu 7. Lomakkeisto sivu 8. Kirjelomake Jatkolomake Graafinen ohjeisto Graafinen ohjeisto sivu Sisällysluettelo sivu 3 Johdanto Logo sivu 4 Värit sivu 6 Tekstityypit sivu 7 Lomakkeisto sivu 8 Kirjelomake Jatkolomake Kirjekuori C4 Kirjekuori C5 Kirjekuori

Lisätiedot

Johdanto. REIM Group Oy Ltd

Johdanto. REIM Group Oy Ltd Graafinen ohjeisto Johdanto 3 REIM Group Oy Ltd Osakkaiden sijoitus taloyhtiön osakkeisiin on elämän tärkeimpiä ja kalleimpia sijoituksia. Sijoituksen jälkeen omaisuudesta huolehtimaan REIM on paras mahdollinen

Lisätiedot

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen NETTISIVUOHJE SISÄLTÖ 2 JULKAISUJÄRJESTELMÄ tietoa WordPress julkaisujärjestelmästä perustoiminnot (kirjautuminen, asetukset) 6 MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

Lisätiedot

Saatesanat...3. Liikemerkki...4. Värit...5. Logo suomenkielisenä...6. Logo ruotsinkielisenä...6. Liikemerkin käyttötapoja...7. Logon käyttötapoja...

Saatesanat...3. Liikemerkki...4. Värit...5. Logo suomenkielisenä...6. Logo ruotsinkielisenä...6. Liikemerkin käyttötapoja...7. Logon käyttötapoja... Graafinen ohjeisto Sisältö 2 Saatesanat...3 Liikemerkki...4 Värit...5 Logo suomenkielisenä...6 Logo ruotsinkielisenä...6 Liikemerkin käyttötapoja...7 Logon käyttötapoja...8 Tunnuksen suoja-alue...9 Typografia...10

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

suomen palopäällystöliiton jäsenmatrikkeli

suomen palopäällystöliiton jäsenmatrikkeli gr a a f ine n oh je is t o suomen palopäällystöliiton jäsenmatrikkeli l ogo Suomen Palopäällystöliiton logo on sinetin ja tekstin yhdistelmä. Tässä on esitettynä sen perusversio jota pyritään käyttämään

Lisätiedot

Ohjeita informaation saavutettavuuteen

Ohjeita informaation saavutettavuuteen Ohjeita informaation saavutettavuuteen Tarkoitus Kasvattaa tietoisuutta ja lisätä esteettömän informaation aiheen näkyvyyttä ja sen merkitystä elinikäisen tasapuolisen oppimisen mahdollisuuksista Tukea

Lisätiedot

Graafisessa ohjeistossa annetaan ohjeet uuden ilmeen ja markkinointitunnuksen käyttämisestä

Graafisessa ohjeistossa annetaan ohjeet uuden ilmeen ja markkinointitunnuksen käyttämisestä KARKKILA : GRAAFINEN OHJEISTO Karkkilan kaupungille on vuonna 2006 suunniteltu uusi markkinointitunnus ja sen myötä uusi visuaalinen ilme kaikkeen viestintään. Graafisessa ohjeistossa annetaan ohjeet uuden

Lisätiedot

PERUSTA VERKKOKAUPPA. info@cimacuu.net 044 0122 296 www.cimacuu.net

PERUSTA VERKKOKAUPPA. info@cimacuu.net 044 0122 296 www.cimacuu.net info@cimacuu.net 044 0122 296 www.cimacuu.net Valitse sopivin verkkokauppa. Postin ja Matkahuollon toimitusintegraatiot* *Postin ja Matkahuollon toimitusintegraatiot tekevät osoitekorttien ja seurantatunnusten

Lisätiedot

KÄYTTÖOHJE. Servia. S solutions

KÄYTTÖOHJE. Servia. S solutions KÄYTTÖOHJE Servia S solutions Versio 1.0 Servia S solutions Servia Finland Oy PL 1188 (Microkatu 1) 70211 KUOPIO puh. (017) 441 2780 info@servia.fi www.servia.fi 2001 2004 Servia Finland Oy. Kaikki oikeudet

Lisätiedot

Design yrityksen viestintäfunktiona

Design yrityksen viestintäfunktiona Design yrityksen viestintäfunktiona Hanna Päivärinta VTM Pro gradun esittely Tutkimuksen taustaa Design on ollut pitkään puhutteleva ilmiö Designia tuntuu olevan kaikkialla Helsinki World Design Capital

Lisätiedot

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti: HENKILÖKORTTIEN SUUNNITTELUSOVELLUS SOVELLUKSEN KÄYTTÖOHJE Voit kokeilla korttien suunnittelemista valmiiden korttipohjien avulla ilman rekisteröitymistä. Rekisteröityminen vaaditaan vasta, kun olet valmis

Lisätiedot

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Graafiset ohjeet 1 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Tunnus Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus on järjestön nimen alkukirjaimista muodostettu nimilogo,

Lisätiedot