Kotisivun asettelu (layout)

Verkkosivustolla ihmiset lukevat sisältöä yleensä ylhäältä vasemmalta alaspäin oikealle, joten sijoita logo vasempaan yläkulmaan. Seuraavaksi huomio kiinnittyy Header-osioon ja pääotsikkoon sekä sen kuviin. Lukija päättää muutamassa sekunnissa jatkaako lukemista, joten on tärkeää panostaa siihen.

Kun olet selkeyttänyt, mitä haluat viestiä, valmistele sisältöön sopivat tekstit ja kuvat. Asettele läheisesti liittyvät elementit, kuten ”otsikot ja tekstit” sekä ”kuvat ja tekstit”, sopivan etäisyyden päähän toisistaan, jotta kokonaisuus pysyy miellyttävänä. Valkoiset tyhjät tilat ovat tärkeitä – älä ahda liikaa tietoa yhteen kohtaan. 

On myös hyvä välttää liian monien värien ja fonttien käyttöä. Aloita suunnittelu yhdellä tai kahdella värillä, ja lisää sen jälkeen värejä tärkeisiin osiin tai muuta fonttia luodaksesi lisää kontrastia. 

Tietoa copywritingin tärkeydestä

Copywriting, eli tekstisuunnittelu, on erittäin tärkeä osa verkkosivustoa. Hyvä copywriting perustuu asiakkaiden tarpeiden ymmärtämiseen. Laadukkaalla tekstillä voit vakuuttaa ihmiset ostamaan tuotteitasi ja palveluitasi. Lisäksi laadukas teksti on keskeistä hyvien hakukonetulosten kannalta. Ihmiset löytävät sinut hakukoneiden kautta tekstisi perusteella. Juuri tekstisi saa heidät klikkaamaan sivuillesi ja tutustumaan tarjontaasi.

Jaa kotisivusi sisältösi selkeisiin osiin

Kotisivusi ovat myynnin väline, jonka avulla ratkot asiakkaiden ongelmia. Asiakas on luonnollisesti osa tätä tarinaa. Mieti asiakkaan näkökulmasta, miten asiakas kokee olevansa osa tätä tarinaa. Ei ole yhtä oikeaa tapaa esittää asioita. Kannattaa hiukan käyttää aikaa myyntisivun asettelun järjestykseen. Toisinaan myyntisivut ovat suoraviivaiset ja toisinaan melko pitkiäkin. Sivujen sisältö riippuu pitkälti siitä, mitä olet myymässä ja miten monimutkainen asiakkaan ongelma on. Pääasia on, että sivusi puhuttelee asiakasta ja että asiakas samaistuu sisältöihisi. Kirjoita myös aina yksikön toisessa persoonassa. Näin puhut suoraan asiakkaalle.

Voit jakaa sivusi esimerkiksi seuraaviin osiin:

Valikko eli menu

Tämä osa sisältää kotisivusi valikon eli menun ja halutessasi muuta toiminnallisuutta. Voit lisätä valikkoon esimerkiksi somekuvakkeita tai liidimagneetin painikkeen. Menu pysyy yleensä staattisena eli muuttumattomana. Tämä tarkoittaa sitä, että samat tiedot näkyvät kaikilla kotisivusi sivuilla.

1. lohko: Header – sivusi tärkein osa

Kuuluisa mainosmies David Ogilvy kerran sanoi: ”You spend 80% of your advertising dollar on the headline.” Tämä tarkoittaa sitä, että otsikolla on suurin merkitys, koska se määrittelee, jatkaako lukija eteenpäin vai ei. Viestin tulee olla selkeä: mitä tarjoat ja miten se hyödyttää ihmisiä. Lisää myös toimintakehote, kuten painike ”Aloita nyt” tai ”Osta nyt”, jonka avulla aloittaminen on helppoa. Näin asiakas pääsee heti ostamaan, jos on siihen valmis.

2. lohko: Korosta ongelmaa

Muistuta asiakasta haasteesta tai ongelmasta, jonka hän kokee. Sinulla on tähän ongelmaan ratkaisu. Voit myös kirjoittaa mahdollisista seurauksista, joita ongelman ratkaisematta jättäminen aiheuttaa.

3. lohko: Arvolupaus

