Kempeleen kunnan uudet verkkosivustot

Kempeleen kunta uusi kerralla kaikki keskeiset verkkopalvelunsa, kun kuntasivusto, matkailijoiden Visit Kempele ja henkilöstön intranet siirrettiin nykyaikaiselle WordPress-alustalle. Uudistuksen keskiössä olivat kuntalaisten parempi palveleminen, digitaalinen suvereniteetti sekä ratkaisu, joka tehosti kuntatiimin työskentelyä. Lopputuloksena syntyi visuaalisesti raikas, huippunopea ja ylläpitäjien arkea merkittävästi helpottava kokonaisuus.

Kempeleen uudistuksen teknisiä tuloksia

• +17 % parempi tekninen suorituskyky. Pisteet nousivat lukemaan 77/100. Tämä on tärkeä parannus, sillä hakukoneet suosivat nopeita ja teknisesti laadukkaita sivustoja.
• -39,1 % kevyempi sivusto. Kokonaiskoko (Total Page Size) pieneni keskimäärin 0,98 megatavusta 0,6 megatavuun, mikä näkyy suoraan latausaikojen nopeutumisena ja parantuneena saavutettavuutena.
• -54,6 % vähemmän palvelinpyyntöjä. Sivuston vaatimat latauspyynnöt yli puolittuivat, mikä vähentää palvelimen kuormitusta radikaalisti.
• -22,3 % kevyemmät kuvat. Kuvien keskimääräinen koko pieneni yli viidenneksellä, mikä säästää kaistaa ja nopeuttaa latautumista.

Kempeleen kunnalla tunnistettiin selkeä tarve digitaalisten palveluiden kokonaisvaltaiselle päivitykselle. Kuntalaiset odottavat yhä nopeampaa ja saumattomampaa tiedonsaantia ajankohtaisista asioista, tapahtumista ja sähköisistä asiointikanavista. Vanha julkaisujärjestelmä oli tullut elinkaarensa päähän, ja sisällöntuotanto koettiin kankeaksi.

Yksi suurimmista arjen haasteista liittyi Suomi.fi-palvelutietovarantoon (PTV), jonne kuntien on lakisääteisesti kuvattava palvelunsa.

”Meillä oli verkkosivuilla ja Palvelutietovarannossa kuvaukset samoista asioista, mikä teetti ylimääräistä työtä. Halusimme yhdenmukaistaa tämän niin, että kun PTV on kunnossa, saamme sitä kautta ajantasaisen sisällön suoraan näkyviin myös uudelle verkkosivustolle”, Kempeleen kunnan projektipäällikkö Pasi Takalo kertoo lähtökohdista.

Kunta halusi uudistaa verkkopalvelunsa avoimen lähdekoodin WordPress-alustalle. Tavoitteena oli luoda moderni ja rohkea digitaalinen verkkosivustokokonaisuus joka on helposti ylläpidettävä ja palvelee käyttäjiään moitteettomasti kaikilla laitteilla.

Kaikki palvelut saumattomasti samalle alustalle

Uudistuksessa aiemmin täysin erillään toiminut Visit Kempele -matkailusivusto tuotiin kiinteäksi osaksi kunnan julkista pääsivustoa yhtenäisen käyttäjäpolun varmistamiseksi. Vaikka matkailuosio sijaitsee teknisesti samalla kuntasivustolla, se erottuu selkeästi omana kokonaisuutenaan brändivärien ja räätälöidyn navigointinsa ansiosta.

Kokonaisuus toteutettiin multisite-ratkaisuna, joka pitää sisällään teknisesti kaksi erillistä sivustoa: julkisen pääsivuston ja henkilöstön intranetin. Sama tekninen pohja ja arkkitehtuuri helpottavat merkittävästi ylläpitäjien työtä sekä tekevät hallinnasta selkeää.

