Blogit ovat olleet olennainen osa verkkosivustoja jo vuosia. Lähes jokaisella yrityssivustolla on välilehti, jossa on luettelo uutisista tai artikkeleista. Tässä postauksessa esittelen 6 tunnettujen brändien blogia, jotka erottuvat edukseen muotoilun suhteen. Valittujen esimerkkien perusteella esittelen piirteitä, jotka tekevät blogista visuaalisesti houkuttelevan, modernin ja muista erottuvan.

Evernote – eli muodon minimalismi

https://evernote.com/blog/

Blogin etusivulla erottuu siisteys, järjestys ja luettavuus. Käyttämällä paljon valkoisia värejä ja olemalla kuormittamatta lukijan silmiä liiallisella tekstimäärällä käyttäjä käy mielellään läpi artikkeliluetteloa ja voi helposti valita silmäänpistävän postauksen, joka erottuu edukseen siihen liitetyn ja artikkelin sisältöön viittaavan valokuvan tai abstraktin kuvituksen ansiosta. Kaikki tämä tapahtuu yrityksen valitseman värimaailman puitteissa, mikä luo yhtenäisyyden tunnetta ilman tungettelua. Verkkosivun ulkoasu perustuu 2- ja 3-pylväisiin, minkä ansiosta ylläpitäjät voivat edistää valittua sisältöä valitsemalla suuremman kuvan. Verkkosivun yläosassa oleva ”featured”-osio, joka on kokonaan omistettu yhdelle kirjoitukselle, auttaa myös mainostamaan viestejä. Lukija tietää heti, mitä Evernote ”pitää tärkeimpänä”.
Merkinnän alasivu saa käyttäjät keskittymään sisältöön. Visuaaliset elementit eivät häiritse heitä. Tärkeintä on sisältö. Saattaa jopa syntyä vaikutelma, että artikkelin verkkosivu on yksinkertaisesti hyvin muotoiltu muistio, jossa painotetaan otsikoiden, linkkien ja kuvien valintaa. Täältä ei löydy kommenttiosastoa, jota itse asiassa hyvin harvoin esiintyy yritysten verkkosivustoilla. Sen sijaan merkinnän alareunassa näkyy CTA-osio, joka kannustaa kokeilemaan tuotetta.

Starbucks – uteliaisuutta herättävä monimuotoisuus

https://stories.starbucks.com/

Käydessäsi maailman suurimman kahvilaketjun blogin etusivulla voit heti kokea esitetyn sisällön monipuolisuuden. Artikkeleille on omistettu monenlaisia visuaalisia lohkoja. Ylläpitäjillä on käytössään monia erilaisia moduuleja, jotka on järjestetty selkeän hierarkian perusteella. Mitä alempana artikkeli on, sitä pienempi on sen pinta-ala. Mainostettuihin artikkeleihin liittyy kuvitus; vähemmän tärkeissä artikkeleissa ei ole otsikkoon liittyvää kuvaa. Starbucksin verkkosivustoa voi selata kuin lifestyle-lehteä. Kun selaat alaspäin, näkyviin tulee uudentyyppisiä lohkoja, joissa on sisältöä. Siellä on selkeä jako aiheisiin (tarinoihin) ja yrityksen VOD-kirjaston esittely. Starbucksin blogissa on kansikuvia esittelevä liukusäädin. Se näyttää Netflix-kirjastolta, mutta pienemmässä mittakaavassa.
Kirjoituksen alasivu koostuu huomiota herättävästä typografiasta sekä korostetuista valokuvista ja kuvituksista. Huomionarvoinen on myös lukemisen etenemispalkki, joka on varsin hyödyllinen navigoitaessa blogin monissa pitkissä artikkeleissa.

Samsung – viestintäväline koko maailman kanssa

https://news.samsung.com/global/

Tämän elektroniikkayhtiön jättimäisen yrityksen blogi on yritys- ja tuoteuutisia esittelevä väline. Lifestyle- ja feature-artikkeleita täältä ei juuri löydy. Samsungin verkkosivut ovat yrityksen infotaulu, jossa esitellään tämän korealaiskonsernin monia toimintoja. Aivan kuten Starbucksin blogissa, täältä löytyy monenlaisia palikoita, jotka sisältävät artikkeliluetteloita. Monien muiden elementtien joukossa on liukusäädin, jossa on korostettuja kirjoituksia, luettelo uusimmista viesteistä, video-osio, luettelo korostetuista linkeistä ja sarake, jossa on selkeästi määritellyt pääluokkien merkinnät. Monipuolisesta sisällöstä huolimatta sivusto on helppolukuinen. Tämä johtuu pääasiassa artikkelien vähäisestä määrästä. Täällä ei juurikaan vieritetä, vaan lukijan huomio kiinnittyy silmiinpistäviin tuotekuviin tai korostettuihin otsikoihin. Kiinnostavan sisällön voi löytää nopeasti ja siirtyä tietyn viestin alasivulle. Blogisivustolla on myös mahdollisuus tilata uutiskirje.

