Asiakastarinat

Insinööriliitto IL ry

Insinööriliiton verkkopalvelu uudistui: jäsenpalvelut selkeämmin esiin ja sisällöntuotanto joustavammaksi


Mitä teimme

KehitysPalvelumuotoiluUX/UI-suunnitteluYlläpito

Insinööriliitto tunnetaan teknologia-alan ja insinöörien edunvalvojana, ja verkkopalvelu on tärkeä kanava niin jäsenpalveluille, viestinnälle kuin yhteiskunnalliselle vaikuttamisellekin.

Valu toteutti Insinööriliitolle edellisen verkkopalvelu-uudistuksen vuonna 2019. Kuuden vuoden aikana sekä käyttäjien odotukset että organisaation tarpeet olivat muuttuneet, joten oli aika ottaa seuraava askel verkkopalvelun kehittämisessä.

Lähtötilanne oli monin tavoin hyvä. Sisällöntuottajat kaipasivat lisää joustoa sisällöntuottamiseen sivustolla, mobiilikokemus alkoi jäädä jälkeen nykystandardeista ja jäsenpalveluiden kokonaisuuden esittäminen selkeästi oli muodostunut hankalaksi. Lisäksi strateginen painopiste oli muuttumassa: edunvalvontaa ja yhteiskunnallista vaikuttamista haluttiin tuoda vahvemmin esille.

Uudistukselle oli siis selkeä tavoite. Uusi perusta, joka kestää ja jota voi helposti kehittää muuttuvien tarpeiden pohjalta.

Insinööriliiton verkkopalvelu ei ole pelkkä viestintäkanava, vaan keskeinen osa jäsenkokemusta. Sivuston kautta jäsenet löytävät palvelut, tapahtumat, koulutukset ja edunvalvontaan liittyvän tiedon. Uudistuksen tavoitteena oli varmistaa, että nämä palvelut löytyvät helposti kaikilla päätelaitteilla ja että sisältöjä voidaan kehittää nopeasti muuttuvien tarpeiden mukaan.

Suunnittelu: lohkoista yhtenäinen kokonaisuus

Projekti käynnistyi palvelumuotoiluvaiheella, jossa määriteltiin verkkopalvelun rakenne ja sisältölogiikka. Navigaatiota selkeytettiin, palvelut ryhmiteltiin loogisemmin ja käyttäjäpolkuja kehitettiin palvelemaan sekä uusia kävijöitä että pitkäaikaisia jäseniä. Yhdessä määriteltiin myös tarvittavat sivumallit ja sisältölohkot.

Rakenteen pohjalta edettiin käyttöliittymä- ja visuaaliseen suunnitteluun. Uusi ilme on moderni ja selkeä, mutta jättää sisällölle riittävästi tilaa. Insinööriliitolla on paljon sisältöä, joten ulkoasun tuli tukea luettavuutta eikä kilpailla huomiosta sisällön kanssa.

.

Tekninen toteutus: moderni WordPress lohkoteemalla

Tekninen toteutus rakennettiin modernin WordPressin Full Site Editing -periaatteella. Lohkoteema mahdollistaa sisällöntuottajille huomattavasti enemmän vapautta kuin perinteiset toteutukset: sivujen rakennetta voidaan muokata, kampanjasivuja luoda ja erilaisia sisältökokonaisuuksia kokeilla ilman teknistä apua.

Toteutukseen sisältyi integraatioita:

  • OpenID Connect SSO -kirjautuminen vahvaa tunnistautumista varten
  • Lyyti-integraatio tapahtuma- ja koulutuskalenteriin

Yhteistyö ja projektin kulku

Projekti eteni suunnitelman mukaisesti. Aikataulusta sovittiin realistisesti jo tarjousvaiheessa, eikä projektin aikana tullut yllätyksiä.

Yhteinen viestintympäristö toimi viestinnän selkärankana, josta jokainen projektissa mukana ollut näki myös käytännössä toteutuksen etenemisen yksittäisinä kortteina. Tämä teki toteutuksesta läpinäkyvää ja helposti seurattavaa. Kun kortit ja keskustelut pysyivät samassa paikassa, kaikki osapuolet tiesivät jatkuvasti missä mennään.