Kysy myös itseltäsi, miksi asiakkaat ostaisivat juuri sinulta. Kerro selkeästi ja ytimekkäästi, mikä on ratkaisusi asiakkaan ongelmaan. Kerro myös, miten ratkaisusi helpottaa asiakkaan elämää. Säästääkö asiakas esimerkiksi aikaa, vaivaa tai rahaa? Kysy myös itseltäsi, miksi asiakkaat ostaisivat juuri sinulta.

4. lohko: Asiakaskokemukset

Näytä, miten tarjouksesi on hyödyttänyt muita ihmisiä. Lisää sivulle todistuksia (testimonials), joiden avulla todistat, että palvelusi todella toimii. Mitä enemmän todistuksia, sitä parempi. Esimerkiksi verkkokauppa Amazonin sivuilla saattaa yhdestä tuotteesta olla tuhansia arvioita luettavana. Vaikka niitä kaikkia tuskin kukaan kokonaan lukee, luovat ne uskottavuutta palvelun tai tuotteen toimivuudesta. Laita uusimmat ensimmäiseksi ja vanhemmat siten, että ne eivät vie liikaa tilaa sivulta. Lisää myös asiakkaan kuva todistukseen. Tämä tuo lisää uskottavuutta, sillä todistukset saavat kasvot.

5. lohko: Kehota ostamaan

Kerro, miten ihmiset voivat ostaa tuotteesi tai palvelusi. Pyydä asiakasta toimimaan ja lisää toimintakehote eli CTA. Esimerkiksi ”Osta nyt” tai ”Tilaa nyt” ilmaisee, mitä haluat asiakkaan tekevän. Tee ostaminen mahdollisimman helpoksi. Ostoprosessin tulisi olla mahdollisimman lyhyt. Mitä vähemmän klikkailua ja kirjoittamista, sen parempi. Automatisoi asioita aina kun se on mahdollista.

6. lohko: Liidimagneetti

Kotisivuista kannattaa ottaa täysi hyöty irti. Osa ihmisistä ostaa sivujen perusteella, osa ei. Nappaa talteen mahdollisimman monen sivulla vierailevan ihmisen sähköposti ja nimi. Näin voit aloittaa markkinoinnin sähköpostimarkkinoinnin automaatioita käyttäen.

Tarjoa jotain arvokasta vastineeksi asiakkaan sähköpostiosoitteesta, kuten e-kirja tai alennuskuponki. Liidimagneetti voi myös olla jokin osa palveluasi, jonka tarjoat ilmaiseksi ja josta on hyvä jatkaa maksullisiin palveluihin. Vaikka asiakas ei heti ostaisikaan, jäät hänen mieleen ja voit muistuttaa läsnäolostasi sähköpostimarkkinoinnin avulla.

Footer

Tässä osassa löytyy esimerkiksi yhteystiedot ja tietosuojaan liittyvät asiat. Käytännössä siis kaikki muut tärkeät asiat, joita ei sijoiteta varsinaiselle myyntisivulle. Footer pysyy yleensä staattisena eli muuttumattomana. Tämä tarkoittaa sitä, että samat tiedot näkyvät kaikilla kotisivusi sivuilla.

Fontit

Fonteilla on suuri merkitys graafisessa suunnitelussa. Fontti on osa graafista ilmettä kuten värit ja muodot. Fontti vaikuttaa siihen, miten ihmiset kokevat graafisen suunnittelun.

Fontin tulee olla helppolukuinen. Ihmiset eivät lue tekstiä, jota on vaikea lukea. Leipätekstin suositeltuja fontteja ovat Times New Roman, Arial, Calibri, Verdana, Georgia, Garamond, Cambria ja Helvetica. 
 
Fontin valinnassa kannattaa huomioida myös sen käyttöoikeudet ja saatavuus.  

• Onko oikein käyttää sitä logona? 

• Onko kaupallinen käyttö sallittu? 

• Onko mahdollista rekisteröidä tavaramerkki? 

Google-fontit ja Adobe Fonts ovat ilmaisia käyttää. 

SIL Open Font License (tai lyhyesti OFL) on yksi tärkeimmistä avoimista kirjasinlisensseistä, joka mahdollistaa fontin käyttämisen kaupallisesti myytävissä tuotteissa.

Värit

