Turun verkkosivustot uudistettiin - Uusi turku.fi palvelee asukkaita uudenlaisella äänensävyllä, ilmeellä ja rakenteella.
Mikä kaikki uudistui?
Turun kaupungin mittavan verkkosivu-uudistuksen tuotoksena julkaistiin kaupungin emosivusto eli turku.fi sekä laaja joukko markkinoinnillisia erillissivustoja.
Uudistuksen osana Turun kaupungille on myös rakennettu Turku Design System -tyylikirjasto, joka helpottaa digitaalisten palveluiden kehittämistä jatkossa sekä luo palveluille yhtenäistä ilmettä.
Uudistuksessa keskeistä on palveluiden selkeämpi esittäminen ja asukkaiden toiveiden huomiointi.
Miksi sivustot uudistuivat?
- Haluamme, että turkulaiset löytävät palvelumme mahdollisimman helposti turku.fi-sivustolta, joka on mahdollisimman saavutettava ja selkeä.
- Annamme turkulaisille selkeämmän kokonaiskuvan tarjoamiemme palveluiden moninaisuudesta helposti silmäiltävässä muodossa.
- Sisältösivujen uudet ominaisuudet, kuten haitarit ja ankkurilinkit, nopeuttavat ja helpottavat yksittäisen sivun sisällä liikkumista.
- Olemme panostaneet myös digitaalisten asiointikanavien sekä palveluiden yhteystietojen löydettävyyteen.
- Turku.fi-sivuston tekstien äänensävyssä tärkeimpinä ohjenuorina olemme pitäneet selkeyttä ja saavutettavuutta.
Olemme tuoneet sisällön tähän päivään, ja se on aikaisempaan sivustoon verrattuna lyhyempää, selkeämpää ja suoremmin asukasta ohjaavaa.
Miten varmistimme, että sivusto on käytettävä?
Olemme kehityksen alkuvaiheista lähtien testanneet sivustoamme asukkailla, sisäisillä kohderyhmillä sekä erityisryhmillä seuraavasti:
- Syksyllä 2023 olimme mukana Selkeästi meille -hankkeen kognitiivisen saavutettavuuden työpajoissa ja -testauksissa.
- Keväällä 2024 toteutetun eri ikäryhmille suunnatun testauksen avulla saimme valittua parhaimmaksi koetun valikkorakenteen.
- Kesällä 2024 järjestimme pääkirjastolla asukastestauksen, jonka perusteella paransimme mobiiliversiota.
- Syksyllä 2024 testasimme beta.turku.fi-sivustoa yhdessä Kehitysvammatuki 57 ry:n kanssa ja paransimme sivuston otsikointeja ja toiminnallisuuksia.
Paras keino nähdä, että mikä toimii ja mikä vaatii kehittämistä, on kysyä suoraan asukkailta ja erityisryhmiltä.
Iso ja lämmin kiitos meidän kaikille testaajille!
Voiko sivuston haku ikinä toimia?
Yksi osa uudistusprojektia oli myös sivuston sisäisen haun uudistaminen. Turku.fin uutena hakumoottorina toimii Cludo, joka on otettu vasta käyttöön. Cludo oppii ennustamaan vierailijoiden käyttäytymistä ja ohjaamaan vierailijoita tarkasti AI-vetoisen haun avulla. Älykäs hakutoiminto oppii ja kehittyy.
Kehitämme Cludo-hakua jatkuvasti, jotta hausta saataisiin käyttäjälähtöisempi ja hakuosumat ovat räätälöidympiä.
Miksi ulkoasukin uudistui?
Kuten huomaat, uusi turku.fi-sivusto näyttää erilaiselta kuin aikaisempi sivusto. Muutoksia löydät niin värimaailmasta, fonteista, muotokielestä, kuin kuvituksestakin.
Käyttämämme kirjaintyyppi Roboto on selkeä ja se latautuu verkkosivuilla nopeasti . Ikonien avulla haluamme puolestaan parantaa sisältöjen hahmottamista ja ryhmittämistä.
Uudella sivustolla näet siellä täällä valokuvien lisäksi värikkäitä graafisia kuvituksia, jotka toistuvat Turun kaupungin brändiväreissä.
Turku.fi-sivustolle suunnitellut, saavutettaviksi testatut visuaaliset elementit ja käyttöliittymäkomponentit olemme koonneet kaikille avoimeen tyylikirjastoon, Turku Design Systemiin.
Sivuston visuaalisilla ratkaisuilla on haluttu ensisijaisesti tukea käytettävyyttä. Uusi visuaalinen ulkoasu ilmentää myös turkulaisuutta ja tulevaa Turku 800 -juhlavuotta.
Mikä ihmeen Design System?
No, kannattaa käydä siellä itse tutustumassa! Turku Design System eli Turun kaupungin tyylikirjasto toimii osoitteessa design.turku.fi.
Loimme Turku Design Systemin osana Turun verkkosivu-uudistusprojektia, jotta saisimme kaikki projektissa luodut komponentit ja tyylimääritykset kustannustehokkaasti hyötykäyttöön sekä kirjoittamisen ja sisällöntuotannon ohjeet kätevästi yhteen paikkaan.
Turku Design Systemiin kokosimme kattavan visuaalisen ohjeiston Turun graafisesta ilmeestä sisältäen Turku800-juhlavuoden aineistoja. Teknisille kumppaneillemme Design System sisältää komponenttiosion, jossa on suoraan hyödynnettäviä saavutettavia elementtejä.
Entäs ne kaikki muut sivustot?
Verkkosivu-uudistus sisältää turku.fi-uudistuksen lisäksi laajan joukon markkinoinnillisten WordPress-alustalla toimivien erillissivustojen julkaisuja.
Uusi www.tai.fi-sivusto yhdistää Turun ammatti-instituutin, Turun oppisopimustoimiston ja Laivahostel S/S Boren sivut. Museoiden verkkosivuilta puolestaan on pitkään toivottu houkuttelevaa visuaalisuutta sekä tärkeiden tietojen, kuten aukioloaikojen ja ajankohtaisten tapahtumien, selkeämpää näkyvyyttä.
Oman WordPress-multisiten avulla voimme räätälöidä sivustot entistä paremmin kunkin museon tarpeisiin
Tutustu jo julkaistuihin sivustoihin:
Mitä on vielä luvassa?
Turku.fi-sivuston kehitys sekä sisällön ja kieliversioiden täydentäminen jatkuu läpi vuoden 2025. Päivitämme samalla hakukoneen käytettävyyttä.
Asukastestauksissa käyttäjiltä nousi selkeänä toiveena kaupungin päätöksenteossa olevien asioiden selkeämpi esittäminen. Kaupunki on tarttunut tähän toiveeseen kehittämällä omana projektinaan kaupungin päätöksenteossa syntyvien esityslistojen ja pöytäkirjojen ah.turku.fi-alisivustoa. Sivusto valmistuu kevään 2025 aikana.
Ah.turku.fi on monin tavoin vanhanaikainen ja hankalakäyttöinen, joten sen saavutettavuuteen ja yleiseen käytettävyyteen on luvassa monia parannuksia.
Vuoden 2025 aikana uudistamme vielä ainakin seuraavat erillissivustot: Turun Tiedepuisto, Opiskelijakaupunki Turku, Joulukaupunki Turku, Turun päivä, Turun Eurooppatoimisto, Turun seudun jätehuolto ja Turun Filharmoninen orkesteri.
- Julkaisemme uuden turku.fi-sivuston virallisesti alkuvuodesta 2025.
- Aloitimme verkkosivuston uudistusprojektin keväällä 2023.
- Päivitimme turku.fin järjestelmän nykyisestä Drupal7:stä Drupal10-versioon.
- Uudistimme turku.fin lisäksi kaupungin erillissivustot WordPress-ympäristöön.
- Loimme ja julkaisimme tyylikirjaston eli Turku Design Systemin.
- Turku.fi-verkkosivuston suunnittelusta ja toteutuksesta vastaa Drupal-kumppanimme Wunder Finland Oy.
- Erillissivustot WordPress-alustalla tuottaa Siili Solutions Oyj ja pienempien oppilaitosten sivustot Turun kaupungin opetuksen verkkopalvelut.
- Turku.fi-sivusto uudistui viimeksi vuosina 1996, 2006 ja 2015.