kuva13157

bmr.fi WordPress-verkkosivu

Suunnittelimme ja toteutimme Stiftelsen Brita Maria Renlunds minne sr -säätiön verkkosivuston uudistuksen kevään 2020 aikana. Sivusto on toteutettu WordPress -sisällönhallintajärjestelmällä. Yhteistyössä Kaskas Median kanssa.

Linkki palveluun: www.bmr.fi

Brita Maria Renlundin muistosäätiö

Brita Maria Renlundin muistosäätiö haluaa tukea lasten ja nuorten hyvinvointia sekä yhtäläisiä mahdollisuuksia turvalliseen kasvatukseen ja hyvään elämään. Säätiö myöntää apurahoja järjestöille, jotka tukevat lapsia ja nuoria eri tavoin.

Säätiö halusi päivittää verkkosivujensa ilmettä ja käytettävyyttä osana laajempaa viestintänsä uudistusta. Toteutimme hankkeen yhteistyössä viestintätoimisto Kaskas Median kanssa.

Suunnittelu

BMR:n uutta verkkosivua suunnitellessamme halusimme raikastaa säätiön vanhaa ilmettä, käyttäen sekä säätiön tuttuja visuaalisia elementtejä että uusia.Asiakkaan toiveissa korostuivat selkeys ja luotettavuus. Säätiön vanhaa logoa ja vihreää väriä oli toiveena säilyttää, mutta muuten palvelun ulkoasun suunnittelussa annettiin paljon vapautta.

Suunnittelussa haimme tasapainoa modernisuudesta ja klassisesta tyylikkyydestä modernilla serif-fontilla sekä ilmavalla layoutilla. Erityisen tärkeänä pidimme että upeat valokuvat saavat tilaa loistaa. Pisteenä i:n päälle lisäsimme hillityt animaatiot ja hover-efektit.

Asiakas oli jo ensimmäistä versiota leiskasta nähdessään innoissaan verkkosivujen tulevasta ulkoasu-uudistuksesta. Muutostoiveiden perusteella ja pienillä omilla viilauksilla viimestelimme suunnitellun palvelun mahdollisimman saavutettavaksi, toimivaksi ja tyylikkääksi.

Tekninen toteutus

bmr.fi on toteutettu WordPress-verkkosivuna, Agendan omalla ADS-teemalla täysin räätälöitynä asiakkaan toiveiden mukaisesti.

  • Oma WordPress-liitännäinen agenda-gutenberg muokkaa editorin ulkoasua ja lisää editorissa tuen omalle grid-järjestelmälle, joka on totetutettu Bootstrap -kirjastolla. Lisäksi liitännäinen lisää tarvittavia sisältöblokkeja, kuten parannellun kuvablokin ja julkaisujen nostoblokin.
  • Oma teema ADS alustaa ulkoasusäännöt neutraaleiksi ja Bootstrap-yhteensopiviksi, jonka pohjalta on ohjelmoitu tilattu ulkoasu moderneja käytäntöjä käyttäen. 
  • Prioriteettina saavutettavuus ja performanssi. Google Lighthouse piste lähentelee sataa.
  • Tyypilliset hyvän verkkosivun mahdollistavat liitännäiset, kuten Yoast SEO ja Advanced Custom Fields ovat sivulla käytössä.