STTK:n verkkosivu-uudistus

Tausta

STTK on poliittisesti sitoutumaton ja moniarvoinen koulutettujen ammattilaisten keskusjärjestö, johon kuuluu 12 jäsenliittoa ja noin 400 000 jäsentä. STTK:n tavoitteena on menestyvä Suomi, jossa yhteistyöllä rakennetaan maailman parasta työelämää ja hyvinvointia. Verkkosivustolla on tärkeä rooli järjestön viestinnässä ja vaikuttamistyössä.

Sivusto toimi teknisesti edelleen hyvin, mutta oli visuaalisesti vanhentunut, ja saavutettavuudessa sekä sisällön löydettävyydessä oli parannettavaa. Projektin tavoitteena oli päivittää taustajärjestelmä ajan tasalle, raikastaa visuaalinen ilme, parantaa saavutettavuutta sekä kehittää käyttäjäkokemusta erityisesti sisältöjen löydettävyyden osalta.

Toteutus

STTK:n verkkosivu-uudistus toteutettiin Avoin.Systemsin, Keskiö Design Agencyn ja asiakkaan yhteistyönä. Projektissa käytiin läpi palvelumuotoilutyöpajoissa sekä käyttäjien tarpeet että STTK:n omat tavoitteet.

Sivustouudistus sisälsi seuraavat keskeiset osa-alueet:

• WordPressin ja lisäosien päivitys
• Ylimääräisten lisäosien poistaminen
• Visuaalisen ilmeen raikastus
• Fonttien ja värien keventäminen saavutettavuusohjeistuksen mukaisesti
• Accessibility Checker -lisäosan käyttöönotto
• Megavalikon uudistus tyoelamaan.fi -sivuston mallin mukaan
• Etusivun ja tärkeimpien sisältösivujen uudelleenrakentaminen
• Mediapankin (materiaalipankin) löydettävyyden ja käytettävyyden parantaminen
• Sivun ylläpidettävyyden kehittäminen lohkosisällöillä ja muokattavuuksilla

Hyödyt

Sivustouudistuksen myötä STTK:n verkkosivu on nyt visuaalisesti kevyempi, selkeämpi ja saavutettavampi. Uudistettu ilme tukee järjestön viestintää ja erottaa sen selkeämmin muista alan toimijoista. Sivuston tärkeät ydinviestit, kuten STTK:n missio, terävöitettiin ja tuotiin entistä näkyvämmin esiin.

Käyttökokemus on parantunut erityisesti loppukäyttäjien näkökulmasta: klikkauksia vähennettiin, ja sisältöihin pääsee nyt käsiksi nopeammin. Mediapankki uudistettiin täysin – sen uusi hakutoiminto ja suodattimet (esim. asiasanat, sisältötyypit) tekevät materiaalien löytämisestä sujuvaa myös median ja sidosryhmien tarpeisiin.

Sivuston ylläpito on helpottunut merkittävästi. Ylläpitäjille tarjottiin selkeämpi lohkopohjainen sisältörakenne ja uusia muokattavia ominaisuuksia, kuten mahdollisuus säätää elementtien pyöristyksiä ja muita visuaalisia yksityiskohtia helposti ilman koodausta.

Saavutettavuudessa otettiin harppaus eteenpäin: visuaaliset kontrastit, fontit ja elementtien rakenne suunniteltiin WCAG 2.1 -standardin mukaisesti. Lisäksi käyttöön otettiin Accessibility Checker -lisäosa, jonka avulla saavutettavuuden ylläpito onnistuu myös jatkossa.

Jatkokehitys

Projektin jälkeen STTK jatkaa verkkosivustonsa ylläpitoa ja kehittämistä itsenäisesti. Sivusto on rakennettu kevyesti ja järkevästi: käytössä on mahdollisimman vähän lisäosia ja mahdollisimman paljon WordPressin omaa perustoiminnallisuutta, mikä varmistaa pitkän aikavälin skaalautuvuuden ja huolettoman ylläpidon.

Verkkosivu-uudistus vahvisti STTK:n kykyä viestiä selkeästi ja vaikuttavasti tärkeistä työelämäteemoista – ja tarjota tietoa käyttäjille helpommin ja saavutettavammin kuin koskaan aiemmin.