2. (Digital) Art Director
visuaalisen tiimin vetäjä
katynen@gmail.com
+358 50 599 3356
https://www.linkedin.com/in/katy-tuupanen
https://fi.pinterest.com/katynen
https://www.instagram.com/katy_nen
Vinkkejäjaajatuksia
bannereidenteosta
KatyTuupanen
3. Bannerit
• Ensimmäiset bannerit julkaistiin vuonna 1994
• Tehokkaita ja halpoja (30 milj. käyttäjää/ei kilpailua)
• Bannereissa jopa 40-90 % CTR (Click Through Rate)
• Ensimmäinen banneri näytti tältä (AT&T):
Bannereiden historiaa
Bannerit
4. Bannerit
• Väitetään, että n. 8 % käyttäjistä klikkaisi 85 % kaikista
maailman bannereista
• Keskimääräinen CTR luku pyörii nykypäivänä 0.1 %!
• Väitetään myös, että n. 50 % mobiilissa tapahtuvista
klikkauksista on tehty erehdyksessä
Netistä poimittuja...
Bannerit
5. Bannerit
Haasteet
• Yksi vanhimmista ja samalla
haastavimmista mainosmuodoista
• Bannerisokeus - kyllästyminen -
banneriblokkaus (23 % jenkeistä)
Katso video eyetracker -tutkimuksesta:
www.nngroup.com/articles/banner-blindness-old-and-new-findings/
• Näemme n. 1700 banneria/kk.
Miten herättää huomio?
Bannerit
6. Bannerit
Miksi banneria ei klikata?
ei halua poistua
nykyiseltä sivustolta
61% pelkää saavansa
spammia
57% pelkää saavansa
viruksia
55% ei halua
nettikäyttäymistä
seurattavan
31%
ei koe kiinnostusta
bannereihin
58% ei luota banneri-
mainokseen!
54% Huom!
Bannerit
8. Bannerit
• Perinteisen median lukeminen vähenee = digitaalisen lisääntyy!
• Mainosteknologian kehitys ja datan käyttö (Big Data) tekivät
display-mainonnasta jälleen toimivaa ja järkevää
• Hyvä kohdistettavuus = mainostaja voi poimia rusinat pullasta
näyttämällä mainoksia vain niille ihmisille, joita mainostajan
viesti datan mukaan todennäköisimmin kiinnostaa.
• Helppo tehdä, edullinen, mitattava!
Miksi sitten bannereita tehdään?
Bannerit
9. Bannerit
• Lisäävät brändin ja tuotteiden tai
palveluiden tunnettuutta
• Kasvattaa myyntiä (toimii mm.
tuotelanseerauksissa hyvin)
• Tuo nopeasti kävijöitä kotisivuillesi
• Sitouttaa asiakkaitasi
tutustui tuotteeseen
myöhemmin kivi-
jalkamyymälässä
67%
palasi myöhemmin
tutustumaan sivuihin
(tuotteeseen/palveluun)
61%
Bannerit
Miksi sitten bannereita tehdään?
10. Bannerit
• Saa aikaan toimintaa ja/tai jättää muistijälkiä
• Ymmärtää/tuntee kohdeyleisön!
(sukupuolen, iän, tulot, koulutuksen, tavat = uskottavuus!)
Näiden avulla voidaan valita oikeat värit, fontit, kuvat ym.
• Rakentaa tunneyhteyden!
(yksinkertaisin, ja samalla vaikein, tapa herättää luottamus)
• Mahdollisesti sisältää huumoria (mihin sopii)
Toimiva banneri?
Bannerit
11. Bannerit
• Suunnittele selkeitä bannereita - Keep it simple!
• Muista yhteys ländärisivuun (väri, typografia, brändi tms.)
• Kuva ei ole aina pakollinen = älä käytä kuvaa vain täytteenä!
• Muista värien sanomat - mitä haluat viestiä? (flat colors)
• Tee animointi tyylikkäästi = älä keksi väkisin!
• Käytä CTA:ta aina ja muista toimivat värit (vastavärit)
Huomioi suunnittelussa
Bannerit
13. Bannerit
• Hyvä teksti vastaa kysymykseen: mikä on tavoite?
• Banneri joko lisää tunnettuutta tai myy tuotetta/palvelua.
Kulkevat käsi kädessä = focus hyvä olla (myynti/brändi)
• Muista kohde = “jos puhut kaikille, et puhu kenellekään”
Tunne siis kohdeyleisösi (kiinnostukset, tarpeet)
• Käytä sanoja jota kohdeyleisösi ymmärtää
(puhu heille, älä heistä)
Tekstit bannereissa
Bannerit
14. Bannerit
• Kerro asia lyhyesti (helposti ymmärrettävä)
• Vältä kliseitä (muotisanoja)
• Mieti tuotteen/palvelun etuja käyttäjälle älä ominaisuuksia:
Osta uusi monitoiminen kuntolaite vs. laihdu helposti!
Ihmiset haluavat tietää kuinka helpotat heidän elämäänsä!
• Vetoa tunteisiin!!!
Tekstit bannereissa
Bannerit
15. Bannerit
• Muista herättää luottamus!
• Ihmiset rakastavat tarinoita
(ongelma/ratkaisu).Tarinoita ei banneriin
mahdu, mutta anna pieni makupala =
Tee ihmiset uteliaaksi!
• Käytä kuinka -sanaa (on yksi tehokkaimmista)
• Kerro mikä erottaa tuotteen/palvelun kilpailijoista (USP)
Tekstit bannereissa
Bannerit
16. Bannerit
• Hyvä tarjous toimii aina
• Käytä lukuja (8 vinkkiä auton huoltoon!)
• Hyödynnä tunnettuutta (ihmiset eivät halua olla koekaniineja,
he haluavat tietää että tuotteesi on jo toiminut muilla) = Tuttu
TV:stä, käytössä yli 40 maassa, lääkäriliitto suosittelee jne.)
• Suunnittele aina tekstit CTA:han!
Hyvä CTA kertoo mitä tapahtuu kun banneria klikkaa!
Tekstit bannereissa
Bannerit
18. Bannerit
Groteski
Päätteetön ja viivoiltaan
lähes tasavahva kirjaintyyli.
Kirjasintyyppien valinta
Antiikva
vaakasuorat päätteet ja niissä
kirjainten viivat ovat selvästi
erivahvuisia
Aa Aa
Bannerit
22. Bannerit
Hyvä CTA:n väri
• Aivot/silmät toimivat niin, että ne
haluavat löytää aina vastavärin
• Käytä vastaväriä CTA:ssa!
• Älä käytä samaa väriä enää
muualla suunnittelussa
• Käytä puhdasta väriä
Bannerit
23. Bannerit
• Käytä merkityksellisiä kuvia = asiayhteys
• Aina ei ole pakko käyttää kuvaa, joskus teksti puree paremmin
• Aidot ihmiset (kasvot) ja tuotekuvat heräävät eniten huomiota
• Muista, että kuvien koot, kontrastit, värit ym.
vaikuttavat mielenkiintoon!
• Tunne kohdeyleisösi ja valitse kuvat sen mukaan
• Vetoa tunteisiin!
Kuvien käyttö
25. Bannerit
• Retargeting =käytäntö jolla kotisivulla käyneelle asiakkaalle
näytetään retargeting mainoksia (evästeiden avulla)
• Seach retargeting = eroaa retargetinista niin, että retargetin tuo
kävijöitä takaisin sivuillesi, search retargetin taas löytää
potentiaalisia kävijöitä!
• Säännöllisesti uusitut bannerit (A/B-testaus)
• Konversion seuranta (CTR-luku ei kerro kuinka moni bannerin
klikanneista oikeasti osti tuotteen/palvelun)
Tehoa mainontaan?