Kokkolan kaupunki – verkkosivustouudistus

Toimiston ilmoittama referenssi

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu

Kokkolan 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ä mobiilikäytettävyyteen. Samalla myös Kokkolan Matkailun visitkokkola.fi-sivusto uudistettiin. Se toteutettiin erillissivustona samaan WordPress Multisite -ympäristöön kokkola.fi-sivuston kanssa.

Lähtökohdan 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, koska 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.

Verkkosivustouudistuksen tavoitteet

Tavoitteena oli rakentaa uudet kaupunkisivut kustannustehokkaalla, helppokäyttöisellä ja nykyaikaisella julkaisujärjestelmällä. Ehdottomana vaatimuksena oli myös se, että julkaisujärjestelmällä voi helposti luoda erillissivustoja.

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

  • Vaivaton ja helppo käyttökokemus.
  • Helppokäyttöinen julkaisutyökalu.
  • Visuaalinen miellyttävyys niin, että verkkosivustojen ulkoasut ovat sukunäköisiä sivustojen kesken, mutta erottuvuuteen ja persoonallisuuteen panostetaan graafisin ja typografisin keinoin.
  • Mobiilikäytön huomioiminen.
  • Saavutettavuus: EU:n saavutettavuusdirektiivin mukainen toteutus.
  • Erillistarpeisiin varautuminen: verkkojulkaisemiseen tarvittavia erillissivustoja on pystyttävä tuottamaan kustannustehokkaasti ja nopeasti, ja WordPressin Multisite -toteutus soveltuu tähän erittäin hyvin.
  • Sivuston tekninen vakaus ja joustavuus.
  • Kustannussäästöt.

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

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. WordPress-alustalle toteutettu sivusto mahdollistaa monia toimintoja, joilla voidaan parantaa mielenkiintoisten kohteiden löydettävyyttä matkailijoille.

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.

Hakutoiminnallisuuksiin otettiin käyttöön myös Voikko -oikoluku- ja tavutusohjelmisto. 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.

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.

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.

[Toim. huom. Referenssi on alunperin julkaistu Geniemin nimissä. Geniem tunnetaan nykyisin Hion-nimellä.]


Sinua voisi kiinnostaa myös

FC Inter Turku – verkkosivustokokonaisuuden uudistus

Tekijä: G-Works

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Lähtötilanne ja tavoitteet projektille FC Inter, yksi Veikkausliigan perinteikkäimmistä ja menestyneimmistä seuroista, pyysi G-Worksilta apua verkkosivustonsa uudistamiseksi. Heidän tavoitteensa oli päivittää sivusto, joka ei enää vastannut seuran tarpeita eikä strategiaa. Sivuston kehittämiskohteina olivat visuaalisuus, teknologia sekä sisältörakenne ja sisällön esitystapa. Pelistrategia suunnittelutyön pohjaksi Projektin alkaessa oli ensisijaisen tärkeää luoda tarkka pelistrategia. Workshopissa G-Works ja FC […] Lue lisää

Veripalvelun uusi verkkopalvelu

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Järjestön verkkopalvelu

Koko Suomen verihuollosta huolehtivan Veripalvelun sivusto palvelee nyt paremmin verenluovutuksen päähenkilöä – eli luovuttajaa. Uudistuksen myötä akuutista veren tarpeesta, kriisitilanteista ja luovutuspaikoista on nyt helpompi viestiä. Mikä on Veripalvelun tärkein tehtävä? Vastata siitä, että kaikki potilaat saavat tarvitsemansa verivalmisteet. Siksi Veripalvelun sivuston pitää puhutella yksittäistä verenluovutusta harkitsevaa ihmistä, tarjota ajankohtaista tietoa veren tarpeesta sekä kertoa, […] Lue lisää

MutkatonKoti-verkkopalvelu

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Joulukuussa 2021 julkaistu LähiTapiolan MutkatonKoti -verkkopalvelun suunnittelussa on keskitytty mahdollisimman miellyttävään käyttökokemukseen. Geniemin suunnittelemaan ja toteuttamaan verkkopalveluun tehtiin WordPressin ja eKoki-järjestelmän välinen integraatio, jonka kautta verkkopalveluun tuotavat kiinteistöjen ja asuntojen tiedot helpottavat mukavasti sisältöjen ylläpitotyötä. Palvelun tärkeimmät toiminnot, kuten asuntohaku, asuntojen listausnäkymät ja asuntohakemus, toimivat käyttäjälle johdonmukaisesti millä tahansa päätelaitteella ja käyttäjä pääsee käyttämään niitä […] Lue lisää

