Palvelualojen ammattiliitto

Toimiston ilmoittama referenssi

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 100 000 €

Projektin tyyppi: Järjestön verkkopalvelu

Erityistä: Hakukoneoptimointia osana projektia

Aloitimme yhteistyön Palvelualojen Ammattiliiton kanssa kesäkuussa 2022 tavoitteenamme rakentaa luotettava, skaalautuva ja aikaa kestävä verkkopalvelu. Uusi verkkopalvelu toimii palvelualan työntekijöiden tärkeänä tietopalveluna, tekee PAMin edunvalvontatyötä entistä näkyvämmäksi ja houkuttelee sivustolle tulevia kävijöitä liittymään jäseneksi.

Lähtökohdat ja tavoitteet

PAM oli uudistamassa pam.fi-verkkopalvelunsa, joka on tärkeä informaation lähde palvelualan työntekijöille. PAMin aiempi sivusto ei skaalautunut riittävän joustavasti ja kustannustehokkaasti PAMin viestinnällisiin tarpeisiin.

Projektissa haettiin kokonaisvaltaista ratkaisua, jossa sekä verkkopalvelun ilme, rakenne, että tekninen ratkaisu uudistettaisiin. PAM kaipasi kustannustehokasta palvelua, joka olisi teknisesti kestävä ja skaalautuisi muuttuviin tarpeisiin. Projektin tavoitteena olikin pitkän elinkaaren verkkopalvelu, joka tukisi PAMia tavoitteiden saavuttamisessa nyt ja tulevaisuudessa.

PAMin uuden verkkopalvelun tuli olla visuaalisesti kiinnostava ja nykyaikainen sekä erottua edukseen muista vastaavanlaisista verkkopalveluista. Halusimme, että PAMin jäsenet sekä potentiaaliset jäsenet tunnistavat verkkopalvelusta PAMin edustavan juuri heitä. Edunvalvontatyö ja jäsenedut haluttiin esittää verkkopalvelussa selkeästi niin, että jokainen käyttäjä ymmärtäisi ammattiliiton merkityksen arvon ja jäsenyyden arvon.

Sujuvampi käyttö- ja ylläpitokokemus

Jaottelimme sisällöt selkeisiin rakenteellisiin tietokokonaisuuksiin ja niitä läpileikkaaviin sisältöihin. Verkkopalvelussa korostuvat erityisesti työelämätieto, työehtosopimukset, jäsenpalvelut ja edut sekä edunvalvontatyö. Työehtosopimukset tuotiin kokonaisuudessaan osaksi uutta verkkopalvelua. Jäsenetujen ja -palveluiden näkyvyyttä parannettiin nostamalla edut ja palvelut osaksi sivuston kaikkia sisältöjä.

Myös käyttökokemusta haluttiin parantaa monin tavoin. Kaikkien sivujen tuli pystyä toimimaan laskeutumissivuina. Mahdollistimme erilaiset polut sisältöihin, lisäsimme selkeät toimintakehotukset eri sivuille ja teimme sisältöjen hakemisesta helppoa uuden hakutoiminnon avulla. Käyttökokemus on nyt yksinkertainen, joustava ja helposti hallittava myös sivuston ylläpitäjille.

Artikkelit, tapahtumat ja jäsenedut luotiin omina sisältötyyppeinään. Artikkeleita voidaan nyt liittää sisältösivuihin ja mikäli artikkeleiden sisältöjä päivitetään, päivittyvät sisällöt myös niille sivuille, joille artikkeleita on upotettu. Tapahtumia varten toteutimme erillisen tapahtumakalenterin, jossa käyttäjä voi avointa sanahakua tai erillisiä luokitteluja hyödyntäen suodattaa tapahtumia. Koulutukset hyödyntävät tapahtumien kanssa samaa sisältötyyppiä, mutta ne tuodaan integraation avulla WordPressin sisällöiksi erillisestä järjestelmästä. Laskurit puolestaan toteutettiin erillisinä lohkoina, jolloin niitä voidaan käyttää sivustolla minkä tahansa muun sisällön ohessa.

Saavutettavuus suunnittelun keskiössä

Ennen visuaalista suunnittelua toteutimme sivuston rautalangat eli hahmotelmat sivuston sisältörakenteesta ja eri elementeistä. Rautalangat auttavat hahmottamaan palvelun rakenteen lisäksi sen modulaarisuutta eli sitä, miten sivusto tulee muodostumaan erilaisista räätälöidyistä elementeistä ja sitä miltä sivuston runko, sisältöjen ryhmitys ja yleisesti taitto tulevat näyttämään isossa kuvassa.