Käyttöliittymäsuunnittelussa panostettiin saavutettavuuteen, latausnopeuteen ja raikkaaseen ilmeeseen. Raskaiden ulkoisten fonttikirjastojen sijaan sivustolla hyödynnetään laitteiden omia järjestelmäfontteja. Elementtien koot ja välit toteutettiin dynaamisesti skaalautuvina, mikä takaa optimaalisen lukukokemuksen ruudun koosta riippumatta.

Suunnittelijamme oivalluksesta sivuston päänavigaatioon lisättiin ”Etsitkö näitä?” -pikalinkkivalikko. Se tarjoaa kuntalaisille oikotien useimmin haettuihin palveluihin, kuten Wilmaan tai koulujen ruokalistoihin, parantaen asioinnin sujuvuutta entisestään.

PTV-integraatio mullisti sisällöntuottajien työn

Projektin tekniseksi kruununjalokiveksi muodostui poikkeuksellisen joustava PTV-integraatio. Kuntakentällä PTV-tiedon hyödyntäminen on perinteisesti ollut jäykkää, mutta Kempeleen kohdalla rima asetettiin korkeammalle.

WordPress-editoriin kehitettiin edistyksellinen PTV-lohko. Sisällöntuottajat voivat sen avulla valita tarkasti, mitä yksittäisiä tietoja palvelusta tai asiointikanavasta näytetään – esimerkiksi pelkkä aukioloaika tai puhelinnumero. Tietojen esitysjärjestystä voi muuttaa vapaasti raahaamalla, ja asiointikanavia voi nimetä uudelleen sivuston kontekstiin paremmin istuviksi. Lisäksi PTV-dataa voi rikastaa sijoittamalla lohkojen väliin omia kuvia tai asettamalla PTV-tietoja haitarivalikkojen sisään.

Tiedot synkronoituvat rajapinnan kautta automaattisesti kerran vuorokaudessa. Tarvittaessa ylläpitäjä voi hakea tuoreimmat päivitykset manuaalisesti yhdellä napinpainalluksella.

”Henkilöt, jotka aiemmin ylläpitivät verkkosivuja, ovat siirtyneet päivittämään suoraan PTV:n sisältöä. Kun he tekevät muutokset sinne, tiedot päivittyvät automaattisesti sekä Suomi.fi-portaaliin että kunnan omille verkkosivuille. Työmäärällisesti olemme saaneet merkittävää helpotusta”, Pasi iloitsee.

Kotimaisuus ja tietoturva ytimessä

Kempeleelle oli tärkeää rakentaa kokonaisuus, joka on nopea, tietoturvallinen ja toimii suomalaisilla palvelimilla. Tämä tavoite täyttyi hyödyntämällä Seravon ylläpitämää WordPress-ympäristöä.

”Digitaalinen suvereniteetti on varsin ajankohtainen teema. Mietimme yhä enemmän, kannattaako tiedot pitää omissa käsissämme kotimaan rajojen sisäpuolella. Halusimme hyödyntää nimenomaan kotimaista osaamista”, projektipäällikkö taustoittaa valintaa.

Teknistä sujuvuutta tuotiin myös kunnan sisäiseen arkeen. Intranetin puolelle toteutettiin kertakirjautuminen (SSO) Microsoft-tunnuksilla, mikä tekee roolien ja käyttöoikeuksien hallinnasta turvallista ja helppoa. Lisäksi sivuston julkaisujärjestelmä valjastettiin ruokkimaan kunnan fyysisiä infonäyttöjä räätälöityjen RSS-syötteiden avulla.

Avoin keskusteluyhteys takasi aikataulussa pysymisen

Kunnianhimoinen tavoiteaikataulu vaati saumatonta yhteispeliä Kempeleen ja meidän välillä. Projekti vietiin läpi tiiviissä sprinteissä, joissa ratkaisuja ideoitiin ja jalostettiin yhdessä matkan varrella.

Onnistumisen edellytyksenä oli asiakkaan oma, vahva panostus projektinhallintaan sekä aito halu kuunnella teknisen kumppanin suosituksia.