Turvaopas.fi

Tekijä: Virnex

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Palvelu taloyhtiöiden turvallisuuden parantamiseen Turvaopas.fi on innovatiivinen verkkopalvelu, joka on suunniteltu erityisesti taloyhtiöiden turvallisuuden parantamiseen. Vilkas muuttoliike ja uudet trendit, kuten Airbnb, on tullut jäädäkseen samalla kun vuokra-asumisen suosio kasvaa. Taloyhtiölle tämä tuo haasteita myös turvallisuuden näkökulmasta. Turvaopas tarjoaa ajantasaisen tiedon kaikille taloyhtiön asukkaille sekä heidän vieraille taloyhtiön turvaohjeista, sekä asukkaan omista velvollisuuksista. Palvelu tarjoaa […] Lue lisää

Kaksplus.fi

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Uutissivusto, verkkolehti tai blogi

Hion teki uudistetun Kaksplus.fi-sivuston teknisen toteutuksen Vuonna 1969 perustettu Kaksplus on Suomen vanhin vanhemmuuteen keskittynyt media. Brändillä on pitkä historia printissä ja jo yli 20 vuotta takana myös verkossa. Nykyään Kaksplus on olemassa vain digitaalisessa muodossa. Kaksplus.fi on kehittynyt vertaistukea vanhemmille tarjoavasta keskustelufoorumista, ja sittemmin myös Suomen ensimmäisestä perheblogiportaalista, mediaksi, joka tarjoaa tänä päivänä laadukasta […] Lue lisää

Suomen Kansallisooppera ja -baletin uusi verkkopalvelu

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 100 000 €

Projektin tyyppi: Verkkokauppa, Yrityksen sivusto kuluttajille

Suomen Kansallisooppera ja -baletti on lukeutunut jo vuosia teknologian ja taiteen yhdistämisen edelläkävijöihin. Tuore verkkopalvelu-uudistus luo tälle jatkumoa. Baletti-ilta kotisohvalla? Miksei. Uudistimme Suomen Kansallisoopperan ja -baletin verkkopalvelun, jonka lippukauppa, Stage24-suoratoistopalvelu ja runsaat sisällöt muodostavat nyt tulevaisuuteen katsovan digitaalisen kokonaisuuden. WordPress-pohjaisen oopperabaletti.fi-palvelun ylläpito on entistä helpompaa, ja käyttäjäkokemus parasta mitä kulttuurinnälkäinen voi toivoa. Case pähkinänkuoressa: • […] Lue lisää

Vierityspalkki-blogi

Julkaistu vuodesta 2006. Vierityspalkki on blogi kotimaisen internet-alan trendeistä, teknologioista ja alan toimistoista. Seuraa, niin tiedät miten ja kenen toimesta syntyvät parhaat verkkopalvelut, verkkokaupat ja räätälöidyt web-sovellukset.
Lisätietoa blogista ja sen lukijoista.

  • 1100+ asiantuntija-artikkelia.

    Toimitettua asiasisältöä kattavasti teknologioista ja web-alan ilmiöistä. Vierityspalkki nostaa esiin alan puheenaiheita ja tuoretta tutkimustietoa, osallistuu keskusteluun sekä haastattelee alan asiantuntijoita ja toimistoja.


    Kaikki artikkelit

  • 1300+ digipalvelun referenssicasea.

    Julkaisut-palsta tarjoaa näkyvyyttä kiinnostaville uusille verkkopalveluille ja web-sovelluksille, ja antaa asiakkaille mahdollisuuden arvioida eri toimistojen osaamista.


    Selaa toimistojen julkaisuja

  • 1000+ aktiivista lukijaa blogin kuukausikirjeellä.

    Kerran kuukaudessa ilmestyvä kuukausikirje koostaa julkaistut artikkelit, uudet julkaisut, avoimet työpaikat ja ajankohtaiset linkkivinkit.


    Tilaa uutiskirje

  • 31 kokenutta digitoimistoa

    on päässyt aina ajantasaiselle Toimistot-listalle. Lista on auttanut asiakkaita löytämään kokeneita digitoimistokumppaneita jo usean vuoden ajan. Lista keskittyy WordPress-osaajiin ja räätälöityjen web-sovellusten tekijöihin.


    Selaa Toimistot-listaa

Tilaa kuukausikirje

Kerran kuukaudessa ilmestyvä uutiskirje koostaa artikkelit, julkaisut, työpaikat ja linkkivinkit. Kirjeellä on jo yli 1000 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen – ihan oikeasti.

Siirry takaisin sivun alkuun