Rautalankamallien pohjalta suunnittelimme sivuston visuaalisen ilmeen, jonka pohjana toimi PAMin uusi brändi ja graafiset ohjeistukset. Visuaalinen suunnittelu tehtiin tiiviissä yhteistyössä PAMin edustajien kanssa. Sivuston ulkoasu ja taitto toteutettiin responsiivisina siten, että sivusto mukautuu käyttäjän laitteen ruudun kokoon.

Koska saavutettavuus oli määritelty yhdeksi tekniseksi tavoitteeksi, kiinnitimme siihen erityishuomiota jo suunnitteluvaiheessa. Uusi verkkopalvelu vastaa saavutettavuusstandardi WCAG 2.1 AA kriteeristöjä. Verkkopalvelun käyttöliittymää suunniteltaessa varmistimme esimerkiksi, että käyttäjällä on useita tapoja navigoida, sivustolla liikkuminen on loogista ja palvelua voi käyttää ruudunlukijoilla.

Suorituskyvyn optimoinnilla parempaa hakukonenäkyvyyttä

PAMin sivustolla on paljon tietosisältöä, jotka toimivat verkkopalvelun sisäänvetotuotteena ja joiden avulla verkkopalveluun saadaan kävijöitä hakukoneista.

Hakukoneoptimointi ja sisältöjen jäsentely oli siis tärkeää huomioida jo suunnitteluvaiheessa. Varmistimme esimerkiksi, että otsikkohierarkia toteutetaan järkevästi ja että verkkopalvelun URL-rakenne rakennetaan hakukoneoptimoinnin kannalta oikein. Koska iso osa palvelun liikenteestä on orgaanista liikennettä, pyrimme uudistuksessa kaikin tavoin siihen, ettei hakukonenäkyvyys laskisi. Opastimme myös PAMin sisällöntuottajia hakukoneoptimoinnin huomioimisessa.

Vastasimme palvelun teknisestä hakukoneoptimoinnista ja tuimme PAMin tiimiä uudelleenohjauksien suunnittelussa. Otimme huomioon myös Googlen Core Web Vitalsit kehitystyössä sekä palvelun suorituskyvyn optimoinnissa keskittymällä kuvien optimointiin ja kuvaformaatteihin, frontend-koodin nopeuteen, palvelintason suorituskykyyn ja välimuistitukseen sekä sivustolla käytettävään kolmansien osapuolten koodiin.

Modulaarinen ratkaisu muuttuviin tarpeisiin

Teknisiä tavoitteita olivat verkkopalvelun pitkä elinkaari, modulaarinen ja tulevaisuuden muuttuviin tarpeisiin mukautuva sivusto sekä hyvä suorituskyky. Toteutuksessa ja ylläpidossa haettiin myös kustannustehokkuutta.

Toteutimme PAMin verkkosivuston WordPress-julkaisujärjestelmällä hyödyntäen WordPressin Gutenberg-sisältöeditoria, joka mahdollistaa jouhevan ja tehokkaan sisällönhallinnan. Gutenbergin avulla sisällöntuottajat voivat luoda uusia sivuja nopeasti ja hallita kaikkea sisältöä helposti. Staattisten sivupohjien sijaan toteutamme sivut erilaisten lohkojen avulla, joiden avulla laajatkin muutokset onnistuvat ilman toimittajan apua. Sivustolle luodaan suunnitteluvaiheessa määritellyt lohkot, joita voidaan käyttää lähes missä tahansa sivustolla.

Rakensimme PAMin uuteen verkkopalveluun useita integraatioita. eTaika-integraatio tuo sivustolle koulutukset ja WoodWing Studio -integraatio työehtosopimukset. Integraatioita varten toteutettiin räätälöidyt integraatiolisäosat. Sivuston laskurien käyttöliittymä puolestaan rakennettiin React-teknologialla. Näin laskurien käyttö on nopeaa, eikä vaadi sivulatauksia.

Testasimme palvelun käytettävyyden, saavutettavuuden ja toiminnallisuudet ennen palvelujen julkaisua. Käytettävyys ja saavutettavuus olivat isossa roolissa jo suunnitteluvaiheessa, joten suunnittelijamme osasivat välttää näiden kannalta haasteellisia ratkaisuja. Suunnittelun tuloksia vertaisarviotiin säännöllisissä tapaamisissa, jolloin käytettävyyden haasteet oli helppo havaita ja niihin voitiin puuttua ajoissa.

