Päivität etusivuasi myöhään tiistai-iltana. Otsikko on hyvä ja kuvatkin ovat hyviä, mutta kävijät lähtevät silti muutamassa sekunnissa. Alat epäillä, että visuaalinen identiteetti on se asia, jonka olet ohittanut. Usein se onkin. Pienet visuaaliset ratkaisut ratkaisevat ensivaikutelman nopeammin kuin useimmat yrittäjät arvaavat.
Visuaalinen identiteetti on brändin koko ilme: logo, värit, kirjasimet, kuvitus ja asettelu. Tässä luvussa selitetään selkeästi, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sitä käytetään ilman ammattisanaston sekamelskaa. Näet myös, miten brändi-identiteetin suunnittelu liittyy samaan kuvaan. Käydään se läpi vaihe vaiheelta.
Mikä on visuaalinen identiteetti ja miten rakennat omasi
Visuaalinen identiteetti on brändin koko ilme: logo, värit, kirjasimet, kuvitus ja asettelu.
Käytännössä visuaalinen identiteetti näkyy sivustosi ylätunnisteissa, palvelusivuilla, some-grafiikoissa ja painotuotteissa. Kun osaat nimetä sen oikein, ohjeistat suunnittelijoita nopeammin ja arvioit luonnoksia varmemmin.
Läheiset aiheet, kuten brändi-identiteetin suunnittelu, liittyvät suoraan tähän. Pidä ne mielessä, kun luet osion loput luvut.
Se muuttaa brändistrategian toistettaviksi visuaalisiksi säännöiksi.
Miksi visuaalinen identiteetti ja sen rakentaminen on tärkeää yrityksellesi?
Asiakkaat arvioivat luotettavuutta asettelun perusteella jo ennen kuin lukevat jokaisen sanan. Selkeä visuaalinen rakenne vähentää kitkaa ja tekee tarjouksista helpommin ymmärrettäviä.
Brändiohjeet kirjaavat visuaalisen identiteetin tiimin ja yhteistyökumppanien käyttöön.
Tee tunnelmataulu, ennen kuin tilaat lopulliset aineistot.
Jos haluat nähdä, miten tämä liittyy naapuriaiheisiin, lue seuraavaksi mitä infografiikka on ja infografiikan tekeminen.
Käytännön tarkistuslista, jota voit käyttää heti
Tee tunnelmataulu, ennen kuin tilaat lopulliset aineistot.
Kun käyt läpi jotakin sivua, kysy itseltäsi, näkyykö visuaalinen identiteetti jo ensimmäisellä vierityksellä puhelimessa. Jos ei näy, järjestä osiot uudelleen ennen kuin viimeistelet yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä liikutti visuaalista identiteettiä sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta brändi-identiteetin suunnittelu pysyy yhdenmukaisena uusillakin sivuilla.
Valitse yksi seurattava mittari tälle kuulle, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Näin suunnittelumuutokset liittyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten aihe liittyy laajempaan brändiisi
Visuaaliset valinnat harvoin koskevat vain yhtä sivua. Brändiohjeet kirjaavat visuaalisen identiteetin tiimin ja yhteistyökumppanien käyttöön.
Julkaisujesi sosiaalisessa mediassa, sähköpostiesi ja painotuotteidesi pitäisi toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalinen ilme alkaa hajota, asiakkaat aistivat hienovaraisen epäsuhdan, vaikka eivät osaisi selittää sitä.
Katso design-järjestelmä ja vertaile muistiinpanojasi tämän osion toiseen lukuun.
Se muuttaa brändistrategian toistettaviksi visuaalisiksi säännöiksi.
Kysymykset, jotka usein unohtuvat
Lisähakusanat, kuten brändi-identiteetin suunnittelu ja brändiohjeet, auttavat sinua etsimään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Brändiohjeet kirjaavat visuaalisen identiteetin tiimin ja yhteistyökumppanien käyttöön.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka kokeilet tällä viikolla toimivalla sivulla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimi puhuu visuaalisesta identiteetistä samoilla sanoilla, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Monien asettelu- ja tyyliongelmien korjaamiseen ei tarvita omaa koodia. Visuaalisella editorilla voit säätää välejä, värejä ja kirjasimia ja esikatsella samalla puhelin- ja tietokonenäkymää.
WEMASYssa on Sivustonrakentaja, jossa voit muokata sivua visuaalisesti ja julkaista muutokset odottamatta kehittäjää jokaisen pienen säädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, käy uudelleen läpi mitä infografiikka on ja infografiikan tekeminen, niin osio pysyy yhtenä kokonaisuutena mielessäsi.
Sinulla on nyt toimiva tapa katsoa visuaalista identiteettiä. Käytä sitä, kun tarkistat sivustoasi, hyväksyt markkinointiaineistoja tai ohjeistat suunnittelijaa. Jatka lukuihin infografiikan tekeminen ja design-järjestelmä, niin vauhti säilyy tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan visuaalisen identiteetin parantaminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamassa keskittyneessä työvaiheessa, kun ottavat käyttöön tämän luvun perusteet. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan visuaalisen identiteetin kanssa?
Suunnittelijasta on apua isoissa brändiuudistuksissa, mutta moni visuaalisen identiteetin korjaus onnistuu itse, kun tiedät, mitä katsoa. Tämän luvun rinnalla kannattaa lukea mitä infografiikka on.
Voiko WEMASY auttaa visuaalisen identiteetin käyttöönotossa sivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla voit muuttaa asettelua, värejä ja kirjasimia ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutoksia puhelimessa.
Mikä on yleisin virhe visuaalisessa identiteetissä?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi tärkein asia, vaikkapa luettavuus tai kontrasti, ja lue sitten infografiikan tekeminen seuraavaa parannusta varten.
Miten visuaalinen identiteetti liittyy SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät pidempään sivulla, mikä tukee niitä käyttäjäsignaaleja, joita hakukoneet seuraavat. Yhdistä ulkoasun korjaukset toimivaan sisältörakenteeseen, niin tulos on paras.
Mitä kannattaa opiskella seuraavaksi visuaalisen identiteetin jälkeen?
Jatka tämän kirjan luvuilla mitä infografiikka on ja infografiikan tekeminen, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.