Siirry pääsisältöön
Energiaa myös verkkoon
Kun Äänekosken Energia halusi tehdä verkkosivustostaan helpommin hallittavan ja käyttäjille selkeämmän, Avidlyn tiimi lähti rakentamaan ratkaisua, joka yhdistää teknisen luotettavuuden ja paikallisen energian hengen. Lopputuloksena syntyi saavutettava ja moderni WordPress-sivusto, joka palvelee sekä asiakkaita että sisällöntuottajia.
Lähtökohta

Yhdessä kohti parempaa asiakaskokemusta verkossa

Äänekosken Energia on monipuolisia energia- ja vesihuoltopalveluja tarjoava paikallinen toimija, jonka verkkosivusto on keskeinen kanava asiakasviestinnälle ja häiriötiedotteille. Ajan myötä sivuston hallinta oli kuitenkin käynyt raskaaksi ja sisällön päivittäminen vaati teknistä osaamista. Samalla sivuston rakenne oli monimutkaistunut ja saavutettavuus jäi jälkeen nykyaikaisista vaatimuksista.

Tavoitteena oli uudistaa koko verkkopalvelu niin, että se tukee yrityksen toimintaa pitkällä aikavälillä: helppo ylläpitää, saavutettava ja selkeä sekä käyttäjien että sisällöntuottajien näkökulmasta.

Ratkaisu

Saavutettavuus ja selkeys suunnittelun ytimessä

Uudistus toteutettiin WordPressin päälle, ja samalla Äänekosken Energia siirtyi kokonaan HubSpotista WordPressin omaan ekosysteemiin. Avidly rakensi sivuston uuden, modulaarisen teeman päälle hyödyntäen Gutenberg-editoria, joka mahdollistaa sisällönluonnin ja päivitysten tekemisen suoraan sivulla – ilman teknistä osaamista. Tämä teki sivuston ylläpidosta huomattavasti joustavampaa ja nopeampaa kuin aiemmin.

Rakenteen ja navigaation suunnittelussa keskityttiin selkeyteen ja käyttäjäystävällisyyteen. Sivuston sisältöä karsittiin, muokattiin ja rakennettiin uudelleen niin, että eri liiketoiminta-alueet erottuvat selkeämmin ja käyttäjät löytävät tarvitsemansa tiedon intuitiivisesti. Myös aiemmin erillisellä alustalla olleet uutiset tuotiin osaksi uutta kokonaisuutta, mikä vahvisti brändin yhtenäisyyttä ja paransi hakukonenäkyvyyttä.

Samalla Avidlyn tiimi toteutti saavutettavuusauditoinnin ja varmisti, että uusi sivusto täyttää WCAG 2.1 AA -tason vaatimukset. Saavutettavuus ei ollut vain lisätoimenpide, vaan keskeinen osa suunnittelua – väreistä kontrasteihin ja sisällön jäsentelyyn asti.

Yksi projektin kriittisimmistä teknisistä osa-alueista oli häiriötiedoteintegraation modernisointi. Uudistuksen yhteydessä siirryttiin WordPressin Full Site Editing -arkkitehtuuriin, mikä edellytti aiemman integraation refaktorointia. Pelkän siirron sijaan Avidly kehitti integraatiota edelleen varmistaakseen sen täyden toimintavarmuuden ja yhteensopivuuden uuden teknisen ympäristön kanssa.

Integraation virheenkäsittelyä ja diagnostiikkaa vahvistettiin merkittävästi: lokitusjärjestelmää laajennettiin tuottamaan tarkkaa, kontekstuaalista tietoa, joka sisältää nyt aikaleimat, toimenpideviestit ja metriikat, kuten haettujen ja päivitettyjen tiedotteiden määrät. Näiden parannusten ansiosta poikkeustilanteet voidaan havaita välittömästi ja niihin voidaan reagoida nopeasti – mikä on kriittistä energia-alan tiedottamisessa.

Visuaalisesti sivuston ilmettä kirkastettiin: modernimpi typografia, selkeämpi värimaailma ja raikkaampi rakenne tekevät kokonaisuudesta yhtä aikaa tunnistettavan ja kevyen käyttää. Lopputulos on teknisesti vakaa, saavutettava ja sisällöllisesti dynaaminen verkkopalvelu, joka palvelee sekä käyttäjiä että ylläpitäjiä.

Lopputulos

Positiivinen palaute vahvisti onnistuneen uudistuksen

Uudistettu aanekoskenenergia.fi on nyt selkeä, saavutettava ja helppo käyttää. Sivuston rakenne tukee paremmin eri liiketoiminta-alueita, ja käyttäjät löytävät tarvitsemansa tiedon nopeasti. Avidlyn toteuttaman saavutettavuusauditoinnin myötä palvelu täyttää WCAG 2.1 AA -tason vaatimukset, ja parannettu integraatio varmistaa häiriötiedotteiden luotettavan toiminnan.

Loppukäyttäjiltä saatu palaute on ollut pääosin positiivista,  sivustoa pidetään selkeänä, modernina ja helpommin navigoitavana kuin ennen.

Lopputuloksena Äänekosken Energialla on joustava, teknisesti vakaa ja tulevaisuuteen valmis WordPress-sivusto, joka palvelee sekä käyttäjiä että ylläpitäjiä entistä paremmin.

Lisää teoksiammeKaikki teokset