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 vetäjä, Xamk.

Kaakkois-Suomen ammattikorkeakoulu Xamk on yksi Suomen suosituimmista ammattikorkeakouluista. Se toimii neljällä kampuksella: Kotkassa, Kouvolassa, Mikkelissä, ja Savonlinnassa, ja sen tehtävänä on edistää ja tukea Kaakkois-Suomen elinvoimaa kouluttamalla, tutkimalla ja kehittämällä.

Xamk tarjoaa koulutusta ammattikorkeakoulututkintoon ja ylempään ammattikorkeakoulututkintoon sekä laajat mahdollisuudet jatkuvaan oppimiseen. Lisäksi Xamk tekee vaikuttavaa tutkimus- ja kehitystyötä ja tuottaa uusia innovaatioita yhteiskunnan ja elinkeinoelämän hyväksi.

Xamk.fi-verkkopalvelu on keskeinen viestintäkanava laajalle joukolle sidosryhmiä: tuleville ja nykyisille opiskelijoille, yrityskumppaneille, TKI-toimijoille, elinkeinoelämän toimijoille sekä omalle henkilöstölle. Myös kansainväliset opiskelijat halutaan tavoittaa entistä paremmin.

Xamkin aiempi verkkosivusto palveli aikansa hyvin, mutta tekninen velka oli kasvanut. Vanhentuva alusta, WordPressin Classic Editor, ja sen päättyvä tuki loivat pakottavan tarpeen uudistukselle.

Pelkän teknisen päivityksen lisäksi Xamkilla haluttiin lähestyä uudistusta laajemmin. Xamk tunnisti strategisen tarpeen palvella moninaisia kohderyhmiään entistä paremmin heidän motiiviensa ja tarpeidensa pohjalta. Uudistuksen tavoitteena oli:

  • Poistaa tekninen velka ja siirtyä moderniin, joustavaan alustaan.
  • Parantaa käyttäjäkokemusta selkeyttämällä navigointia ja rakennetta.
  • Tehostaa ja helpottaa hajautettua sisällöntuotantoa.
  • Luoda tietoturvallisempi ja integroidumpi käyttäjähallinta.
  • Rakentaa sivusto, joka tukee asiakaspolkuajattelua ja tulevaisuuden digitaalisia kehitysaskeleita.

Xamk teki perusteellisen pohjatyön ennen teknisen kumppanin valintaa. He määrittelivät asiakaspersoonat ja -polut, ulkoiset kumppanit loivat uuden raikkaan visuaalisen ilmeen ja auttoivat vaatimusmäärittelyssä.

Meidän tehtävänämme oli herättää Xamkin visio ja vaatimukset henkiin teknisesti kestävällä ja ketterällä tavalla.

Projektin toteutus pähkinänkuoressa

Projekti toteutettiin tiiviissä yhteistyössä ketterin menetelmin vuoden 2024 alkupuoliskolla:

1. Selkeä prosessi:

Projekti eteni säännöllisissä sprinteissä, joissa määriteltiin, toteutettiin, testattiin ja hyväksyttiin toiminnallisuuksia pala kerrallaan.

2. Gutenberg-editorin hyödyntäminen:

Hion toteutti sivuston hyödyntäen WordPressin modernia Gutenberg-lohkoeditoria, joka mahdollistaa sisällöntuottajille ennennäkemättömän joustavuuden ja helppokäyttöisyyden (WYSIWYG).

3. Monipuoliset sisältöelementit:

Kehitettiin laaja valikoima räätälöityjä sisältölohkoja ja -malleja, jotka mahdollistavat rikkaan ja vaihtelevan tarinankerronnan eri tarpeisiin.

4. Dynaaminen sisältö:

Dynaamista sisältöä (koulutukset, hankkeet, tapahtumat, artikkelit) voidaan nostaa mille sivulle tahansa lukuisilla taksonomisilla logiikoilla sisältötyyppien linkityksineen. Tämän lisäksi sivustolle rakennettiin selkeät listausnäkymät jokaiselle sisältötyypeille asiakkaiden ja Xamkin erikoistarpeet huomioiden.

Moderni teknologia takaa sujuvan sisällönhallinnan

Toteutimme Xamkille modernin ja käyttäjäystävällisen verkkopalvelun, joka vastaa kaikkien kohderyhmien tarpeisiin. Sivusto rakennettiin käyttäen Gutenberg-editoria, ja panostimme erityisesti editorikokemukseen ja sisällöntuotannon helppouteen. Hyödynsimme ACF:n Inner Blocks -ominaisuutta ja Gutenbergistä löytyviä lohkotyylejä, joiden avulla sivuston ulkoasua ja sisältöä on helppo muokata.

Sisällöntuottajien työskentelyä helpottaa merkittävästi visuaalinen editori, joka näyttää sisällön esikatselun täsmälleen samalla tavalla kuin se näkyy verkkosivustolla. Tämä WYSIWYG-toiminnallisuus takaa, että sisällöntuottajat voivat lisätä elementtejä, kuten tekstiä, kuvia ja hero-osioita, ja nähdä reaaliajassa, miten ne asettuvat sivustolle ja miltä ne näyttävät lopulliselle käyttäjälle. Panostuksemme helppokäyttöiseen ja tarkkaan esikatseluun tekee sisällöntuotannosta sujuvaa ja intuitiivista.

Olemme luoneet Xamkin verkkosivuston editoriin myös monipuoliset työkalut erilaisten sisältönostojen luomiseen. Sisällöntuottajat voivat helposti ja joustavasti käyttää eri puolilla sivustoa nostolohkoja, joihin voi koota dynaamista sisältöä, kuten koulutuksia, hankkeita, artikkeleita ja tapahtumia. Tämä mahdollistaa sivuston sisällön tehokkaan ja monipuolisen esittämisen eri kohderyhmille.

Integraatiot

Asiantuntijat:

Integroimalla Xamkin verkkosivuston Microsoft Graph APIin, mahdollistamme asiantuntijatietojen ja profiilikuvien automaattisen tuonnin. Asiantuntijat voivat itse täydentää profiilejaan esimerkiksi kuvausteksteillä ja muulla relevantilla tiedolla, jota ei löydy suoraan Microsoft Graph API:sta.

Artikkeleihin voidaan helposti liittää kirjoittajan tiedot, mikä lisää sivuston dynaamisuutta ja helpottaa tiedonhallintaa. Kaikki asiantuntijatiedot ovat keskitetysti yhdessä paikassa ja niitä voidaan hyödyntää monipuolisesti eri osissa sivustoa. Eri sisältöihin on helppo luoda dynaamisia nostoja tarvittavista yhteystiedoista, ja sivuston yhteystietohaku mahdollistaa laajat haku- ja suodatusmahdollisuudet koko asiantuntijarekisterin laajuudelta.

Kirjautuminen:

Auth0-integraation avulla Xamkin käyttäjät voivat kirjautua sivuston editoripuolelle omilla Microsoft-tunnuksillaan. Auth0 korvaa WordPressin kirjautumisprosessin kokonaisuudessaan, joten kirjautumiseen voidaan yhdistää mm. Microsoftin kautta hallinnoitava monivaiheinen tunnistautuminen. Tämä yksinkertaistaa käyttäjien hallintaa ja parantaa sivuston tietoturvaa.

Ekologinen infrastruktuuri: Google Cloud Platform ja Haminan datakeskus

Xamkin palvelu hyödyntää Google Cloudin infrastruktuuria, jossa yhdistyvät suorituskyky, tietoturva, sekä ympäristövastuullisuus. Projektiin valittiin pilviympäristö, jonka energiatehokkuus ja uusiutuvan energian käyttö voidaan todentaa. Haminan datakeskuksen käyttö tarjoaa mahdollisuuden palvelun hostaukseen kotimaassa, mikä minimoi latenssia ja pienentää hiilijalanjälkeä.

Miten yhteistyö sitten sujui käytännössä? Projektia Xamkin puolelta johtanut Ville Kupila koki yhteistyön sujuvaksi:

“Prosessi sujui mielestäni hyvin ja joustavasti alusta loppuun saakka, ja parin viikon kehityssyklit rytmittivät laajan projektin hallintaa. Arvostimme toimintamallin selkeyttä ja tietynlaista minimalismia: kommunikaatio ja asioiden läpikäynti keskitettiin tehokkaasti yhteiseen kanavaan eikä dokumentaatiota ollut liikaa. Tämä oli ketterä ja miellyttävä tapa edetä projektissa.”, Ville summaa.