”Projekti eteni hyvin tasaisesti, sovitusti aikataulussa, eikä yllätyksiä tullut. Tämä oli iso projekti talon sisällä, kun tähän liittyi paljon tekijöitä myös meidän puolelta, mutta kokonaisuus pysyi erittäin hyvin hallussa ja sisällönsyöttö oli sujuvaa.” – Satu Jaanu, IT-insinööri

Tulokset: selkeämpi kokonaisuus, enemmän itsenäisyyttä

Uuden sivuston käyttöönotto on tuonut konkreettisia muutoksia arkeen.

Päivittäminen on helpottunut merkittävästi. Sisällöntuottajat pystyvät tekemään enemmän itse, ja teknistä apua tarvitaan entistä vähemmän. Moderni WordPress antaa vapautta kokeilla, ja oppimiskäyrä on positiivinen: mitä enemmän lohkoilla ja lohkomalleilla tekee, sitä enemmän mahdollisuuksia löytyy.

Mobiilikokemus parani huomattavasti. Navigaatio toimii pienellä näytöllä sujuvasti ja sisältö on helpompi löytää. Näyttöpäätteestä riippumatta kokemus on nyt yhtenäinen.

Ehkä merkittävin muutos on kuitenkin jäsenpalveluiden selkeys. Palvelukokonaisuus hahmottuu nyt paremmin, ja edunvalvontatyön sekä yhteiskunnallisen vaikuttamisen nostaminen esille on vihdoin mahdollista myös verkossa.

”Kokonaisuus on varsin onnistunut.” – Satu Jaanu, IT-insinööri

Pitkäaikainen kumppanuus

Insinööriliitto on hyvä esimerkki siitä, mitä pitkäjänteinen yhteistyö tarkoittaa käytännössä. Tämä oli jo toinen uudistus, jonka Valu toteutti, ja syy on yksinkertainen: kun yhteistyö, sivuston kehitys ja ylläpito toimii, ei ole syytä vaihtaa toimittajaa.

”Vaikka ei olla kovin teknisiä henkilöitä, niin asiat selitetään ystävällisesti ja ymmärrettävästi. Kivoja tyyppejä töissä.” – Heini Rautavirta, markkinointipäällikkö

Toteutus tiivistetysti

  • Palvelumuotoilu, käyttäliittymä ja visuaalinen suunnittelu
  • Moderni WordPress, Full Site Editing ja lohkoteema
  • Uudelleenohjausten hallinta käyttöliittymästä
  • Saavutettavuus WCAG 2.1 -tason mukaisesti
  • Kirjautuminen OpenID Connect -protokollalla (YAP) ja kaksivaiheinen tunnistautuminen
  • Sivusto tunnistaa kirjautuneen jäsenen ja näyttää hänelle räätälöityä sisältöä, osa sivuista ja sisältölohkoista on rajattu vain jäsenille, vierailijat näkevät oman versionsa
  • Jäsenkortti, jossa esitetään jäsenen tiedot
  • Koulutukset ja tapahtumat: Integraatio Lyyti-tapahtumapalveluun. Tapahtumien automaattinen tuonti ja päivitys
  • Koulutus- ja tapahtuma -arkisto suodatuksilla
  • Jäsenjärjestöjen sivuilla omien tapahtumien esittäminen
  • Findkit-sivustohaku sisältäen PDF-tiedostojen sisällön indeksoinnin
  • Interaktiivinen palkkalaskuri: Vertaa syötettyjä tietoja palkkadataan ja esittää vertailun visuaalisesti
  • Insinööri-lehden artikkelien automaattiset nostot (haetaan ulkoisesta rajapinnasta)
  • Monikielinen sivusto (suomi/englanti). Kaikki sisältötyypit, taksonomiat ja käyttöliittymätekstit käännettävissä
  • Valu Muuri: Verkkosivuston suojausratkaisu, joka torjuu palvelunestohyökkäyksiä sekä parantaa suorituskykyä ja saatavuutta.
  • Evästeiden hallinta ja suostumusten keräys
  • Google Analytics 4

Projekti suunnitteilla? Ota yhteyttä, niin keskustellaan tarkemmin!

  • Henri Pylväs

    Henri Pylväs

    Asiakkuusjohtaja

    050 452 2414

    henri.pylvas@valu.fi