Lyhyesti
- SaaS-brändäys on pieni järjestelmä: sanamerkki, paletti, typografia, taustailme ja muutama asettelu, joita käytetään samalla tavalla tuotteessa, ohjeissa ja somejulkaisuissa.
- SaaS-paletin on toimittava sekä käyttöliittymässä että markkinoinnissa, joten valitse korostusväri, jonka kontrasti riittää myös painikkeessa.
- SaaS-tuotteen jokaisella julkisella sivulla tulisi olla oma 1200×630 Open Graph -kuva, koska linkkejä jaetaan jatkuvasti Slackissa, X:ssä ja LinkedInissä.
- Muutoslokijulkaisut ovat SaaS-tiimin yleisimpiä grafiikoita, joten ne ansaitsevat kiinteän pohjan jopa lanseerausgrafiikoita enemmän.
- Rekrytointijulkaisut ovat brändijulkaisuja. Niiden tulee näyttää yritykseltä, ei rekrytoijan yleispohjalta.
Tällä sivulla
Vahva SaaS-brändäys perustuu lanseerauspäivän paljastuksen sijaan pieneen järjestelmään, jota voit käyttää sadoissa asioissa: sanamerkki, käyttöliittymässä ja somessa toimiva paletti, yksi tai kaksi fonttia, taustailme sekä muutama kiinteä asettelu lanseerauksille, muutoslokeille, linkkiesikatseluille ja rekrytoinnille. Ohjelmistoyritys julkaisee viikoittain, joten brändin on pysyttävä mukana ilman kaiken piirtämistä uudelleen. Rakenna järjestelmä kerran, ja sen jälkeen jokainen julkaisu on tietojen täyttämistä pohjaan.
SaaS-brändijärjestelmän viisi osaa
- 1
Sanamerkki
Hyvin aseteltu nimi yhdessä fontissa sekä pieni neliömerkki faviconiin ja sovelluskuvakkeeseen. Jätä abstrakti tunnus myöhemmäksi, kun tiedät tarvitsevasi sitä.
- 2
Paletti
Neutraali sävyasteikko käyttöliittymään, yksi brändin korostusväri ja tilavärit onnistumiselle, varoitukselle ja virheelle.
- 3
Typografia
Yksi groteski käyttöliittymään ja markkinointiin, halutessasi otsikkofontti suuriin otsikoihin sekä tasalevyinen fontti koodiin.
- 4
Taustailme
Liukuväri tai materiaali markkinointigrafiikoiden takana, ei tuotteen varsinaisissa työskentelynäkymissä.
- 5
Asettelut
Kiinteät pohjat lanseeraus- ja muutoslokijulkaisuille, Open Graph -kuville, blogibannereille ja rekrytoinnille.
Kirjaa nämä suunnittelutokeneiksi, jotta tuote ja markkinointisivusto jakavat samat arvot. Startupin brändäys käsittelee nimeämistä ja asemointia. Tämä artikkeli kertoo, mitä teet niiden ratkettua.
SaaS-värit tuotteeseen ja markkinointiin
SaaS:n korostusväri elää kahta elämää: sovelluksen painikkeissa ja linkeissä sekä markkinointigrafiikoiden tunnusvärinä. Tämä sulkee pois monia muodikkaita sävyjä, koska painikkeessa valkoisen tai tumman tekstin on oltava luettavaa. Valitse korostusväri ensin käyttöliittymää varten ja rakenna markkinoinnin tausta sen ympärille.
Indigo, violetti ja sähkönsininen ovat SaaS:ssa hyvin yleisiä. Jos valitset yhden niistä, anna taustailmeen luoda ero muihin. Verkkosivun värimaailma käsittelee käyttöliittymää, myös tummaa teemaa.
SaaS-lanseerauksen grafiikat
Lanseerauspäivänä tarvitset saman viestin useassa muodossa: vaakajulkaisun X:ään ja Blueskyhin, pystyjulkaisun LinkedIniin, linkkikuvan tiedotteeseen ja pääkuvan sivustolle. Kerro yhdellä rivillä, mitä tuote tekee, älä vain sen nimeä.
Lanseerausjulkaisu X:ään ja Blueskyhin: toiminta ensin, nimi toisena.
Sama viesti LinkedInin pystyjulkaisuna.
Lanseerauspäivän grafiikat sisältää kattavan aineisto- ja aikataululistan.
Open Graph -kuva jokaiselle sivulle
SaaS-linkkejä jaetaan jatkuvasti Slackissa, Teamsissa, X:ssä ja LinkedInissä. Puuttuva esikatselukuva saa linkin näyttämään rikkoutuneelta. Anna jokaiselle julkiselle sivulle, myös ohjeille, hinnoittelulle, blogiartikkeleille ja muutoslokimerkinnöille, oma 1200×630-kuva, jossa sivun otsikko on brändisi taustalla.
<meta property="og:title" content="Automatic payment reminders" />
<meta property="og:description" content="Ledgerly chases late invoices politely, on your schedule." />
<meta property="og:image" content="https://ledgerly.app/og/payment-reminders.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Kun sivuja on paljon, generoi kuvat pohjasta käsin tekemisen sijaan. Dynaamiset OG-kuvat näyttää miten, ja Open Graph -tagit käy läpi tagit ja sen, miten alustat lukevat niitä.
Muutosloki- ja ominaisuusjulkaisut
Muutoslokit ovat SaaS-tiimin yleisimpiä julkaisuja ja paras todiste tuotteen elinvoimasta. Anna niille oma lanseerauksia rauhallisempi asettelu. Silloin viikkopäivitys ei huuda lanseerauksen lailla ja oikea lanseeraus erottuu edelleen.
Muutoslokikortti linkkiesikatselun koossa: tärkein ominaisuus suurena, muut yhdellä rivillä.
- Yksi ominaisuus korttia kohden. Aloita muutoksesta, jonka käyttäjät huomaavat selvimmin.
- Yhtenäinen tunniste, kuten ”Muutosloki”, sekä viikko- tai versionumero.
- Kuvakaappaus tai lyhyt video seuraavalla karusellisivulla tai julkaisussa, ei korttiin ahdettuna.
- Sama asettelu joka viikko, jotta vakituiset käyttäjät tunnistavat päivitykset heti.
Yrityksen näköiset rekrytointijulkaisut
Hakijat arvioivat yritystä työpaikkailmoituksista, ja monet SaaS-tiimit käyttävät niissä yleispohjaa. Käytä omaa taustaa, typografiaa ja ääntä. Nimeä tehtävä selkeästi ja kerro, mitä henkilö oikeasti tekee. Työnantajabrändin suunnittelu kertoo lisää.
Rooli, sijainti ja todellinen työ samalla taustalla kuin lanseeraus.
Pidä ohjeet, sovellus ja some yhtenäisinä
Ilme hajautuu
- Ohjeet oletusteemalla ja eri korostusvärillä
- Jokainen kehittäjä tekee oman muutoslokikuvansa
- Blogibannerit yleispohjasta
- Vanha logo edelleen OG-kuvassa
Ilme säilyy
- Ohjeet, sovellus ja sivusto jakavat yhden token-tiedoston
- Yksi muutoslokipohja, jonka kuka tahansa voi täyttää
- Blogibannerit koossa 1200×600 bränditaustalla
- OG-kuvat generoidaan nykyisestä brändistä
Gradiently sopii SaaS-tiimeille, jotka työskentelevät tekoälyavustajassaan. Se toimii ChatGPT:ssä, Claudessa ja kaikissa etä-MCP-palvelimia tukevissa avustajissa. Voit pyytää viikon muutoslokikortin samassa keskustelussa, jossa kirjoitit julkaisutiedot. Sommittelu avautuu Studiossa brändisi ilmeessä tarkistusta ja vientiä varten. Yhdistä tekoälyavustaja selittää käyttöönoton.
Usein kysyttyä
Mistä hyvä SaaS-brändäys koostuu?
Pienestä, yhtenäisestä järjestelmästä: sanamerkistä, käyttöliittymässä ja markkinoinnissa toimivasta paletista, yhdestä tai kahdesta fontista, taustailmeestä ja toistuvien julkaisujen kiinteistä asetteluista.
Minkä kokoinen SaaS:n Open Graph -kuvan tulee olla?
1200×630 pikseliä. Anna jokaiselle julkiselle sivulle oma kuva ja käytä og:image-tagissa absoluuttista URL-osoitetta.
Mitä värejä SaaS-brändin tulee käyttää?
Neutraalia käyttöliittymäasteikkoa, yhtä brändin korostusväriä, jonka kontrasti riittää painikkeessa, sekä selkeitä tilavärejä onnistumiselle, varoitukselle ja virheelle.
Miten SaaS-yrityksen kannattaa suunnitella muutoslokijulkaisut?
Käytä yhtä rauhallista, kiinteää pohjaa, jossa on selkeä tunniste ja versio- tai viikkonumero. Aloita muutoksesta, jonka käyttäjät huomaavat parhaiten.
Tarvitseeko SaaS-startup logotunnuksen?
Ei aluksi. Hyvin aseteltu sanamerkki ja yksinkertainen neliömerkki faviconiin ja sovelluskuvakkeeseen riittävät useimmille alkuvaiheen tuotteille.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme