400-vuotiaan Kokkolan kaupungin verkkosivustouudistuksen kärkinä asukaslähtöisyys, käytettävyys, tiedon löydettävyys ja saavutettavuus

Toteutimme Kokkolan kaupungin verkkosivustouudistuksen WordPress-julkaisujärjestelmään. Uudistetun, alkuvuodesta 2021 julkaistun kaupunkisivuston ilme perustuu Kokkolan kaupungin uuteen brändiin, ja sivusto heijastelee kaupungin strategian linjauksia, joissa korostuvat asukaslähtöisyys, palvelukehitys ja digitaalisuus. Sivustolla on kiinnitetty erityistä huomiota saavutettavuuteen, selkeyteen, sivujen käytettävyyteen, tiedon löydettävyyteen sekä sivuston sujuvaan mobiilikäyttöön. Kaupungin verkkosivujen ohella myös Kokkolan Matkailun visitkokkola.fi-sivusto uudistettiin. Se toteutettiin erillissivustona samaan WordPress Multisite -ympäristöön kokkola.fi-sivuston kanssa.

Sisältö

  1. Kokkola – Pohjanlahden rannikon helmi
  2. Lähtökohta sivustouudistukselle
  3. Verkkosivustouudistuksen tavoitteet
  4. Kokkola.fi-WordPress -toteutuksessa kaupungin palvelut selkeästi esillä
  5. Erillissivustolla on erityinen tehtävä
  6. Sivuston helppo hallinta helpottaa sisällöntuottajien työtä
  7. Tieto löytyy helposti sivustohaulla
  8. WordPress-toteutus kerää kiitosta käyttäjiltä ja sivuston ylläpitäjiltä
  9. Poikkeusolojen vaikutukset sivustouudistusprojektiin
  10. Jatkokehityksen rooli sivustouudistuksessa
  11. Palaute uusista kaupunkisivuista ilahduttaa Kokkolassa
  12. Kiitos North Patrol

 

Kokkola – Pohjanlahden rannikon helmi

Kokkola on noin 47 200 asukkaan kaksikielinen kaupunki, joka sijaitsee Keski-Pohjanmaalla, Pohjanlahden rannalla. Kokkola syntyi merenkulun ja kaupan kaupungiksi, ja kaupungin perusti Kustaa II Aadolf 7. syyskuuta 1620. Kaupungin 400-vuotisjuhlavuotta juhlistavat sopivasti myös uudet kokkola.fi-verkkosivut.

Nykypäivän Kokkola on moderni, kehittyvä ja elinvoimainen maakuntakeskus, jonka elinkeinoelämän perusta on kansainvälinen suurteollisuus. Matkailijalle Kokkola tarjoaa paljon nähtävyyksiä ja tekemistä – kulttuurinnälkäisiä matkailijoita houkuttelevat vanhakaupunki Neristan, Tankarin majakkasaari, Toivosen Eläinpuisto ja monet muut kohteet.

Lähtökohta sivustouudistukselle

Kokkolan kaupungin verkkosivusto on keskeisessä roolissa kaupungin palveluiden saatavuudessa. Kokkola- ja Visit Kokkola -sivustot vaikuttavat merkittävästi siihen, millaisen imagon Kokkola saa kuntalaisia palvelevana asuin- ja vierailupaikkana.

Alkusysäyksen Kokkolan kaupungin verkkosivustouudistukselle antoi vanhojen verkkosivujen yli 10 vuotta käytössä ollut julkaisujärjestelmä, jonka ylläpito oli päättymässä. Verkkosivu-uudistus tuli ajankohtaiseksi myös siksi, että Kokkolan kaupunki halusi saada tulevaisuuden tarpeisiin ja vaatimuksiin vastaavan verkkosivuston niin käyttäjän kuin ylläpitäjänkin näkökulmista. Kaupungin brändiuudistus ja julkisen sektorin toimijoita velvoittavat EU:n saavutettavuusdirektiivin mukaiset verkkosivustojen saavutettavuusvaatimukset vaikuttivat omalta osaltaan verkkosivu-uudistuksen ajoitukseen.

Verkkosivustouudistus käynnistyi North Patrolin mallikkaasti ja laadukkaasti toteuttamalla konseptoinnilla ja vaatimusmäärittelyllä. Geniem valittiin toteuttamaan sivustouudistus kilpailutuksen perusteella.

Verkkosivustouudistuksen tavoitteet

– Tavoitteena oli rakentaa uudet kaupunkisivut kustannustehokkaalla, helppokäyttöisellä ja nykyaikaisella julkaisujärjestelmällä. Tärkeitä huomioitavia asioita uudistuksessa ovat olleet erityisesti mobiilikäytön helppous ja sivujen saavutettavuus – unohtamatta Kokkolan kaupungin uutta brändiä, joka on huomioitu sivuston visuaalisessa suunnittelussa. Ehdottomana vaatimuksena oli myös se, että julkaisujärjestelmällä voi helposti luoda erillissivustoja. Kokkolan kaupungilla ensisijainen tarve oli Kokkola-sivuston lisäksi matkailun VisitKokkola-sivustolle., kertoo Kokkolan kaupungin IT-suunnittelija Jaana Niskanen.

Kokkolan kaupungin verkkosivustouudistuksessa toteutettiin kokonaisuus, jolla kaupungin eri sisällöntuottajien on joustavaa luoda tarvittavat sivut ja ylläpitää niiden sisältöjä.

Top 8 tärkeintä osa-aluetta, joihin sivustouudistuksessa erityisesti paneuduttiin:

  1. Vaivaton ja helppo käyttökokemus. Sivuston ja sen rakenteen tulee olla selkeä, jotta sivustoa voi käyttää intuitiivisesti. Kuntalaisten on pystyttävä hahmottamaan tarjolla olevat palvelut ja löytämään etsimänsä tiedot oman tiedontarpeensa mukaisesti.
  2. Helppokäyttöinen julkaisutyökalu. Sisällöntuotannon ja sivustojen päivittämisen tulee sujua helposti, riittävän nopeasti ja vaivattomasti. Ylläpitotoiminnallisuuksien oppiminen tapahtuu yksinkertaisen koulutusprosessin myötä. Helppo ylläpito edesauttaa sitä, että sisältö on ajanmukaista ja tuoretta. WordPress-julkaisujärjestelmä on tähän tarkoitukseen helppokäyttöinen ja helposti opittava järjestelmä.
  3. Visuaalinen miellyttävyys niin, että verkkosivustojen ulkoasut ovat sukunäköisiä sivustojen kesken, mutta erottuvuuteen ja persoonallisuuteen panostetaan graafisin ja typografisin keinoin.
  4. Mobiilikäytön huomioiminen. Responsiivinen taitto eri selainleveyksiin ja erityisen huomion kiinnittäminen käytettävyyteen eri kosketusnäytöllisillä laitteilla.
  5. Saavutettavuus. Tietosisällöt löydettävissä ja selailtavissa sekä toiminnallisuudet käytettävissä myös näkövammaisten ruudunlukuohjelmilla, näppäinkomennoilla ja tekstipohjaisilla selaimilla. EU:n saavutettavuusdirektiivin mukainen toteutus.
  6. Erillistarpeisiin varautuminen. Verkkojulkaisemiseen tarvittavia erillissivustoja oli pystyttävä tuottamaan kustannustehokkaasti ja nopeasti. WordPressin Multisite -toteutus soveltuu tähän erittäin hyvin.
  7. Sivuston tekninen vakaus ja joustavuus. Valitaan järjestelmäratkaisu, joka on vakaa, toimiva, yleisesti käytössä oleva ja joka mahdollistaa hallitun, skaalautuvan sovelluskehityksen erilaisten yhteistyökumppanien kanssa
  8. Kustannussäästöt palvelujen rakentamiskustannuksissa, päivittämistyössä, lisenssikustannuksissa, käyttöpalveluiden kustannuksissa ja pienkehityksessä. WordPress katsottiin tässä mielessä kustannustehokkaimmaksi valinnaksi.

– Mielestämme olemme saavuttaneet asetut tavoitteet erittäin hyvin. Kokkolan kaupungin uudet verkkosivut ovat helppokäyttöiset, saavutettavat ja mobiilikäytössä joustavat. Kaupungin brändiä sivuilla ilmentävät mm. herkullisten värien käyttö ja ympyrämuodon esiintyminen elementeissä., kiittää Jaana Niskanen.

Kokkola.fi-WordPress -toteutuksessa kaupungin palvelut selkeästi esillä

 

Kokkola.fi-WordPress -toteutuksessa kaupungin palvelut selkeästi esillä
Kokkolan kaupungin WordPress-verkkosivustouudistuksen kärkenä asukaslähtöisyys.

Uusi kokkola.fi-sivusto suunnataan erityisesti kokkolalaisille ja Geniemin toteuttamassa verkkosivustouudistuksessa korostetaan kaupungin asukkailleen tarjoamia palveluita. Palvelut on järjestetty selkeiksi kokonaisuuksiksi aihealueittain koontisivuiksi eli yhteenvetosivuiksi, jotka esittelevät lyhyesti ja helposti silmäiltävällä tavalla, millaisia aihealueita, teemoja tai palvelukokonaisuuksia kuhunkin osioon sisältyy.

Sähköisen asioinnin mahdollisuudet on yksittäisillä sivuilla nostettu näkyvästi esiin. Lisäksi sähköiset asiointipalvelut on koottu Asioi verkosta – eKokkola -osioon, johon on pääsy jokaiselta sivulta ylätunnisteesta. Ajankohtaisia tiedotteita esitetään sivustolla aihealueittain eri osioiden koonti- ja sisältösivulla. Käytössä on lisäksi tiedotearkisto, jossa sivujen käyttäjät voivat suodattaa tiedotteita mm. aihealueittain tai vaikkapa avainsanoittain.

Erillissivustolla on erityinen tehtävä

Kokkola.fi-verkkosivusto kattaa kaupungin eri toiminnot ja samassa julkaisujärjestelmässä, mutta erillissivustona, on matkailun Visit Kokkola -sivusto. Visit Kokkola -sivustoon yhdistettiin myös Tankar-majakkasaaren-, Kokous-Kokkola- ja Snellman Sali -sivustot. WordPress-alustalle toteutettu sivusto mahdollistaa monia toimintoja, joilla voidaan parantaa mielenkiintoisten kohteiden löydettävyyttä matkailijoille.

Uuden sivuston myötä visitkokkola.fi -sivustolla voidaan myös entistä paremmin tuoda esiin yritysten ja yhteistyökumppaneiden tarjontaa. Myös kokkola.fi -sivusto palvelee matkailijoita, koska he hyödyntävät myös paljon kaupungin palveluita, kuten Uintikeskus VesiVeijarin ja K.H. Renlundin museon sivuja. Omia, pieniä erillissivustojaan voivat saada jatkossa myös esimerkiksi erilaiset hankkeet ja kampanjat.

Sivuston helppo hallinta helpottaa sisällöntuottajien työtä

Kokkola.fi- ja visitkokkola.fi -sivustojen toteutus WordPress Multisitena mahdollistaa mm. sen, että molempia sivustoja pääsee hallinnoimaan yhden kirjautumisen takaa. Kirjautumista varten toteutettiin integraatio Kokkolan kaupungin Azure AD -järjestelmään, joten sisällöntuottajat ja ylläpitäjät pääsevät kirjautumaan WordPressin hallintaan omilla AD-tunnuksillaan.

Kokkola.fi-sivuston yhteyshenkilöiden ja toimipaikkojen tiedot tuodaan sivustolle kaupungin Fonecta Totaali -järjestelmästä. Tällöin näitä tietoja hallitaan ja päivitetään vain yhden järjestelmän kautta. Toimipisteiden sijainnin saa avattua Trimble-karttanäkymään. Kokkolan tapahtumatiedot tuodaan erilliseltä tapahtumasivustolta, joka on toteutettu Eventz.today -järjestelmällä (nykyiseltä nimeltään Townbase).

Tieto löytyy helposti sivustohaulla

Kokkola.fi-sivustolla on sivustohaku sekä erillinen yhteystietojen hakemisto. Sivustohaku ulottuu kaikkiin saman multisiten sivustoihin, eli tällä hetkellä kokkola.fi-sivuston lisäksi visitkokkola.fi-sivustoon. Kävijä löytää siis saman hakutoiminnon kautta laajemmin tietoa ja hakutulokset on jaoteltu selkeästi sivustokohtaisesti omille välilehdilleen. Ennakoiva haku ehdottaa kävijälle hakutuloksia ja hakutoiminto kohdistuu myös sivustolla jaettuihin tiedostoihin. Sisällöntuottajat voivat parantaa sisällön löydettävyyttä haulla asettamalla sisältöihin hakusanoja, jotka hakutoiminto huomioi.

Sivuston käytettävyyttä parannettiin ReadSpeaker-työkalun avulla, joka mahdollistaa sisällön kuuntelemisen.

WordPress-toteutus kerää kiitosta käyttäjiltä ja sivuston ylläpitäjiltä

Valitulla WordPress-julkaisujärjestelmällä haettiin helppokäyttöisyyttä niin käyttäjien kuin sivuston ylläpitäjienkin näkökulmasta. Verkkosivujen ylläpito on kaupunkiorganisaatiossa hajautettu eri vastuualueille ja sivuston ylläpidosta vastaa tällä hetkellä lähes 120 päivittäjää muiden työtehtäviensä ohella. Tästä syystä on tärkeää, että verkkosivuston päivittäminen sujuu mahdollisimman vaivattomasti. Helppo ylläpito edesauttaa sitä, että sisältö on ajanmukaista ja tuoretta.

Uudella kokkola.fi-sivustolla asioita tiivistettiin ja turhaa tietoa poistettiin. Osittain tästä syystä päivittäjämäärämme pieneni ja se olikin yksi tavoitteemme. WordPress on järjestelmänä joustava ja mahdollistaa sivujen tekemisen monipuolisesti. Päivittäjämme ovat olleet innoissaan ja selvästikin motivoituneita sivujen päivittämiseen. Tämä on meille tärkeää, koska päivitystyötä tehdään muiden töiden ohella. WordPress on helppokäyttöinen ja monelta päivittäjältämme olemme saaneet kuulla, kuinka kivaa on päivittää verkkosivuja!, kertoo Jaana Niskanen tyytyväisenä.

Poikkeusolojen vaikutukset sivustouudistusprojektiin

Uusi kokkola.fi -verkkosivusto julkaistiin sovitussa aikataulussa huolimatta koronan luomista poikkeusoloista. Syinä aikataulussa pysymiseen olivat mm. tiivis yhteydenpito asiakkaaseen sekä joustavuus puolin ja toisin. Tärkeää oli myös kysyä ja tuoda esille pieninkin asia, joka mietitytti.

– Koronatilanne aiheutti jonkin verran lisätöitä käyttöönoton aikana. Kaikki koulutukset pidettiin etäkoulutuksina. Näiden lisäksi pidimme myös useita pienimuotoisia työpajoja, koska ainakin osalle käyttäjiä täysin uuden ja erilaisen järjestelmän käyttöönotto tuntui olevan haastavaa pelkällä etäkoulutuksella. Lisäksi olemme käyttäneet paljon aikaa testaukseen ja päivittäjien ohjeistamiseen. Oman lisätyönsä käyttöönotossa ovat aiheuttaneet integraatiot Fonecta Totaaliin ja Azureen., kertoo Jaana Niskanen.

Jatkokehityksen rooli sivustouudistuksessa

Kokkola.fi -sivustosta julkaistiin ensin kieliversiot sekä suomeksi että ruotsiksi. Myöhemmin valmistui vielä tiiviimpi englanninkielinen versio sivustosta. Verkkosivuston sisältöjen täydentäminen ja viimeistely jatkuvat julkaisun jälkeenkin. Esimerkiksi tiedotelistaukset täydentyvät sitä mukaa, kun ajankohtaisia tiedotteita julkaistaan. Sivuston kehitystyö ja sisältöjen päivitys puolestaan ovat jatkuvaa toimintaa.

