Avoin.Systems
Toimimme oman verkkosivumme uudistusprojektissa itse sekä asiakkaana että verkkosivutoimittajana – toteutimme projektin kuin se olisi yksi asiakasprojekteisamme.
Projektin taustalla oli kesällä 2022 toteuttamamme bränditutkimus, jonka tulosten pohjalta nousi tarve yhdistää kaksi liiketoimintayksikköämme Web-veistämö ja Avoin.Systems. Brändiuudistuksen myötä yrityksen virallinen nimi muuttui Avoin.Systems Oy:ksi ja yrityksen kaksi eri verkkosivua tuli yhdistää yhdeksi loogiseksi kokonaisuudeksi.
Brändiuudistuksen myötä myös verkkosivun visuaalinen ilme kaipasi päivittämistä. Verkkosivun ja uuden brändin designista vastasi yhteistyökumppanimme Keskiö. Uuden sivuston suunnittelun lähtökohtana oli käyttäjäkokemus ja analysointi siitä, mitä asiakkaamme etsivät missäkin vaiheessa ostoprosessia. Kahden eri verkkosivun yhdistämisen takia nousi esille tarve selkeyttää valikkorakennetta ja koko sivustoa.
Tekninen toteutus luotiin hyödyntämällä omaa Lankku -teemaa, jonka nopeuteen, käytettävyyteen ja saavutettavuuteen on kiinnitetty erityistä huomiota. Sisältöosiot on tehty käyttäen WordPressin omaa Gutenberg-sisältöeditoria, jonka lohkojen avulla sisällön jaottelua ja ulkoasua pystyy helposti muokkaamaan. Sisältöeditoria varten olemme myös luoneet omia lohkoja sekä natiivilla (JavaScript/React) tavalla että käyttäen Advanced Custom Fields -lisäosan tarjoamia PHP-lohkomahdollisuuksia.
Toteutuksessa on panostettu erityisesti siihen, että verkkosivun ylläpitäjät (markkinointitiimi) pystyvät itse helposti muokkaamaan kaikkia eri sisältöjä. Isoin uudistus sivustolla on tehty valikkoon, johon voidaan nostaa esim. blogikirjoituksia ja muuta dynaamista sisältöä perinteisen valikon lisäksi. Megamenu skaalautuu kuitenkin mobiilissa kompaktimmaksi ns. hampurilaisvalikoksi, jolloin käytettävyys pysyy hyvänä mobiililaitteillakin.
Olemme erittäin tyytyväisiä uuteen sivustoon – uusi ulkoasu ja uudet ominaisuudet helpottavat verkkosivun ylläpitoa ja tuovat eri sisällöt asiakkaalle helposti luettavaksi ostoprosessin eri vaiheissa.