Teknologiateollisuus.fi ja toimialayhdistyssivut – verkkosivustojen uudistus

Teknologiateollisuus ry on elinkeino- ja työvoimapolittinen vaikuttajaorganisaatio. Yhdistyksen alle kuuluu useita toimialayhdistyksiä eri teknologian ja teollisuuden aloita, joiden jäseniä useat yritykset ovat. Teknologiateollisuuden piiriin kuuluva Teknologiateollisuuden työnantajat ry neuvottelee teknologiateollisuuden valtakunnalliset työehtosopimukset.

Kevään ja syksyn 2024 aikana uudistimme sekä Teknologiateollisuus.fi pääsivuston, että useimpien toimialayhdistysten sivustot.

Teknologiateollisuuden verkkopalvelut

Teknologiateollisuuden verkkopalvelukokonaisuuden uudistaminen alkoi alkuvuodesta 2023 North Patrolin määrittelemästä jäsenpalvelusta, joka julkaistiin vuoden 2024 alussa. Keväällä aloimme uudistaa Teknologiateollisuuden pääsivustoa niin ikään North Patrolin määrittelyn pohjalta: vanhan sivuston tilalle haluttiin visuaalisesti moderni ja selkeä ratkaisu, joka palvelisi Teknologiateollisuutta kertaprojektia laajemmin. Pääsivuston lisäksi myös toimialayhdistyksillä oli tarvetta uusille sivustoille, joiden ulkoasu periytyy kustannustehokkaasti teknologiateollisuus.fi:stä.

Jäsenpalvelu ehti toimia itsenäisesti puolisen vuotta, kunnes pääsivuston julkaisu sujautettiin saman multisite-kokonaisuuden alle. Kirjoitushetkellä Teknologiateollisuuden verkkopalvelukokonaisuus käsittää 14 sivustoa.

Suunnittelu

Teknologiateollisuus.fi -sivuston uudistuksen tavoitteena oli luoda selkeä kokonaisuus, jossa käyttäjät löytävät helposti etsimänsä tiedon ja voivat navigoida luontevasti samaan aiheeseen liittyvien sisältöjen välillä. Esitystapojen joustavuuteen ja modulaarisuuteen kiinnitettiin erityistä huomiota, jotta sisältö pysyy silmäiltävänä ja visuaalisesti yhdenmukaisena läpi sivuston. Pääsivustolla hyödynnetään jäsenpalvelulle suunniteltuja sisältölohkoja ja käyttöliittymäelementtejä, jotta käyttökokemus säilyy yhtenäisenä ja johdonmukaisena myös näiden kahden eri kokonaisuuden välillä.

Uudella sivustolla sisällöntuotantoa ja hallintaa on tehostettu hyödyntämällä vakiomuotoisia sisältötyyppejä ja metatietoja, jolloin ketterät sisältönostot päivittyvät erilaisin filtterein useampaan paikkaan. Yhteiskäyttöisten sisältöjen ansiosta sama tieto voidaan esittää missä tahansa ilman päällekkäisyyksiä, mikä tarkoittaa aina ajantasaista ja relevanttia sisältöä.

Myös Teknologiateollisuuden ilmettä modernisoitiin sivustouudistuksen yhteydessä. Isojen väripintojen ja kirjavan värivalikoiman sijaan brändivärejä käytetään hienovaraisesti, sisältöä rytmitetään monipuolisilla taitoilla ja tilaa käytetään paremmin hyödyksi. Myös typografialle syntyi uusi ja raikas visuaalinen hierarkia eri leikkauksin ja kirjainvälistyksin, ja se täydentää uutta minimalistisempaa ilmettä.

Tekninen toteutus

Hakutoiminto

Sivustolla keskeistä on saada käyttäjät ohjautumaan oikea sisällön äärelle, mutta laajan sisällön edessä pelkkä hyvä navigoitavuus ei riitä. Hakumoottorina toimii Algolia, joka tuo hurjasti lisää tehoa sivuston hakuun. Haku oli niin nopea ja ennakoiva, että sen tehoa on keinotekoisesti hieman rajoitettu. Pääsivuston Algolia-haku hakee myös osumia jäsensivustolta ja toisin päin.

Graafit ja tilastot

Vaikuttajaorganisaationa Teknologiateollisuus analysoi paljon tilastollista tietoa talouden kehityksestä. Osa tilastojen datasta tuodaan taulukkoaineistona ja osan taas halutaan päivittyvän Macrobond-järjestelmästä. Graafit on luotu sivustolle omana sisältötyyppinä siten, että niille muodostetaan oma sivu ja niitä voidaan linkittää eri sivuille jouhevasti omilla lohkoilla ja erilaisilla syötteillä.

Graafit toteutettiin hyödyntäen Chart.js -kirjastoa. Toteutus kattaa useita erilaisia graafeja. Graafikirjastosta voi selailla aiheittain sopivia tilastoja omaan käyttöön ja käyttäjä voi graafisivuilta halutessaan napata aineistoja itselleen CSV-muodossa.

Graafikirjaston listausnäkymän graafikuvissa on ajantasainen tilanne graafista. Kuvat luodaan, ja päivitetään, automaattisesti Quickchart.io API:n avulla.

Jäsensivuston erityistoiminnot

Jäsensivuston tekniseen toteutukseen kuului useita integraatioita, joista merkittävimmät ovat jäsenten kirjautumiseen liittyvät integraatiot. Näiden avulla toteutettiin sekä jäsenpalvelun maksumuuritoiminnallisuus, että sisällön käyttäjäkohtaiset kohdentamiset.

Kirjautuminen toteutettiin Azure AD -integraatiolla, jonka avulla jäsenet kirjautuvat palveluun omilla tunnuksillaan. WP:n hallintaan Azure AD:ta ei ulotettu. Kirjautumisen yhteydessä käyttäjätiedot haetaan Microsoft Dynamics:sta toisen integraation avulla. MS Dynamicista saadaan käyttäjästä oleellista tietoa, aina henkilötiedoista roolitietoihin asti.

Toimialayhdistykset

Teknologiateollisuus ry:n alla olevat yhdistykset tarvitsivat myös luotettavan ja toimivan paikan omalle näkyvyydelleen. Pääosin tarve oli kevyin muutoksin luoda oma sivustot omille domaineilleen, jotka olisivat helposti ylläpitäjien päivitettävissä.

Sivuston toiminnot ovat graafeja lukuunottamatta pääsivuston kanssa identtiset. Pääsivuston lohkojen valmistuttua loimme multisiteen malliksi kopiosivuston, joka voitiin karsia helposti käyttöönotettavaan muotoon editorissa teknologiateollisuuden projektitiimin toimesta. Tätä mallia voitiin lisäosalla eli muutamalla klikkauksella kopioida, jolloin saatiin helposti eri yhdistyksille sisällönsyöttöön oma sivusto.

Jatkokehitys

Yhteistyömme Teknologiateollisuuden kanssa jatkuu jäsensivustojen kehityksen ja erilaisten digipalvelukanavien yhteensovittamisen parissa. Osaksi kokonaisuutta tulemme tulevaisuudessa rakentamaan myös Teknologiateollisuuden verkkokaupan.