# B2B-markkinoinnin suunnittelu: eroon kuvapankki-ilmeestä [Canonical HTML page](https://gradiently.design/fi/guide/b2b-marketing-design) Yritysostaja selaa ohi lukuisista lähes samanlaisista sinisistä julkaisuista. Pieni, yhtenäinen suunnittelujärjestelmä tekee asiakastarinoistasi, webinaareistasi ja linkkikuvistasi tunnistettavia jo ennen logoa. ## The short version - Suurin osa B2B-markkinoinnista näyttää samalta, koska se käyttää samoja sinisiä paletteja, isometrisiä kuvituksia ja kokousten kuvapankkikuvia. - Yhdestä taustasta, fonttiparista, muutamasta taitosta ja vakiokoista koostuva pieni suunnittelujärjestelmä tuottaa omaleimaisempia aineistoja kuin joka kerta alusta tehty suunnittelu. - Asiakastarinakortti toimii parhaiten, kun se aloittaa yhdestä mitattavasta tuloksesta ja nimeää asiakkaan vain luvalla. - Jokaisella jaettavalla sivulla tulisi olla oma 1200×630-Open Graph -kuva, sillä linkkiesikatselu on usein ostajan ensikosketus. - LinkedIn on B2B-sisällön keskeinen syöte, ja 1080×1350-pystykuvat vievät siinä eniten tilaa. Hyvä **B2B-markkinoinnin suunnittelu** näyttää yhdeltä yritykseltä, ei koko toimialalta. Siihen tarvitaan pieni järjestelmä erillisten aineistojen pinon sijaan: tunnistettava oma tausta, yksi fonttipari, neljä tai viisi taittoa sekä vakiokoot LinkedIniin, linkkiesikatseluihin ja dioihin. Täytä taitot aidoilla luvuilla ja asiakkailla kuvapankkikuvien ja isometristen hahmojen sijaan. Asiakastarinakortit, webinaarimainokset ja linkkikuvat alkavat silloin näyttää jonkun omilta. ## Miksi B2B-markkinointi näyttää samalta B2B-tiimit työskentelevät nopeasti, pienillä suunnittelubudjeteilla ja paineessa näyttää turvallisilta. Tuloksena on yhteinen kuvakieli: luotettava sininen, litteitä hahmoja jättikannettavien ääressä, kättelykuvia ja ilmassa leijuvia koontinäyttöjä. Se ei ole väärin, mutta se jää näkymättömäksi. Kilpailijoita täynnä olevassa syötteessä se maksaa. Ilmiötä tarkastelee [miksi kaikki syötteet näyttävät samalta](https://gradiently.design/fi/guide/why-every-feed-looks-the-same). ### Näyttää kuvapankilta - Yrityssininen, koska se tuntuu turvalliselta - Isometriset hahmot ja leijuvat koontinäytöt - Kättelyt, kaupunkisiluetit ja kokoushuonekuvat - ”Innovatiivisia ratkaisuja” otsikkona - Uusi tyyli joka kampanjaan ### Näyttää sinulta - Tausta ja paletti, joita kukaan muu ei käytä - Aidot tuotenäkymät tiukasti rajattuina - Oma tiimisi ja asiakkaasi, luvalla - Yksi tulos tai väite selvin sanoin - Sama järjestelmä kaikissa aineistoissa ## Rakenna ensin pieni suunnittelujärjestelmä Järjestelmä kuulostaa suurelta hankkeelta. Markkinointiaineistoille se on yksi sivu päätöksiä, joka säästää jatkossa tunteja joka viikko. | Päätös | Valinta | Miksi | | --- | --- | --- | | Tausta | Yksi omaleimainen tausta tai taustaperhe | Aineiston suurin alue tekee siitä pääosin tunnistettavan | | Typografia | Yksi otsikkofontti ja yksi leipätekstifontti | Kaksi riittää, useampi näyttää monelta yritykseltä | | Taitot | Tilasto, lainaus, ilmoitus, tapahtuma ja kansi | Kattaa lähes kaikki B2B-julkaisut | | Koot | 1080×1350, 1200×630, 1920×1080 | Syöte, linkkiesikatselu ja diat | | Äänensävy | Kolme kirjoitustapaasi kuvaavaa sanaa | Pitää tekstin yhtä yhtenäisenä kuin kuvat | Viisi päätöstä kerran. Kirjaa ne kaikkien aineistoja tekevien saataville ja tarkista kerran vuodessa, älä joka kampanjassa. SaaS-tiimeille [SaaS-brändi](https://gradiently.design/fi/guide/saas-startup-branding) käsittelee identiteettiä tarkemmin. Tässä tavoite on rajatumpi: millainen identiteetti onkaan, sovella sitä samalla tavalla joka kerta. ## Asiakastarinakortit, joihin ostajat uskovat Asiakastarinat kuuluvat vakuuttavimpiin B2B-sisältöihin ja usein huonoimmin suunniteltuihin: pitkä PDF, jota kukaan ei avaa. Nosta tulos korttiin, jonka lukee kahdessa sekunnissa, ja linkitä koko tarinaan. [Asiakastarinan suunnittelu](https://gradiently.design/fi/guide/case-study-design) käsittelee pitkää versiota. Pystysuuntainen asiakastarinakortti, jonka otsikko on 6 viikosta 9 päivään ja alla lyhyt asiayhteys Esimerkkitaitto: tulos otsikkona ja asiayhteys alla. Asiakkaan nimi lisätään vain kirjallisella luvalla. - Aloita yhdestä mitattavasta tuloksesta. Ennen ja jälkeen hahmottuu nopeimmin. - Nimeä asiakas ja käytä logoa vain luvalla. Pidä asiakkaan brändi tulosta pienempänä. - Lisää yksi rivi asiayhteyttä, jotta luku merkitsee jotain. - Jatka saman asiakkaan lainauskortilla hänen omin sanoin. - Käytä samaa taittoa joka asiakastarinassa, jotta ne muodostavat sarjan. - Tee kortista myös myyntiesityksen dia, jotta näyttö näkyy puheluissa ja syötteissä. ## Webinaarien ja tapahtumien mainokset Webinaarit ovat B2B:n perussisältöä. Niiden kuvat noudattavat tarkkaa hierarkiaa: ensin aihe, sitten päivä ja aika aikavyöhykkeineen, lopuksi puhujat. Koko ohje löytyy artikkelista [webinaarin mainoskuvat](https://gradiently.design/fi/guide/webinar-promotion-graphics). Järjestelmässä tapahtumat on yksi viidestä taitosta samalla taustalla kuin kaikki muukin. Webinaarin pystymainos: Hinnoittelusivut, jotka myyvät sekä alla päivämäärä, aika ja kesto LinkedIn-syötteen versio: aihe suurena, päivä ja aikavyöhyke heti alla. Saman webinaarin leveä linkkiesikatselu, otsikko yhdellä rivillä Ilmoittautumissivun linkkiesikatselu: samat sanat leveässä muodossa. ## LinkedIn-koot B2B-sisällölle LinkedInissä nähdään suurin osa B2B-sisällöstä. Pystykuvat vievät syötteessä eniten tilaa, asiakirjat kantavat pidempiä selityksiä ja yrityskansi kehystää muuta. Maksettuja sijoitteluja käsittelee [LinkedIn-mainoksen suunnittelu](https://gradiently.design/fi/guide/linkedin-ad-design). - Pystyjulkaisu 1080×1350: 1080 × 1350 - Neliöjulkaisu 1200×1200: 1200 × 1200 - Linkkikuva 1200×627: 1200 × 627 - Yrityskansi 2256×382: 2256 × 382 B2B-tiimin neljä käytetyintä LinkedIn-muotoa mittakaavassa. ## Open Graph -kuva jokaiselle sivulle Kun ostaja liittää hinnoittelusivusi Slackiin tai kollega jakaa blogisi LinkedInissä, linkkiesikatselu luo ensivaikutelman. Ilman Open Graph -kuvaa näkyy tyhjä laatikko tai satunnainen logo. Anna jokaiselle tärkeälle sivulle oma 1200×630-kuva saman järjestelmän mukaan kuin muutkin aineistot. [Open Graph -kuvakoko](https://gradiently.design/fi/guide/open-graph-image-size) kattaa yksityiskohdat, ja [dynaamiset OG-kuvat](https://gradiently.design/fi/guide/dynamic-og-images) näyttää, miten ne luodaan automaattisesti joka blogitekstille. ```html ``` Tagit, joilla sivun jaossa näkyy suuri kuva. Käytä kuvalle absoluuttista https-osoitetta. ## Tee järjestelmästä helppo koko tiimille B2B-aineistoja tekevät suunnittelijoiden lisäksi tuotemarkkinoijat, myynti, perustajat ja toimistot. Järjestelmä säilyy vain, jos sen käyttäminen on sivuuttamista helpompaa. Gradientlyssä brändipaketti säilyttää logon, paletin, fontit ja äänensävyn. Taustana on Mark, jota muu yritys ei voi käyttää lunastuksesi jälkeen, ja Automaattinen muste pitää otsikot luettavina ilman laatikoita tai varjoja. ChatGPT:ssä tai Claudessa toimivat tiimit voivat yhdistää Gradientlyn ja pyytää asiakastarinakorttia tai webinaarimainosta, joka avautuu Studioon valmiiksi brändin mukaisena. [Yhdistä tekoälyavustaja](https://gradiently.design/fi/guide/connect-ai-assistant) selittää asennuksen. ## FAQ ### Miten teen B2B-markkinoinnin ilmeestä vähemmän geneerisen? Valitse yksi omaleimainen tausta ja paletti, käytä aitoja tuotenäkymiä ja asiakkaita kuvapankkikuvien ja kuvitusten sijaan sekä sovella samoja muutamia taittoja kaikkiin aineistoihin. ### Minkä kokoisia B2B:n LinkedIn-julkaisujen tulisi olla? Pystykuva 1080×1350 vie syötteessä eniten tilaa. Käytä neliöjulkaisuihin kokoa 1200×1200 ja linkkikuviin 1200×627. ### Mitä asiakastarinakuvassa tulisi olla? Yksi mitattava tulos otsikkona, yksi rivi asiayhteyttä ja asiakkaan nimi tai logo vain luvalla. Linkitä koko tarinaan. ### Minkä kokoinen Open Graph -kuva on? 1200×630 pikseliä. Aseta se og:image-tagilla jokaiselle sivulle, jota odotat ihmisten jakavan.