Väreillä on keskeinen rooli graafisessa suunnittelussa, sillä ne vaikuttavat voimakkaasti visuaaliseen ilmeeseen. Jokaisella värillä on oma psygologinen vaikutuksensa. Värit voivat herättää tunteita ja mielleyhtymiä, jotka vaikuttavat siihen, miten brändi tai viesti koetaan. Tästä syytä värien valinta on tärkeää. Oikeat värit auttavat viestittämään yrityksen arvoja ja tavoitteita.

Tietokoneen näyttö tuottaa värejä yhdistämällä valon kolme pääväriä: punainen (R), vihreä (G) ja sininen (B). HTML:ssä RGB-värejä voidaan myös esittää kuusimerkkisellä heksadesimaalikoodilla, jossa on ’#’ merkki edessä. Hex-koodi on helppokäyttöisempi, sillä se sisältää kokop väriarvon kun taas RGB sisältää kolme erillistä arvoa.

Joitakin värejä ei voida ilmaista tulostukseen käytetyllä CMYK-värein. Jos logoa käytetään usein painetuissa materiaaleissa, on parasta välttää tällaisia värejä.

Värejä voi olla useita ja niitä tulee voida käyttää keskenään erilaisissa yhdistelmissä. Värisuunnitelmissa tulee ilmetä:

• Pääväri (eng. Primary / main) 
• Toissijainen väri (secondary / sub color) 
• Aksenttiväri (eng. Accent / Tertiary ), jota voi käyttää kohdissa, jotka vaativat huomiota.

Lisäksi erilaisissa väriyhdistelmissä tulisi huomioida saavutettavuusasiat. Kaikki ihmiset eivät esimerkiksi kykene lukemaan tekstiä kaikilla väriyhdistelmillä.  Käytännössä tämä tarkoittaa sitä, että tekstit ja taustavärit tietyillä väriyhdistelmillä eivät erotu riittävän hyvin toisistaan.  Saavutettavuus asiat vaikuttavat kotisivuilla esimerkiksi kotisivujen hakukoneoptimointiin. Hakukoneet tarkistavat saavutettavuuteen liittyviä asioita ja pisteyttävät kotisivuja niiden mukaan.

Logo

Logo on usein ensimmäinen asia, jonka asiakkaat huomaavat. Logo luo asiakkaille yrityksestä ensimmäisen mielikuvan. Yrityksen logo on visuaalinen asia, joka edustaa yrityksen brändiä, arvoja ja identiteettiä.  
 
Logo sisältää yleensä:

• symbolin (eng. logo symbol)
• tekstin (eng. logotype) kuten yrityksen nimen
• Lisäksi logon alapuolella voi olla niin kutsuttu iskulause (eng, tagline)
• Logon kokonaisuutta kutsutaan nimella logomark
• Logo voi myös olla tekstimuotoinen ilman symbolia

Hyvin suunniteltu logo välittää yrityksen viestin selkeästi ja luo tunnistettavuutta. Se toimii myös yhtenäisenä elementtinä kaikessa viestinnässä, kuten verkkosivuilla, markkinointimateriaaleissa ja sosiaalisessa mediassa. Logo on tärkeä, koska se erottaa yrityksen kilpailijoista ja luo ammattimaisen kuvan.

Hyvä logo on yksinkertainen, mieleenpainuva ja helposti tunnistettava. Logon tulisi olla helposti ymmärrettävä ja sen tulisi toimia eri tilanteissa sekä myös pienessä koossa. Toisin sanoen siitä tulisi saada pikaisella silmäyksellä selvää niin kotisivuilla kuin käyntikorteissakin. Värit, fontit ja muodot tulisi valita huolellisesti siten, että ne luovat yhtenäisen ja ammattimaisen vaikutelman. Lisäksi logon tulee olla ajaton, jotta se säilyttää merkityksensä ja tunnistettavuutensa vuosien varrella, vaikka yritys kehittyisi. Logon suunnittelun kannattaa panostaa sillä se on usein ihmisten ensikosketus yritykseeesi ja luo mielikuvia yrityksestäsi. Netissä on paljon logosuunnitteluun tarjoitettuja sivustoja. Niillä voit päästä nopeasti ja edullisesti alkuun. Jos budjetti antaa myöten, kannattaa logon suunnittelu jättää ammattilaisten tehtäväksi. Voit halvimmillaan saada yksinkertaisen logosuunnittelu muutamalla satasella. Jos kaipaat ammattilaisten apua, ota meihin yhteyttä support@snartsmart.fi.

