Skip to content

Nenäpäivä.fi verkkosivu

Nenäpäivä

Nenäpäivä.fi WordPress verkkosivut 

Uudistimme nenäpäivä.fi verkkosivut ja verkkokaupan käyttäen WordPress-sisällönhallintajärjestelmää ja WooCommerce-verkkokauppa-alustaa. 

Linkki palveluun: nenäpäivä.fi

Nenäpäivä on tunnettu hyväntekeväisyystapahtuma, jota järjestää Nenäpäivä-säätiö. Tapahtuman juuret ovat Isossa-Britanniassa vuodessa 1985 Comic Relief -järjestön perustamisessa. 

Vuonna 2020 Nenäpäivä-säätiö halusi uudistaa verkkopalvelunsa. Aiemmin alustana palvellut Drupal oli tullut tiensä päähän: Drupal-versioon ei enää ollut luvassa päivityksiä, joten uudistaminen olisi joka tapauksessa. Palvelun sisällön ylläpidosta haluttiin myös helpompaa, joten asiakas valitsi uudeksi alustaksi WordPressin. Sohova on erittäin kokenut WordPress-toteuttaja. 

Palvelun ilmettä haluttiin myös uudistaa ja käyttäjäkokemusta parantaa: erityisesti sisältöjen löydettävyyttä oli parannettava. Uudistuksen laajuuteen kuului myös sivustoon kuuluva verkkokauppa. Lisäksi haluttiin uudistaa myös rahalahjoitusten antamiseen ja vastaanottamiseen käytetyt maksukanavat, joiden hallinnointia haluttiin vahvemmin säätiön omiin käsiin. 

Nenäpäivä_projektikuva4c-scaled

Suunnittelu   

Tärkeä referenssi uudistukselle oli säätiön brittiläinen esikuva comicrelief.com. Sivuston haluttiin puhuttelevan koko laajaa yleisöä, siis ketä vain. Erityisesti koska sivuston käyttäjissä on paljon iäkkäitä henkilöitä painotettiin saavutettavuuden merkitystä suuresti. Esteettisesti palvelun ilmeessä tavoiteltiin voimakasta muotokieltä: vahvaa typografiaa ja kirkkaita värisävyjä laajoinakin väripintoina.

Suunnittelu käynnistettiin työpajatapaamisella, jossa sisältösuunnitelma käytiin läpi ja sisältöä yksinkertaistettiin karsimalla rönsyjä. Päivitetyn sisältösuunnitelman pohjalta edettiin rautalankamallien suunnitteluun. Sivupohjien yksinkertaisuutta ja selkeyttä korostettiin. Myös kaupan näkymät ja ostopolku uudistettiin.  

Kirsikkana kakun päälle toteutettiin animoidut punaiset nenät, jotka elävöitävät sivuston hero-osioita. 

Toteutus

Verkkosivut on toteutettu käyttäen Sohovan omaa WordPress-teemaa, joka on toteutettu mahdollisimman saavutettavaksi sekä helposti muokattavaksi. Teema hyödyntää sisällön muokkaamiseen Gutenberg-editoria, jonka edut mahdollistavat sisällön uudelleen jäsentämisen ja muotoilun ilman erityistä teknistä osaamista. Sisältölohkoja voidaan vetää ja pudottaa vapaasti eri kohtiin muokkausnäkymässä. Sisällöntuottajalle tarjotaan hallintapaneelissa suositut SEO työkalut hakukoneoptimointia varten. 

nenapaiva_projektikuva

Maksukanavaintegraatiot 

Osana sivustoa uudistettiin rahalahjoitusten antamiseen ja vastaanottamiseen käytetyt maksukanavat. Lahjoittaminen onnistuu joko suoraan tai Nettilippaan kautta, jolloin raha on korvamerkitty juuri tiettyyn tarkoitukseen. 

Verkkokauppa 

Verkkokauppa pohjautuu WooCommerce -lisäosaan, joka on tunnettu WordPressiin integroitava verkkokauppa-alusta. Nenäpäivän verkkokauppa tarjoaa verkkopankki- ja korttimaksun Paytrailin kautta ja yritysasiakkaille laskun tilauksen sähköpostitse. 

Verkkokauppa tarjoaa erilaisia tuotteita, joiden asetukset ovat helposti muokattavissa hallintapaneelissa. Tuotteet voivat sisältää eri vaihtoehtoja esimerksiksi koon, värin tai itse keksityn ehdon suhteen. Kaupassa voi myös olla tuotteita, jotka ovat myytävänä ulkoisessa kaupassa. Verkkokaupassa voi vertailla tuotteita eri kategorioiden perusteella. Toimituskulut voidaan asettaa kiinteinä tai perustuen tuotteiden määrään. Toimituskohteet ja toimitusluokat voivat vaikuttaa hinnoitteluun. 

Verotuksen voi määrittää helposti hallintapaneelissa, mikäli sille on tarvetta. Verot voidaan sisältää hintoihin tai ilmoittaa erikseen. Nenäpäivän verkkokauppa toimii verottomana.