Projektin tavoite
”Halusimme sivuston palvelevan monipuolisesti ja saumattomasti eri pääkohderyhmiämme eli oppivelvollisuusopiskelijoita, jatkuvan oppimisen opiskelijoita, yrityksiä ja työelämää sekä viranomaisia ja muita sidosryhmiä”, kertoo Riverian projektipäällikkö Paula Hulkkonen.
Projektin kehitystyö pohjautui palvelumuotoilun keinoin kartutettuun laajaan käyttäjäymmärrykseen sekä asiakaspersoonia puhuttelevaan sisältösuunnitelmaan. ”Tärkeää oli saada muotoiltua selkeät käyttäjäpolut sivuston sisälle, jotta kokonaisuudesta muodostuisi mahdollisimman intuitiivinen ja helppokäyttöinen”, palvelumuotoilijamme Sanna Karvanen kertoo. ”Myös informaatioarkkitehtuuriin panostettiin tässä projektissa erityisen paljon.”
Lisäksi tiimimme loi sivuston sisältösuunnitelman sekä konversiostrategian, joka tukee suunniteltua asiakaspolkua.
Nämä tarjoavat asiakkaalle myös tärkeitä työkaluja mitattavan digimainonnan toteuttamiseen.
Vaativia järjestelmäintegraatioita
Digitaalisen liiketoiminnan kehittäminen vaatii nykyaikana lähes poikkeuksetta jonkinlaisia järjestelmäintegraatioita. Uudelle riveria.fi -verkkosivustolle luotiin useita kaksisuuntaisia integraatioita Friends iPaaS-integraatioalustan avulla.
Rajapinnat muodostuivat niin Priimus oppilashallintajärjestelmään kuin kuntarekryyn ja TE-keskuksen työvoimakoulutuksiinkin. Integraatioiden avulla tieto pysyy ajantasaisena, vähentäen manuaalisen päivitystyön määrää. ”Rajapinnan määrittely vaati melkoista jumppaa sekä myös prosessien hiomista”, kertoo Hulkkonen. ”Uudistus on ehdottomasti ollut kuitenkin kaiken vaivan arvoinen ratkaisu. ”
![sivuston värimäärittelyn diagrammeja kannettavan tietokoneen näytöllä](https://virnex.fi/wp-content/uploads/2023/08/virnex-case-riveria-2.jpg)
Visuaalisuus tukemaan sivuston saavutettavuutta
Sivustolle suunniteltiin palvelumuotoiluvaiheen rautalankamallia tukeva visuaalinen ilme Riverian brändi-ilmeen elementtejä soveltaen ja saavutettavuuskriteerit huomioiden. Kontrastimääritykset ohjasivat värivalintoja niin, että sivustolle valikoitiin ainoastaan määritykset täyttäviä graafisen ohjeiston värejä.
”Visuaaliseen ilmeeseen toivottiin leikkisyyttä, kerroksellisuutta ja virtaavuutta”, kertoo UI/UX suunnittelijamme Laura Jalonen. ”Toimme päävärinä toimivan punaisen rinnalle murrettuja sävyjä, sekä liikettä kuvaavia muotoja täydentämään kokonaisuutta.”
Riverian projektipäällikkö Hulkkosen mukaan sivusto on jo saanut asiakkailta hyvää palautetta ja sitä on kuvailtu sekä raikkaaksi että selkeäksi kokonaisuudeksi. Erityisesti hakutoimintoa on kiitelty. ”Toki on löytynyt myös kehitettävää ja siltä osin onkin hyvä tiedostaa, että verkkosivut eivät koskaan ole täysin valmiit,” Hulkkonen toteaa.
Liiketoiminnan kehittämisen kumppani
Riveria.fi julkaisun jälkeen kumppanuus on siirtynyt jatkuvan kehittämisen vaiheeseen, jossa sivustoa kehitetään käyttökokemuksen myötä eteenpäin. ”Kuten tiedämme, verkkosivuja tulee jatkuvasti kehittää niin sisällön, toiminnallisuuden kuin myös palveluiden hakukone- ja konversio-optimoinnin kannalta,” kertoo Virnex Groupin operatiivinen johtaja Manu Mesimäki.
Konversiostrategiaan perustuva sivuston mittauspisteiden määrittely sekä tavoitteiden toteutumisen jatkuva mittaaminen antavat erinomaisen ymmärryksen siitä, kuinka käyttäjät sivustolla toimivat ja miten haluttujen tavoitteiden eli konversioiden toteutuminen käytännössä tapahtuu.
”Kunnollinen konversiomittaus ja datan kuukausittainen analysointi vievät käyttäjäymmärryksen monta askelta perinteisestä käyttäjämäärien seuraamisesta eteenpäin. Sivuston jatkuva kehittäminen saa aivan uuden näkökulman, kun voimme alkaa puhua datalla kehittämisestä,” Manu Mesimäki kiteyttää.
Riverian kokonaisprojekti on hyvä esimerkki Virnexin tarjoamasta laaja-alaisesta osaamisesta, jonka ansioista asiakas saa tarvitsemansa kokonaistoteutuksen näppärästi yhdestä paikasta. Virnex on asiakkaidensa liiketoiminnan kehittämisen kumppani, jonka palveluvalikosta löytyy liiketoimintastrategiaa tukevat digitaaliset ratkaisut ja ylläpitopalvelut, markkinointipalvelut sekä vastuullisuusohjelmat.
Haluan kiittää tiimiä joustavuudesta ja aina positiivisesta asenteesta myös kiireen keskellä. He reagoivat muutoksiin ja toiveisiin nopeasti ja kaikki ongelmat on saatu ratkottua yhdessä.
Paula Hulkkonen, projektipäällikkö, Riveria
Raikas ja erottuva yritysilme
Palvelumuotoilun tiimimme vetämässä työpajassa määriteltiin Pihasiistiksi Suomi Oy:n kohderyhmät ja luotiin erilaisia ostajapersoonia. Näiden perusteella luotiin suunnitelma verkkopalvelulle, jonka tulisi palvellla useita hyvin erilaisia kohderyhmiä aina kaupunkien rakennushankkeista yksityisiin pihasuunnitelmiin ja toteutuksiin.
Graafisen suunnittelun tiimimme toteutti Pihasiistiksi Suomi Oy:lle uuden logon sekä raikkaan ja erottuvan yritysilmeen.
Uusia graafisia elementtejä, kuten eri palveluita kuvaavia ikoneita on hyödynnetty niin verkkosivuilla kuin yrityksen pakettiautojen teippauksissa.
Työpajan tulosten pohjalta toteutettiin uuden verkkopalvelun käyttöliittymän suunnittelu. Verkkopalvelussa on huomioitu selkeästi toisistaan poikkeavat kohderyhmät, joille toteutettiin omat laskeutumissivut.
Sisältösuunnitelma luotiin vastaamaan ostajapersoonien erilaisia tarpeita ja toiveita. Kohderyhmien tarpeiden ymmärrys auttaa tuottamaan erilaisille kohderyhmille kiinnostavaa ja puhuttelevaa sisältöä.
![pihasiistiksi suomi oy:n uusi graafinen ilme](https://virnex.fi/wp-content/uploads/2023/08/virnex-case-pihasiistiksi-2.jpg)
Kokonaisuutena verkkopalvelun ja yritysilmeen uudistus ovat onnistuneet hienosti ja olemme todella tyytyväisiä. Uusi yritysilme on erinomainen ja verkkosivujen kuvista välittyy meidän työyhteisön hyvä fiilis ja tekemisen meininki. Artikkeleissa on hyvin tuotu esiin meidän asiantuntijuus ja osaaminen.
Olen todella tyytyväinen yhteistyöhön. Liiketoimintamme tavoitteet on ymmärretty ja on osattu ehdottaa toimenpiteitä, joilla tavoitteet voidaan saavuttaa. Yhteistyö on ollut helppoa ja toiveisiimme reagoidaan nopeasti.
Joni Puoliväli, toimitusjohtaja, Pihasiistiksi Suomi Oy
Digitaalista mainontaa ja sisällöntuotantoa
![](https://virnex.fi/wp-content/uploads/2023/08/Virnex-Pihasiistiksi-kuvakollaasi.jpeg)
Digitaalisen mainonnan tiimimme on vastannut Pihasiistiksi -palveluiden toimivasta Google Ads -mainonnasta jo muutaman vuoden ajan. Sosiaalisen median kanaviin on toteutettu sisältöjä ja mainoskampanjoita aina tarpeen mukaan.
Pihasiistiksi on luottanut osaamiseemme myös valokuvauksen saralla useaan eri otteeseen. Verkkopalvelun uudistuksen yhteydessä kuvasimme Pihasiistiksi henkilökuntaa, kalustoa sekä Pihasiistiksi verkkokaupan tuotteita.
Asiakaskohteiden esittely on tärkeä osa Pihasiistiksi viherrakentamisen palveluiden markkinointia. Referenssien avulla on helppo tuoda esiin viherrakentajien, kivimiesten ja puutarhureiden osaamista. Artikkelit tarjoavat myös inspiroivaa sisältöä potentiaalisille asiakkaille. Referenssikohteiden kuvia on voitu myös hyödyntää laajasti koko verkkopalvelussa.
Verkkosivujen ja -kaupan kuva- ja tekstisisällöt ovat lähes kokonaan sisällötuotannon tiimimme käsialaa. Tiimi on tuottanut myös Pihasiistiksi-sivujen referenssit sekä asiantuntija-artikkelit.
Lähtötilanne
Meidät valittiin sivustoprojektin toteuttajakumppaniksi julkisen kilpailutuksen perusteella. Sivusto on täysin uusi osoitettaan myöden. Päijät-Hämeen hyvinvointialue järjestää asukkaiden julkiset sosiaali- ja terveyspalvelut sekä pelastustoimen palvelut 1.1.2023 alkaen, joten uudella sivustolla tulee olemaan keskeinen merkitys päijäthämäläisten palvelemisessa.
Keskeiset vaatimukset ja saavutettavuus
Asetettujen vaatimusten mukaisesti uusi paijatha.fi -sivusto kokoaa yhteen alueen sosiaali- ja terveyspalvelut sekä pelastustoimen palvelut. Sivusto toimii eräänlaisena aloituspisteenä niin palveluiden käyttäjille, päättäjille kuin työnhakijoillekin.
Lähtökohtana sivuston suunnittelussa oli Päijät-Hämeen hyvinvointialueen juuri valmistunut uusi graafinen ilme, mikä loi hyvät puitteet modernin verkkopalvelun toteuttamiselle.
Virnexin suunnitteluprosessiin kuuluu kiinteänä osana saavutettavuuden varmistaminen niin teknisesti kuin verkkosivuston visuaalisen ilmeen ja sisällön osalta.
Valmiin verkkosivuston saavutettavuusseloste kuvaa sivuston käyttäjälle, miltä osin sivusto ei täytä saavutettavuus kriteereitä. Tällainen syy voi esimerkiksi olla sivustolle haluttu erilainen toiminto.
Laura Kemppi, palvelumuotoilija, Virnex Oy
Saavutettavuus julkisella toimijalla
Jopa 1,2 miljoonaa suomalaista tarvitsee digitaalista saavutettavuutta, mikä asettaa huomattavia vaatimuksia sivuston rakenteen ja värimaailman suunnitteluun. Sivuston tulee huomioida heikkonäköiset, värisokeuden eri asteet sekä mahdollistaa käytön kattavasti erilaisilla päätelaitteilla.
Julkisena toimijana Päijät-Hämeen hyvinvointialue on myös EU:n saavutettavuusdirektiivin ja kansallisen lain puolesta velvoitettu huolehtimaan sivuston saavutettavuudesta. Uusi sivusto on toteutettu annettujen vaatimusten mukaisesti.
Ennakoiva ja kattava hakutoiminnallisuus
Ennakoiva hakutoiminto oli yksi tärkeimmistä projektille asetetuista vaatimuksista. Sivustolle toteutettu hakutoiminto mahdollistaa käyttäjälle haut myös sivustoon tallennetuista pdf-tiedostoista.
Hyvin toteutettu hakutoiminto voi käyttäjälle korvata perinteisen valikkonavigoinnin ja sivustolla liikkuminen on käyttäjälle helpompaa.
![](https://virnex.fi/wp-content/uploads/2023/08/virnex-case-phha-1.jpg)
Palvelumuotoilun menetelmät osa projektia
Hyvin toteutettu verkkosivusto ei koskaan ole vain tekninen toteutusprojekti. Projektin eri vaiheissa tulee huomioida sivuston erilaiset käyttäjäpersoonat ja heidän tarpeitaan vastaavan sisällön tuottaminen, käytettävyys eri päätelaitteilla sekä saavutettavuus ja hakukonelöydettävyys. Osallistava ja hyvin fasilitoitu suunnitteluvaihe mahdollistaa onnistuneen lopputuloksen.
Projekti jaettiin neljään vaiheeseen:
- Suunnitteluvaihe (Service Design)
- Käyttöliittymä- ja käytettävyyssuunnittelu (UI/UX)
- Toteutus (Production)
- Käyttöönottovaihe (Deployment)
Palvelumuotoilun menetelmät ja osallistava yhteiskehittäminen säännöllisine seurantapalavereineen antoi asiakkaalle mahdollisuuden seurata ja kommentoida mahdollisia muutostarpeita koko prosessin ajan.
Tämän toimintamallin projektiin tuoma ketteryys, yhdessä kiinteähintaiseen projektiin kuuluvien vaiheiden hyväksyntä, takasi onnistuneen lopputuloksen niin budjetin, sisällön kuin aikataulunkin puitteissa.
Toukokuussa julkaistu paijatha.fi -sivusto toteutettiin asiakkaan vaatimuksien mukaisin toiminnoin ja sovitun aikataulun puitteissa.
Ensivaikutelmaltaan toteutettu ylläpidon käyttöliittymä on erinomainen. Selkeästi helpompi käyttää, kuin aiempi kokemukseni WordPressistä. Sivuston ulkoasuun olen myös tosi tyytyväinen. Pidän värivalinnoista ja sivun raikkaasta ilmeestä.
Elina Suontama, Päijät-Hämeen hyvinvointialueen viestinnän kehittämispäällikkö
Suomalaista koulutusvientiä
Edufication.com on verkkopalvelu, jonka taustalla on ammattimainen koulutustuotanto-organisaatio, joka yhdistää suomalaisten yliopistojen sekä muiden korkeakoulujen osaamisen vastaamaan opiskelijoiden, laitosten ja yritysten tarpeita.
Edufication.com -verkkopalvelu tarjoaa räätälöityjä ja nykyaikaisia oppimisratkaisuja erilaisiin tarpeisiin yrityksille ja organisaatioille. Palvelu tarjoaa mm. perehdyttämisohjelmat, muutoshallinnan sekä osaamisen hallinnan ja kehittämisen.
Kuinka projekti vietiin läpi?
Julkisen hankinnan määräyksiä noudattavana asiakkaana Xamk asetti tiukat tekniset vaatimukset projektissa kehitettävän verkkopalvelun toiminnoille sekä aikataululle. Mittava ja pitkäkestoinen työ toteutettiin kiinteähintaisena projektina.
Projekti toteutettiin noudattaen hyväksi havaittua prosessimalliamme, joka on perinteisen iteratiivisen vesiputousmallin ja ketterän kehittämisen kombinaatio. Lähes seitsemän kuukautta kestänyt verkkopalveluprojekti hyväksyttiin ja julkaistiin alkuperäisen aikataulun mukaisesti huhtikuussa 2022.
Tehdään tästä verkkokauppa, joka peittoaa kaikki globaalit EdTech-alan verkkokaupat!
Pekka Pulkkinen, projektipäällikkö, Xamk / Edufication
Palvelumuotoilu on päivittäinen tapa työskennellä
Olemme sisäisesti nimenneet projektin ensimmäisen vaiheen palvelumuotoiluvaiheeksi. Käytännössä palvelumuotoilun menetelmät ovat meillä läsnä koko projektin elinkaaren ajan. Virnex on erikoistunut verkkosivujen kehittämiseen, joka ei tarkoita vain koodaamista.
Ennen kaikkea olemme asiakkaidemme liiketoiminnan kehittäjiä, koska toteuttamillamme verkkosivuilla tavoitellaan aina muutosta parempaan, mahdollistamaan asiakkaalle jotain uutta. Palvelumuotoilu on Virnexillä päivittäinen tapa työskennellä, osallistaa ja yhteiskehittää tuotteita ja palveluita.
Edufication-projekti oli aivan huikea projekti, jossa pääsimme todella
Laura Kemppi, palvelumuotoilija, Virnex Group
näyttämään osaamisemme ja tekemään loistavaa yhteistyötä eri tiimiemme kesken.
Tekniikka ja keskeiset toiminnot
Verkkopalvelu perustuu WordPress -julkaisujärjestelmään ja WooCommerce -verkkokauppa-alustaan, jotka räätälöitiin asiakkaan vaatimukset täyttäväksi verkkopalveluksi hyödyntäen Virnexin omia lohkoelementtejä ja asiakaskohtaisesti toteutettuja ratkaisuja.
Verkkopalvelun keskeiset toiminnot
- Verkkokauppa organisaatioille ja kuluttajille
- Monikielisyys ja kohdemarkkinoiden vaatimuksien mukaiset maakohtaiset maksutavat ja verokannan hallinta.
- 100% digitaalinen asiointi mahdollistaen mikrokurssien maksaminen ja suorittamisen joko suoraan Edufication.com -verkkopalvelun omalla oppimisalustalla tai integroituna kolmannen osapuolen EdTech-alustaan.
- Käyttäjäkohtainen dashboard
- Käyttäjä näkee dashboardilla verkkopalvelun oman oppimisalustan kurssit, joihin käyttöoikeus.
- Linkit ulkopuolisilla oppimisalustoilla (esim. Claned) tuotettaviin, Eduficationista ostettuihin kursseihin.
- Digitaaliset sertifikaatit kurssien suorittamisesta.
Integraatiot
Verkkopalvelu tarjoaa kokonaisvaltaisen verkkokauppa- ja oppimisympäristön, joka integroitiin projektin aikana lisäksi EdTech-alan johtavan toimijan Clanedin monipuoliseen oppimisalustaan.
Verkkokauppa on integroitu Xamk:n käyttämään Visma Wintime -taloushallinon ohjelmistoon.
![](https://virnex.fi/wp-content/uploads/2023/08/virnex-case-edufication-2.jpg)
Meillä on kunnianhimoiset tavoitteet luoda palvelualusta, joka mahdollistaa yliopistojen ja muiden oppilaitosten, sekä yritysten välisen koulutusyhteistyön kehittämisen ja palveluiden kansainvälisen myynnin.
Saimme erinomaisen tarjouksen ja toteutuksesta vastannut tiimi on osoittanut olevansa ammattimainen kumppani, juuri sellainen kuin oli tavoitteenammekin löytää.
Pekka Pulkkinen, projektipäällikkö, Edufication.com / Xamk
Kun sain elokuussa 2021 tiedon yrityksemme valinnasta Edufication-projektin päävastuulliseksi toteuttajaksi, huusin kirjaimellisesti täyttä kurkkua. Projekti oli sen hetkisen historian ylivoimaisesti suurin, mutta olimme tehneet paljon työtä kyvykkyytemme kasvattamiseksi ja tiesin, että meillä on valmius ottaa haaste vastaa ja onnistua.
Olen erittäin ylpeä siitä miten ammattimaisesti meidän tiimi on toiminut tässä projektissa.
Manu Mesimäki, operatiivinen johtaja, Virnex Group