Palaute uusista kaupunkisivuista ilahduttaa Kokkolassa

– Olemme saaneet uusista sivuista lähestulkoon pelkästään positiivista palautetta. On kehuttu sivujen ulkoasua ja loogisuutta. Palautteissa toistuu sama asia, että sivut on yksinkertaisesti hienot!”, ilahtuu Jaana Niskanen.

Kokkolan kaupunki kerää sivuston käyttäjiltä kommentteja ja palautetta, ja saatuja vastauksia hyödynnetään verkkosivujen jatkokehityksessä. Verkkosivujen kehittämisessä hyödynnetään myös kävijäseurantaa sekä käyttäjäpalautteita, ja niihin reagoidaan tarpeen mukaan.

– Vuoden intensiivisen työn jälkeen olo on kuin voittajalla. Näinkin pitkä projekti, missä ollaan viikoittain tekemisessä, on ollut todella mukava tehdä Geniemin mutkattomien ja rentojen ihmisten kanssa. Palavereissa on ollut hyvinkin kotoisa olo. Korona toi tähän kaikkeen mukaan kaikille uusia työpajoja, mutta niihin tottui hyvinkin äkkiä. Olemme erittäin tyytyväisiä lopputulokseen; siihen miltä sivut näyttävät ja miten ne toimivat.”, kiteyttää Kokkolan kaupungin IT-suunnittelija Minna Juola sivustouudistusprojektin.

Kiitos North Patrol

Lämmin kiitos North Patrolille Kokkolan kaupungin sivustouudistushankkeen hyvästä ja tarkasta konseptoinnista sekä ratkaisukuvauksesta, joiden myötä Geniemilä oli selkeä ja hyvä kuva siitä, mitä verkkosivu-uudistuksessa tullaan tekemään ja mitä siltä odotetaan. Lue North Patrolin artikkeli Kokkolan sivustouudistuksesta. 

Tutustu Kokkolan kaupungin uudistettuun verkkosivustoon!

– Työskentely Geniemin kanssa on ollut tiivistä ja antoisaa. Epäselvissä asioissa olemme saaneet vastauksia todella nopeasti ja tarvittaessa olemme voineet ottaa lyhyelläkin varoajalla etäyhteyden toisiimme. Projektin johtaminen on tapahtunut hyvällä otteella niin, että aikataulut ovat pitäneet ja sovituista asioista on pidetty kiinni., kiittää Jaana Niskanen.

Onko mielessäsi laaja sivustouudistus?

Kerro meille tilanteestasi, niin annamme parhaat vinkkimme siihen, miten onnistut verkkosivustouudistuksessa. Suunnittelemme ja toteutamme WordPress-verkkopalveluita yli kymmenen vuoden kokemuksella.

Ota yhteyttä, jutellaan!

Luitko jo nämä?

Reka Kaapeli Oy

Reka.fi-verkkosivustouudistuksessa vaihdettiin julkaisujärjestelmä Drupalista WordPressiin

Tutustu projektiin

Sylva ry.

Sylvan uusi verkkopalvelu on nopea ja kohderyhmiään paremmin palveleva

Tutustu projektiin
Nuorten.helsinki-palvelun etusivun näkymää

Nuorten Helsinki

Uusi nuorten.helsinki-sivusto on nuorille helsinkiläisille relevantin tiedon kokoava verkkopalvelu

Tutustu projektiin

Mitä voisimme tehdä sinua varten?

Tietosuojaseloste*

Ota yhteyttä

Petri Siltala

Sales Manager

Ota yhteyttä Petriin, kun haluat kuulla lisää verkkosivustototeutuksistamme tai kun haluat perustaa verkkokaupan. Pyydä Petriltä tarjous uuden verkkopalvelun suunnittelusta ja toteutuksesta.

041 506 2462