Jatkokehitys ja seuraavat askeleet

Tarkoituksemme on kehittää PAMin verkkopalvelua jatkuvasti paremmaksi. Ylläpidosta ja tietoturvasta vastaavan Care-tiimin lisäksi PAMin tarpeita ja toiveita palvelee projektitiimi. Olemmekin lähteneet toteuttamaan uusia toiveita ketterästi heti verkkopalvelun julkaisun jälkeen.


Sinua voisi kiinnostaa myös

John Nurmisen Säätiö

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

John Nurmisen Säätiö perustettiin takaamaan merellisen kulttuuriperinnön säilyminen. Säätiö on merkittävä yhteiskunnallinen vaikuttaja, joka työskentelee meriluonnon suojelemiseksi, Itämeren tilan parantamiseksi ja merikulttuurin vaalimiseksi. Lähtökohdat ja tavoitteet John Nurmisen Säätiö etsi kumppania uudistamaan verkkopalveluaan yhtenäisemmäksi, käyttökokemukseltaan jouhevammaksi ja hakukonenäkyvyydeltään paremmaksi. Projektissa lähdettiin tekemään kokonaisuudistusta, jossa sekä verkkopalvelun ilme, rakenne että tekninen ratkaisu päivitettiin. Verkkosivuston ilme modernisoitiin […] Lue lisää

Hotel Mestari

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Primehotels on yksityinen suomalainen yritys, joka omistaa, rakentaa ja operoi premium-hotelleja useissa kohteissa ympäri Suomen. Se on ketju hotelleja, jossa jokainen hotelli on itsenäinen, persoonallinen, laadukas ja uniikki yksikkönsä – niin puitteiltaan kuin palveluiltaan. Hotelleita yhdistää aito intohimo vieraanvaraiseen palveluun. Primehotels investoi vahvasti kasvuun ja yrityksen kasvustrategia kattaa useita uusia ja mielenkiintoisia hotellihankkeita tulevina vuosina. […] Lue lisää

KP kuntaraha – hankerekisteri ja asiointipalvelu

Tekijä: Siili Solutions

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Kokkolan kaupunki sekä Siili Solutions (Siili) julkaisivat uudistuneen kpkuntaraha.fi-verkkopalvelun alkuvuodesta 2024. KP kuntaraha on Kannuksen, Kaustisen seutukunnan, Kokkolan ja Perhon kuntien kuntarahoituksen hankerekisteri ja asiointipalvelu sekä kuntavastinrahoituksen hakupalvelu. Uusi verkkopalvelun toimintavarmuus on varmistettu uudella toteutuksella WordPress-verkkoalustalla ja uuden palvelun tavoitteena on helpottaa kuntarahoituksen hakemista ja asiointia. Julkinen hankerekisteri tarjoaa väylän kuluttajille tarkastella Keski-Pohjanmaan alueen päättyneitä […] Lue lisää

Xamkin uudistettu verkkopalvelu

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Xamkin uudistettu verkkopalvelu on loppukäyttäjän ja sisällöntuottajan unelma Xamk on yksi Suomen suosituimmista ammattikorkeakouluista, jonka tavoitteena on edistää ja tukea Kaakkois-Suomen elinvoimaa kouluttamalla, tutkimalla ja kehittämällä. Yhdessä loimme verkkopalvelun, joka palvelee tätä tavoitetta. “Henkilökohtaisesti oli ilo työskennellä Hionin kanssa, ja opin paljon teidän kehittäjienne näkökulmista. Yhteistyö innosti minua uudella tavalla WordPress-kehittämiseen.” – Ville Kupila, projektin […] 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ää

Rinta-Joupin Autoliike

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Rinta-Joupin Autoliike on yli 70-vuotias perheyritys ja yksi Suomen menestyneimpiä autoliikkeitä. Yrityksellä on tänä päivänä 28 toimipistettä ympäri Suomen. Vaihtoautojen, uusien autojen, matkailuajoneuvojen ja moottoripyörien myynnin ja oston lisäksi palveluihin kuuluvat merkkihuollot sekä laadukkaat yleishuollot kaikkiin merkkeihin. Uudistuksen lähtökohdat Rinta-Joupin Autoliike etsi uutta yhteistyökumppania digitaalisen myynnin tueksi ja olikin ennen yhteistyötämme kehittänyt digitaalisia myyntikanaviaan. Kun […] 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