”Puhuimme sisäisesti, että emme saa takertua liikaa pieniin yksityiskohtiin. Halusimme aidosti kuunnella asiantuntemustanne, ja teiltä tulikin hyviä esityksiä siitä, miten asioita kannattaa ratkaista. Päätökset saatiin tehtyä pääsääntöisesti heti palavereissa”, Kempeleeltä kiitellään.

Lopputuloksena syntyi palvelukokonaisuus, joka on kerännyt kiitosta niin henkilöstöltä kuin kuntalaisilta. Kempeleen uudet verkkosivut ovat loistava esimerkki siitä, miten rohkealla suunnittelulla ja edistyksellisillä teknisillä ratkaisuilla voidaan samanaikaisesti palvella loppukäyttäjää ja tehostaa kunnan omaa asiantuntijatyötä.

Tekniset tiedot ja keskeiset ominaisuudet

WordPress-arkkitehtuuri ja räätälöidyt ratkaisut

• Multisite-toteutus: Kokonaisuus rakennettiin multisite-arkkitehtuurilla, joka pitää sisällään teknisesti kaksi erillistä instanssia: julkisen pääsivuston (kempele.fi) ja henkilöstön intranetin.
• Sisäänrakennettu matkailuosio: Aiemmin täysin erillinen Visit Kempele toteutettiin tiiviiksi osaksi kuntasivustoa. Osiolla on oma visuaalinen ilmeensä ja navigaationsa, mikä yhtenäistää käyttökokemuksen pitäen taustahallinnan saumattomana.
• Fluid design ja suorituskykyoptimoitu teema: Täysin räätälöity ulkoasu, jossa typografia ja elementtien välit (spacing) skaalautuvat dynaamisesti kooditasolla. Raskaat ulkoiset fonttikirjastot korvattiin käyttöjärjestelmien omilla fonteilla (system fonts) latausnopeuden maksimoimiseksi.
• Räätälöidyt Gutenberg-lohkot: Sisällönhallintaan kehitettiin täysin omia lohkoja, joiden avulla monimutkaistakin ulkopuolista dataa (kuten PTV ja Kuntarekry) voidaan taittaa, suodattaa ja rikastaa visuaalisesti editorissa.
• Relevanssi-haku: Sivuston sisäinen haku toteutettiin Relevanssi-teknologialla, jolloin asiakas voi itse hienosäätää ja painottaa hakutulosten relevanssia suoraan ylläpidosta.
• Hosting: Tietoturvallinen ja nopeusoptimoitu kotimainen Seravo.

Integraatiot

• Suomi.fi Palvelutietovaranto (PTV) – API-synkronointi: Yksisuuntainen, mutta erittäin laajan ja monimuotoisen tietomassan jatkuva synkronointi. Koko kunnan palvelu- ja asiointikanavadata haetaan rajapinnan yli WordPressiin. Data parsitaan räätälöityihin WP-lohkoihin. Ylläpitäjä voi valikoida PTV-datasta yksittäisiä kenttiä, muuttaa niiden järjestystä editorissa ja rikastaa ulkopuolista dataa paikallisella sisällöllä (esim. kuvilla tai haitarivalikoilla).
• Microsoft Entra ID (SSO) – Tunnistautuminen ja käyttöoikeudet: Intranetin ja julkaisujärjestelmän taustalle toteutettu tunnistautumisintegraatio. Henkilöstö kirjautuu sisään organisaation omilla tunnuksilla (Single Sign-On). Integraatio on keskeinen osa palvelun turvallisuutta ja toimintalogiikkaa, sillä se mäppää käyttäjien roolit ja oikeudet automaattisesti suoraan kunnan hakemistopalvelusta.
• RSS-syötteet: Kuntarekryn avointen työpaikkojen tuominen sivustolle räätälöidyn lohkon avulla (data jäsennetään WP:n sisällä omaan ulkoasuun) sekä kunnan fyysisten infonäyttöjen (esim. kokoustilojen ovinäytöt) ruokkiminen WordPressin kautta räätälöidyillä syötteillä.