Akavan uusi brändi ja verkkosivustot

Lähtökohdat

Tavoitteena oli luoda asiantuntijuutta kuvaava hienostunut visuaalinen ilme ja verkkopalvelut, jotka toimivat erinomaisesti sekä sisällöntuottajille että loppukäyttäjille.

Tarve oli myös nykyaikaistaa sivustojen käyttöliittymät ja ilme, parantaa niiden käyttäjäkokemusta ja varmistaa, että palvelut vastaavat Akavan jäsenliittojen, opiskelijoiden, päättäjien, median ja muiden sidosryhmien tarpeisiin. 

Lähtötilanteessa sivustoilla oli useita teknisiä ongelmia ja kehitettävää sisällön käytettävyydessä, ja niiden ylläpito sekä jatkokehitys haluttiin siirtää proaktiivisen kumppanin käsiin.

Projektin kulku

Brändiuudistus toteutettiin Brand Sprint -menetelmällä, joka mahdollisti Akavan strategisten tavoitteiden, viestien ja identiteetin kiteyttämisen tiiviissä työskentelyjaksossa. Sprintin aikana syntyi konsepti, joka ohjasi sekä ilmeuudistusta että verkkosivustojen konseptointia.

Visuaalista suunnittelua tehtiin viikkopalaverimallilla iteratiivisesti. Prosessin aikana todettiin myös tarve päivittää logoa maltillisesti. 

Suunnittelussa toteutettiin uusi väripaletti, jossa säilytettiin Akavalle ominainen sininen väri, jonka sävyä päivitettiin. Käyttöön valittiin tyylikäs ja luettava kirjasin. 

Kuvituksissa päädyttiin abstrakteihin monikäyttöisiin moderneihin vektorikuvituksiin, joilla ilmeeseen saatiin elävyyttä. Valokuvavalikoimaa uudistettiin kuvaamalla asiantuntijoita ja opiskelijoita heille ominaisissa ympäristöissä.

Akavan pääilmeen lisäksi projektissa suunniteltiin myös sukunäköiset logot ja ilmeet sekä ilmoitus- ja sosiaalisen median julkaisupohjia AkavaWorksille ja Akavan opiskelijoille.

Visuaalinen ilme ja brändistrategia dokumentoitiin brändikirjaksi. Redandblue esitteli visuaalisen ilmeen Akavan henkilöstölle erillisessä tilaisuudessa. 

Visuaalisen identiteetin lisäksi toteutettiin brändin lanseerauksen tueksi paljon visuaalista tuotantoa – seinäkkeitä, sosiaalisen median pohjia, esitteitä, ikonikirjasto, infografiikan tyylit, käyntikortit, PowerPoint- ja Word-pohjat.

Lisäksi strategiasta tehtiin strategiakuvan visualisointi ja ääniraidallinen animaatio, joka esitettiin Akavan liittokokouksessa.

Verkkosivustojen suunnitteluvaihe

Molemmille verkkopalveluille pidettiin omat konseptointityöpajat sekä teknisen määrittelyn työpajat. Konseptointi- ja määrittelyvaiheessa tarkennettiin projektien vaatimusmäärittelyä sekä käytiin läpi keskeiset käyttäjäryhmät ja käyttötapaukset. Työpajoissa suunniteltiin lisäksi sivustojen informaatiohierarkia ja sivukartat yhdessä Akavan asiantuntijoiden kanssa. 

Tekninen suunnitelma sisälsi sivustojen arkkitehtuurin ja tietomallien sekä taksonomioiden ja relaatioiden kuvaukset. Lisäksi määriteltiin käyttäjätasot. 

Suunnittelussa kiinnitettiin erityistä huomiota kohderyhmien tiedontarpeisiin: esimerkiksi siihen, miten käyttäjät löytävät nopeasti ajantasaisen työmarkkinatiedon, kannanotot, julkaisut ja tutkimusaineistot. 

Verkkosivustojen tekninen toteutus

