Sirpa Pietikäisen sydämelliset kotisivut
Mainostoimisto mera uudisti onnistuneesti tunnetun ja kokeneen europarlamentaarikon verkkosivut.
Mainostoimisto mera uudisti onnistuneesti tunnetun ja kokeneen europarlamentaarikon verkkosivut.
Pitkän linjan europarlamentaarikko työryhmineen lähestyi mainostoimisto meraa kotisivu-uudistuksen myötä. Hedelmällinen aloituspalaveri pidettiin ja uusien sivujen vaatimukset selkiytyivät. Tärkeimmiksi asioiksi nousivat blogiartikkelien parempi löydettävyys, Sirpan pääteemojen selkeämpi esittely, sivuston parempi toimivuus mobiililaitteissa ja nykyaikaan freesattu ulkoasu.
Lisäksi sisällön päivittämisen tulisi olla mahdollisimman helppoa ja automatisoitua. Toistuvia elementtejä sivustolla olisi hyvä suosia, jotta sivuston pitäminen ajantasaisena olisi tehokasta. Sivuston julkaisualustana tulisi olla tuttu WordPress, joka oli aiempienkin sivujen alustana. AA-tason saavutettavuuskriteerit tulisi myös täyttyä.
Piirsimme uusista kotisivuista tuttuun tapaan ensin rautalankamallit. Rautalangoilla tarkoitetaan mustavalkoisia kaaviokuvia, joiden avulla on helppo hahmottaa sisältöjen sijoittelut koko sivustolla sekä yksittäisellä sivulla.
Hahmottelimme Kuukauden puheenaihe -osion, jonka avulla sivuston ajankohtaisuutta saadaan korostettua. Artikkeliosioon suunnittelimme monipuoliset suodatuselementit teema-, hakusana-, kategoria- ja ajankohtahakuineen, jotta vuosien saatossa kerääntynyt, jättimäinen artikkelimäärä saadaan lukijoiden käyttöön. Halusimme helliä nykyaikaisen ja kätevän suoran viestinnän ajatusta ja ideoimme sivustolle pikaviesti-henkisen Kysy Sirpalta -elementin.
Koko suunnitteluprosessin ajan huolehdimme siitä, että sisällöt sopivat luontevasti myös eri kokoisille mobiili- ja tablettiruuduille.
Kun sisällöt ja elementit oli suunniteltu ääriviivatasolla ja Sirpa työryhmineen oli hyväksynyt rautalangat, oli visuaalisen suunnittelun vuoro. Suuntaa sivuston uudelle ilmeelle haimme mainostoimisto merassa vastasuunnitellusta Sirpan vuosikertomuksesta.
Väripaletin pääsävyiksi valikoituivat myrskynsininen ja limenvihreä, punaista ripoteltiin sivustolle mausteeksi. Fonteiksi valikoituivat jämäkät ja selkeät Google-fontit Babas Neue ja Roboto.
Pressikuvissa Sirpan kaulakorua koristaa punainen sydän ja nostimmekin tämän universaalin kuvion ylätunnisteeseen kiteyttämään mepin empaattista maailmankatsomusta. Gif-animaation avulla sydän saatiin jopa sykkimään! Ikoniesityksillä on omat etunsa nykyaikaisessa, kiihkeätempoisessa median käytössä ja pikku kuvakkeita ripoteltiinkin sivustolle sopiviin kohtiin, esimerkiksi Sirpan teemojen ja henkilön esittelyyn.
Ylätunnisteen monipuoliset valikot saatiin ryhmiteltyä selkeiksi kokonaisuuksiksi värikontrastien ja eri fonttikokojen ansioista. Sivustolla käytettiin runsaasti väripohjia tuomaan rytmiä, selkeyttä ja elämyksellisyyttä yleisilmeeseen.
Sirpa on kiitettävän kiinnostunut ja tarkka väreistä. Muutaman sävytyskierroksen jälkeen värit saatiin hiottua täydellisiksi ja sivuston ilme hyväksyttiin. Aineisto siirrettiin koodausvaiheeseen ja julkaistiin pikavauhdilla sopivasti uudenvuodenaattona.
Sirpa työryhmineen oli tyytyväinen lopputulokseen.
Isot kiitokset työstänne. Sivut näyttävät todella hyvältä, siellä on juuri sellaisia yhdistäviä polkuja kuin halusimme, ja WordPress on helppokäyttöisen oloinen.”
– Iida Ahonen, Sirpan avustaja Brysselissä, sivustouudistuksen työryhmän jäsen
Sirpa Pietikäisen kotisivut toimivat kaikilla laitteilla ja saavutettavasti.
Sirpan henkilökohtaisille ominaisuuksille (esimerkiksi "Iloinen häjy") luotiin napakat ikoniesitykset, joita työryhmä voi luoda itse lisää Awesome-ikonifonttia hyödyntävän automatiikan avulla. Sivustolla käytettiin useassa kohdassa taustaelementtinä diagonaaleilla avainsanoilla ryyditettyä sanatapettia.
Suunnittelimme Sirpan sivustolle monipuoliset haku- ja suodatustoiminnot, jotka auttavat artikkelien löytämisessä.
Yhteyden ottaminen Sirpaan on helppoa. Ideoimme sivustolle pikaviesti-henkisen, helppokäyttöisen "Kysy Sirpalta" -elementin.
Sivuston visuaalinen suunnittelu tehdään aina kokonaisuutena.
Tällä sivustolla käytetään evästeitä kävijäseurantaan. Eväste on pieni tekstitiedosto, joka tallennetaan tilapäisesti kävijän laitteelle.
Evästekäytäntö
Välttämättömät evästeet tulisi pitää sallittuna, jotta voimme tallentaa evästeasetuksesi muistiin. Voit kuitenkin halutessasi estää välttämättömät evästeet selaimesi asetuksista.
Google
Googlen evästeet mahdollistavat analyysin ja mainonnan kohdentamisen käyttäjän sivustovierailun perusteella.
Facebook
Facebook mittaa mainonnan tehokkuutta, sekä kertoo käyttäjä- ja analytiikkatietoa sivustomme kävijöistä.
Leadfeeder
Leadfeeder pyrkii tunnistamaan ja kertomaan mistä yrityksestä sivuston kävijä on tullut. Lisäksi palvelu kertoo millä sivuilla kävijä on vieraillut.
LinkedIn
LinkedIn Insight Tag mittaa LinkedIn-mainonnan tehokkuutta, sekä kertoo käyttäjä- ja analytiikkatietoa sivustomme kävijöistä.