Yksittäisen kirjoituksen alasivulla on riittävästi tilaa laajalle artikkelille. Silti sieltä löytyy yleensä lyhyitä merkintöjä, jotka ovat yritykseen liittyviä uutisia koskevia lehdistötiedotteita. Samsung on huolehtinut kätevästä navigoinnista kategorioiden ja tunnisteiden välillä. Tämä elektroniikkajätti haluaa helpottaa käyttäjien navigointia toisiinsa liittyvien artikkelien välillä tarjoilemalla selkeän luettelon toisiinsa liittyvästä sisällöstä. Lopussa käyttäjää pyydetään tutustumaan valmistajan portfolioon.

Slack – yksinkertaisen kuvituksen voima

https://slackhq.com/

Käynti Slackin virallisessa blogissa on kokemus, joka luo käyttäjän mieleen kuvan ammattimaisesta yrityksestä. Yhtenäinen visuaalinen tunnistaminen näkyy merkintöjen pikkukuvissa, jotka ovat geometrisia kuvituksia. Slack on totuttanut meidät graafiseen kieleensä, joka liitetään helposti tähän brändiin. Slackin blogi on minimalistinen, mutta sieltä löytyy monenlaista sisältöä. Mainostetuista merkinnöistä, esillä olevien kategorioiden kautta luetuimpiin artikkeleihin. Monille erityyppisille artikkeleille on omat osiot. Erityisesti erottuu esimerkiksi ”Vinkkejä & niksejä” -postauksia keräävä osa. Lyhyet iskulauseet värikkäissä laatikoissa johtavat opettavaiseen sisältöön ja oppaisiin. Tämä blogin pääsivun visuaalinen jako mahdollistaa nopean suunnistamisen monipuolisen sisällön parissa.

Airbnb – ei-selkeää minimalismia

https://blog.atairbnb.com/

Airbnb-blogi on hyvin minimalistinen. Silmiinpistävää on se, että artikkelien otsikot ovat näkymättömiä. Vasta kun kursori viedään yhden kuvilla varustetun suorakulmion päälle, tulee näkyviin piiloteksti, joka on artikkelin otsikko Kaikissa postauksissa ei ole omaa grafiikkaa, ja sellaisille tarjottiin paikanvaraaja – suorakulmio, jossa on yrityksen logoon perustuva kuvio (ilmeisesti kaikissa artikkeleissa ei tarvitse olla kuvaa). Tällaisen ratkaisun vuoksi sinun on etsittävä kiinnostavia artikkeleita hyppimällä segmenttien välillä. Voidaan sanoa, että tämä blogin laskeutuminen on vain luettelo kirjoituksista. Piilotetun valikon ja ”lataa lisää” -painikkeen lisäksi täältä ei löydy mitään muuta. Tämä on minimalismin ruumiillistuma!
Erillisiä viestejä sisältävien verkkosivujen muoto on myös rajoitettu. Mielenkiintoisempien ominaisuuksien joukosta löydät täältä lukemisen edistymispalkin ja luettelon kielistä, joilla kyseinen viesti on saatavilla. Valitsemalla jommankumman näistä voit vaihtaa kieliversiota.

Nike – Uutiset esitettynä upeiden tuotekuvien avulla

https://news.nike.com/

Niken tuotteille on aina ollut ominaista niiden muotoilun voimakas korostaminen. Yhden suurimman urheilutarvikevalmistajan uutisia sisältävällä välilehdellä on ulkoasu, joka keskittyy vahvasti yrityksen tuotteen esittelyyn. Nike ei voi valittaa upeiden mainoskuvien määrästä, ja yrityksen blogi on täydellinen tausta uusien kampanjoiden tai tuotteiden esittelyyn. Mustavalkoinen värimaailma tekee siitä vielä paremman tähän tarkoitukseen. Kuvat ovat tässä sisältöä, samoin kuin kannustin menee syvemmälle uutiskokoelmaan. Yksinkertaista 3-palstaista ulkoasua häiritsevät vain mainostettu postaus (verkkosivun yläosassa) ja blogilaattojen peräkkäisten rivien välissä oleva osio, jossa on korostettuja linkkejä.
Yksittäisen postauksen alasivu koostuu vahvasta mustavalkoisesta typografiasta ja monista värikkäistä valokuvista. Tässä minimalistisessa muodossa on kuitenkin paikka mielenkiintoiselle ominaisuudelle. Kun lopetat postauksen lukemisen, toinen postaus ilmestyy automaattisesti. Tällaisen ratkaisun ansiosta sinun ei tarvitse lopettaa lukemista, vaan voit pysyä samalla alasivulla. Voit vierittää alaspäin loputtomiin ja löytää yhä uusia artikkeleita.

Droopler – yrityksen verkkosivusto blogilla

Jos harkitset yrityksen verkkosivuston rakentamista, kehotan sinua perustamaan sen Drupal-jakeluumme. Droopler on valmiiksi suunniteltu ja valmis verkkosivusto, joka näyttää upealta jo asennuksen jälkeen. Drooplerissa olemme tarjonneet minimalistisen blogin, joka toimii loistavasti yrityksen verkkosivuston uutisosiona. Huolehdimme luettavasta ja houkuttelevasta ulkoasusta sekä tietokoneiden että mobiililaitteiden näytöillä. Jos haluat tutustua yksityiskohtiin tarkemmin, klikkaa tutustu yksityiskohtiin 5 syytä rakentaa yrityksesi verkkosivusto Drooplerin avulla.