Akava.fi ja Akavaworks.fi toteutettiin WordPress-julkaisujärjestelmälle multisiteen. Sivustojen lohkot ovat React-pohjaisia Gutenberg-natiivilohkoja. Molemmat sivustot ovat AA-tason saavutettavia.

Projektin edetessä pidimme tiivistä yhteyttä Akavan viestintä- ja projektitiimeihin varmistaen, että ratkaisut tukivat sekä arjen julkaisutyötä että pitkän aikavälin viestintätarpeita.

Sivustojen tekninen arkkitehtuuri mahdollistaa kustannustehokkaan jatkokehityksen, integraatiot sekä pitkäjänteisen ylläpidon.

Verkkopalvelun konseptointi ja suunnittelu

Akava.fi tekniset ominaisuudet

Akava.fi-sivustolle toteutimme STT-integraation jonka avulla tiedotteet haetaan STT:stä ja julkaistaan sivustolla automaattisesti. Akavan liittojen ja neuvottelujärjestöjen uutiset tuodaan sivustolle RSS-lukijan avulla. Lisäksi molemmille sivustoille integroitiin Lime CRM, josta tuodaan sivustolle tapahtumat. Akavan tapahtumista julkaistaan usein myös tallenne, joille toteutettiin arkistointitoiminto.

AkavaWorks.fi tekniset ominaisuudet

AkavaWorks-sivustolla julkaistaan raportteja, katsauksia, artikkeleita ja kyselyitä. Erityisesti raportit voivat olla laajoja, monipuolista dataa sisältäviä kokonaisuuksia. Raportteihin muodostuu automaattisesti sisältönavigaatio, joka auttaa lukijaa hahmottamaan raportin kokonaisuuden sekä siirtymään etsimäänsä sisältöön.

Molempien sivustojen sisällöt migroitiin aiemmilta sivustoilta. Yhteensä migraatio käsitti tuhansia artikkeleita, raportteja ja ajankohtaissisältöjä sekä yli 10 000 mediatiedostoa. Osa sisällöistä vaati myös manuaalisen siirron.

 

Lopputulos

Lopputuloksena syntyivät raikkaat, selkeät ja yhdenmukaiset verkkopalvelut, jotka heijastavat Akavan merkitystä korkeakoulutettujen asiantuntevana ja luotettavana äänenä suomalaisessa yhteiskunnassa. 

Sivustot ovat saavutettavia ja helppokäyttöisiä kaikille käyttäjäryhmille, ja niiden sisällönhallinta on Akavan viestintätiimille huomattavasti sujuvampaa. 

Uusi visuaalinen ilme viestii onnistuneesti uutta strategiaa sekä tukee Akavan viestintää ja vaikuttavuutta pitkälle tulevaisuuteen.

Yhteistyö ja jatkuva kehitys

Verkkosivustot ovat redandbluen ylläpidossa ja vastaamme niiden jatkokehityksestä ja järjestelmien ylläpidosta.

Kaipaatko vinkkejä brändin uudistamiseen tai verkkopalvelun kehittämiseen?

Ota yhteyttä, niin jutellaan tarkemmin

Reeta Laamo

Managing Director, Co-Founder

Puhelin 044 362 7714

Sähköposti reeta@redandblue.fi

Yhteydenottolomake (Tukipalvelut- ja pienkehitys)

Tukipalvelut ja pienkehitys

Nimi(Pakollinen)

Kirjoita koko nimesi

Sähköposti(Pakollinen)

Kirjoita kenttään sähköpostiosoitteesi

Puhelin

Voit jättää halutessasi puhelinnumeron yllä olevaan kenttään

Viesti(Pakollinen)

Mitä mielessä? Kirjoita lyhyt viesti.

Rekisteriselosteen hyväksyntä(Pakollinen)

Hyväksyn tietojeni käsittelyn ja tallentamisen

Käsittely sisältää esimerkiksi tietojen luomisen, muokkaamisen, tallentamisen ja poistamisen. Tutustu tarkemmin tietosuojaselosteeseemme.

CAPTCHA