Ville koki, että yhteistyö toi hänelle myös uusia ulottuvuuksia ja oppeja.

“Yhteistyö Hionin kanssa oli henkilökohtaisesti erittäin mielenkiintoista ja opin paljon kehittäjienne näkökulmista. Yhteistyö innosti minua myös uudella tavalla WordPress-kehityksen pariin. Sivuston pääkäyttäjänä ja päätoimittajana arvostan erityisesti sitä, että minulla oli käytettävissäni ammattitaitoinen kumppani, jonka kanssa pystyin keskustelemaan teknisistä ratkaisuista ja toteutuksesta – aina yksityiskohtiin asti”, Ville kertoo.

Koska Ville toimii myös siltana Xamkin muiden yksiköiden tarpeisiin ja välittää heidän toiveitaan, hän koki hienoksi sen, että hän pystyi sparrailemaan erilaisia visioita ja ajatuksia kanssamme.

“Välillemme syntyi hyvä keskustelun ja yhteisymmärryksen kulttuuri. Voin rehellisesti sanoa, että tämä on ollut yksi mielenkiintoisimmista projekteista, joissa olen työurani aikana ollut mukana.”

Tuloksena verkkosivusto, joka auttaa palvelemaan asiakasta paremmin

Xamk on ollut erittäin tyytyväinen sekä verkkosivustoprojektin sujumiseen että sen lopputulokseen. Erityisesti kiitosta saavat projektin hallinta, tekninen toteutus ja uuden sivuston tarjoamat mahdollisuudet:

“Ensinnäkin, itse projekti pysyi sovitussa aikataulussa alusta loppuun. Se ei paisunut tai muuttanut muotoaan matkan varrella, vaan saimme sen, mitä tilattiin. Jo tämä on merkittävä onnistuminen, sillä se ei ole itsestäänselvyys isoissa projekteissa.”

“Kokonaisuutena sivusto ja sen työkalut tukevat hyvin asiakaspolku- ja persoonatyömme tavoitteita. Vaikka tämän strategisen työn soveltaminen käytäntöön on jatkuvaa pohdintaa, teknologia ei aseta esteitä. Sivusto tarjoaa nyt erinomaiset työkalut kehittää sisältöä ja rakennetta edelleen, keskittyen laadukkaan opetuksen, vahvan tki-toiminnan ja monipuolisten palvelujen viestintään.”

“Teknisesti uusi sivusto on erittäin hyvä: se on nopea, reagoi hyvin ja vaikuttaa toimivan luotettavasti ja turvallisesti palvelinympäristössään. Kaikki mittarit viittaavat siihen, että sivusto suoriutuu hyvin. Myös koodin laatu vaikuttaa hyvältä, eikä teknisiä haasteita ole ilmennyt.”

Uusi verkkopalvelu on saanut kiitosta niin opiskelijoilta kuin Xamkin henkilöstöltäkin.

Syksyn 2024 opiskelijakyselyssä valtaosa (82 %) vastaajista koki sivuston tarjoavan erittäin hyvin tietoa koulutusvaihtoehdoista ja hakemisesta. Myös talon sisällä käyttäjät ovat olleet tyytyväisiä sivuston raikkaaseen ilmeeseen, tekniseen toimivuuteen ja erityisesti uusien sisältötyökalujen helppokäyttöisyyteen.

Ville allekirjoittaa sivuston käytön miellyttävyyden verrattuna aiempaan.

“Uusilla työkaluilla on helppoa ja nopeaa luoda luonnoksia ja esitellä niitä muille. Hyödyntämällä esimerkiksi synkronoituja lohkoja, lohkomalleja ja muita toteuttamianne ratkaisuja, saamme nopeasti aikaan laajojakin sivukokonaisuuksia. Sisällöntuotanto on kaiken kaikkiaan aivan erilaista ja tehokkaampaa kuin ennen.”

Onnistunut verkkosivustouudistus tarjoaa Xamkille erinomaisen ja joustavan alustan digitaaliseen viestintään ja palveluun. Verkkopalveluiden kehittäminen on jatkuva prosessi, ja tiivis yhteistyömme Xamkin kanssa jatkuu sivuston ylläpidon ja jatkokehityksen merkeissä, varmistaen että se palvelee parhaalla mahdollisella tavalla tulevaisuuden tarpeita.

Teillekin rautaista WordPress-osaamista?