Nenäpäivä.fi

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

Taustaa uudistukselle

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.

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. Agenda 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.

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 Agendan 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.

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 julkaistaan myöhemmin vuoden 2021 aikana.)

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. Toimitus kohteet 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.

Nenäpäivä koittaa taas 12.11. Voit osallistua hyvään esimerkiksi tekemällä lahjoituksen uuden verkkosivuston kautta!

[Huom. Referenssi on julkaistu alunperin Agenda Helsingin nimissä. Agenda Helsinki yhdistyi Sohovan kanssa vuonna 2022.]