Logon symboli (logo symbol)

Logosymbolin tulisi olla visuaalisesti yksinkertainen, mutta samalla sillä tulisi olla jokin merkitys. Lisäksi sen tulisi olla persoonallinen ja ainutlaatuinen. Logosymboli kuvastaa yrityksen identiteettiä, arvoja ja toimialaa selkeällä tavalla, jotta se herättää oikeanlaisia mielikuvia ja tunteita kohdeyleisössä. Hyvä logosymboli on helposti tunnistettava, joka toimii eri käyttökohteissa, kuten kotisivuilla, painotuotteissa ja mainosmateriaaleissa. Symbolin muotojen, värien ja tyylin on oltava harmonisia ja huolella harkittuja, jotta se välittää ammattimaisen ja yhtenäisen vaikutelman. Lisäksi logosymbolin tulisi olla ajaton, jotta se säilyttää relevanssinsa yrityksen kasvaessa ja kehittyessä.

Logosymbolin muodoilla on omat merkityksensä. Esimerkiksi pyöreät ja ovaalit muodot viestivät ystävällisyydestä ja lämmöstä. Kolmio viestii esimerkiksi kasvusta ja neliö esimerkiksi turvallisuudesta. Voit yhdistellä erilaisia muotoja, jotka vahvistavat symbolin viestiä. Kannattaa ensin tehdä luonnos mustavaloisena ja sitten lisätä värejä.

Logon teksti (logotype)

Logon teksti (wordmark tai logotype),  erottuu joukosta olemalla yksinkertainen, mutta samalla mieleenpainuva. Tekstin tulisi olla selkeä, luettava ja tyyliltään yhteneväinen logon symbolin kanssa. Typografia on keskeisessä roolissa, ja valitun fontin tulisi heijastaa yrityksen arvoja ja persoonallisuutta – esimerkiksi moderni fontti voi viestiä innovaatiosta, kun taas klassinen fontti antaa kuvan luotettavuudesta ja perinteisyydestä.  Se toimii saumattomasti eri kokoisina, eri medioissa ja ympäristöissä, ja sen visuaalinen tasapaino sekä värit ovat huolella harkittuja. Ajattomuus on myös tärkeä piirre; laadukkaasti suunniteltu teksti kestää aikaa ja tukee yrityksen pitkäjänteistä brändinrakennusta.

Iskulause (tagline)

Iskulause (tagline) on yrityksen brändin tunnuslause tai slogan, joka jää ihmisten mieleen ja tukee markkinointiviestintää. Esimerkkejä tunnetuista taglineista ovat esimerkiksi ”Just Do It” (Nike) tai ”Think Different” (Apple). Iskulause logon yhteydessä ei ole pakollinen mutta se siitä on apua varsinkin uudelle yritykselle, joka vasta rakentaa tunnettavuutta ja brändiä.

Muistilista loogosuunnittelua varten:

• Pääset nopeasti ja edullisesti alkuun netistä löytyvien suunnittelutyökalujen avulla
• Jos budjetti antaa myöten, suunnittelu kannattaa jättää ammattilaisten tehtäväksi
• Hyvä logo on yksinkertainen helppolukuinen ja helposti ymmärrettävissä
• Logon tulee toimia myös pienessä koossa kuten käyntikorteissa ja mobiilinäkymässä
• Logo voi sisältää symbolin, wordmakin ja iskulauseen
• Iskulause auttaa markkinointiviestinnässä ja logo jää paremmin ihmisten mieleen

Logosuunnittelu koostuu muodoista, väreistä sekä fonteista

Jokaisella muodolla, värillä ja fontilla on oma merkityksensä jotka vaikuttavat siihen, miten ihmiset kokevat logon.

Voit luoda monimutkaisia ​​kuvia yhdistämällä useita yksinkertaisia ​​muotoja. Muotoa kannattaa miettiä ensin mustavalkoisena ja sitten lisätä värejä.

Logosta kannattaa luoda myös erilaisia versioita eri käyttötilanteita varten. Esimerkiksi mustavalkoinen versio sekä väriyhdistelmä, jota käytetään tummaa taustaa vasten. Näin varmistut, että logo erottuu hyvin kaikissa eri tilanteissa.