Teknologiateollisuus.fi ja toimialayhdistyssivut – verkkosivustojen uudistus

Toimiston ilmoittama referenssi

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Järjestön verkkopalvelu

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.

Yhteistyö Evermaden kanssa oli sujuvaa ja tehokasta. He ymmärsivät tarpeemme ja loivat modernin, käyttäjäystävällisen verkkopalvelun, joka tukee Teknologiateollisuuden monipuolisia toimintoja. Lopputulos vastasi erinomaisesti tarkkaa määrittelyä ja vastasi tarpeisiimme.

Taru Jussila, Johtaja, viestintä ja jäsenpalvelut

Erinomainen projektinhallinta, asiakaspalvelu ja asiakkaan liiketoiminnan ymmärtäminen


Sinua voisi kiinnostaa myös

Finferries web-varausjärjestelmä

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Suomen Lauttaliikenne Oy eli Finferries hoitaa sekä yhteysalus- että lauttaliikennettä Suomessa yhteensä yli 40:llä reitillä. Ylläpidettävät yhteydet vaihtelevat pienehköistä, suojaisista salmien ylityksistä vaativiin merimatkoihin: lyhyin lauttamatka on Kivimon väli Houtskärissä 169 metriä ja pisin, 9,5 km:n reitti kulkee Korppoosta Houtskariin. Finferriesin keltaisilla losseilla ja lautoilla kulkee sekä päivittäiset työmatkaajat ja kesämökkeilijät, että lomasesonkien aikaan satunnaiset […] Lue lisää

Oulun kaupungin multisite-verkkopalvelu

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 100 000 €

Oulun kaupungin multisite-kokonaisuus Yksi Suomen suurimmista julkisen sektorin WordPress-multisite-hankkeista syntyi Oulussa Asiakastarina pähkinänkuoressa Oulun kaupunki, Suomen viidenneksi suurin kaupunki ja tuleva Euroopan kulttuuripääkaupunki 2026, tunnisti strategisen tarpeen uudistaa ja yhtenäistää laajaa verkkosivustokokonaisuuttaan. Aiempi, sadoista sivustoista koostunut ympäristö, joka oli toteutettu useilla eri teknologioilla ja hyödynsi pääosin Liferay-alustaa, oli palvellut kaupunkia hyvin aikansa. Oulun kaupungilla oli […] Lue lisää

SAK

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 100 000 €

Lähtökohta Aloitimme työskentelyn vuonna 2024 SAK:n sivustouudistuksen parissa. Sivuston ilmettä luodessamme törmäsimme muutamaan sudenkuoppaan SAK:n silloisen brändi-identiteetin kanssa. Silloinen räikeä väritys ei ollut sellaisenaan saavutettava, ja saavutettavaksi muokattunakin vaati useampaa fonttiväriä toimiakseen. Brändi-identiteetti ei heijastanut sitä terävyyttä ja uskottavuutta, mitä SAK tuo pöytään. Sivustouudistuksen ohessa nousi esille tarve myös haastavien aiheiden kuvittamisesta. Saavutettavuuden, SAK:n tavoitteiden […] Lue lisää

HappyOrNot

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Kansainvälisesti toimiva HappyOrNot tarjoaa yrityksille ratkaisuja asiakaskokemuksen mittaamiseen ja ymmärtämiseen. Palvelu mittaa asiakkaiden tyytyväisyyttä neljällä hymiöllä muutamassa sekunnissa. Kahdeksan miljoonan liikevaihtoa tuottavan HappyOrNotin ratkaisut toimivat useilla eri toimialoilla aina päivittäistavarakaupoista ravintoloihin ja lentokenttiin. Aloitimme yhteistyön HappyOrNotin kanssa maaliskuussa 2021 ja yrityksen uusi verkkosivu julkaistiin elokuussa. HappyorNotin vanha verkkosivusto oli toteutettu vuonna 2015 eikä yrityksellä ollut […] Lue lisää

Rakentaja-lehti

Tekijä: Digitoimisto Dude Oy

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Lähtökohta Rakentaja-lehti haluttiin tuoda selvemmin esiin omana julkaisunaan ja samalla kasvattaa sen digitaalista tavoittavuutta. Vanha lehtialusta ei palvellut lukijaa tai toimitusta nykyaikaisella tavalla. Uudessa toteutuksessa tavoitteena oli tehdä lehdestä helposti selattava, ajankohtainen ja visuaalisesti houkutteleva, jotta sisältö tavoittaa entistä laajemman yleisön. Sivusto rakennettiin multisite-toteutuksena osaksi Rakennusliiton verkkopalvelua. Tavoitteet Parantaa Rakentaja-lehden näkyvyyttä ja saavutettavuutta verkossa Houkutella […] Lue lisää

YTK

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

YTK Työttömyyskassa on Suomen suurin, kaikille avoin työttömyyskassa, jonka jäsenenä on lähes joka 4. palkansaaja. Kassan jäsenet voivat liittyä YTK Työelämä -yhdistykseen. Kassa antaa jäsenilleen turvaa työelämän haastavissa tilanteissa ja yhdistys tarjoaa mahdollisuuksia kehittää omaa ammatillista osaamistaan. Uudistuksen lähtökohdat YTK Työttömyyskassa ja YTK Työelämä etsivät yhteistyökumppania kehittämään verkkopalveluitaan, jotta ne vastaisivat paremmin muuttuneita tarpeita. Aiempi […] Lue lisää

Vierityspalkki.fi

Julkaistu vuodesta 2006. Vierityspalkki on blogi verkkopalveluiden kehityksestä, internetin teknologioista ja alan toimistoista. Seuraa, niin tiedät miten ja kenen toimesta syntyvät parhaat verkkopalvelut, verkkokaupat ja räätälöidyt web-sovellukset. Uutiskirjeellä on jo yli 1100 tilaajaa.


Tilaa uutiskirje.

  • 40-50 asiantuntija-artikkelia vuosittain.

    Toimitettua asiasisältöä verkkopalveluiden uudistuksista ja kotimaisen ohjelmistoalan tapahtumista. Vierityspalkki nostaa esiin alan puheenaiheita ja tuoretta tutkimustietoa, osallistuu keskusteluun sekä haastattelee alan asiantuntijoita ja toimistoja. Julkaistuja artikkeleita jo yli 1000 kappaletta.


    Kaikki artikkelit

  • 150-200 julkaistua referenssicasea joka vuosi.

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


    Selaa toimistojen julkaisuja

  • 300-400 työpaikkailmoitusta vuosittain.

    Vuodesta 2007 toiminut ilmoituspalsta on edelleen sivuston suosituin osio. Moni asiantuntija on löytänyt useammankin työpaikan palstan kautta vuosien varrella.


    Selaa avoimia työpaikkoja

  • 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-toimistoihin 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 1100 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen – ihan oikeasti.

Siirry takaisin sivun alkuun