Onnistuimme yhdessä Itiksen kanssa: Uudistuvan kauppakeskuksen uusi verkkosivusto ja intranet 

Projekti lyhyesti

Pohjoismaiden suurimpiin kauppakeskuksiin kuuluva Itis uudisti logonsa, visuaalisen ilmeensä ja brändistrategiansa. Meidän tehtävämme oli uuden verkkosivuston tekeminen, toiminnallisesta ja teknisestä määrittelystä toteutukseen ja ylläpitoon.

Tavoitteet

• Uuden visuaalisen ilmeen ja brändin digitalisointi 
• Liikkeiden tietojen sujuva käyttö ja ylläpito 
• Käytettävyys etenkin älypuhelimilla 
• Liikkeiden edustajien entistä parempi sitouttaminen kauppakeskuksen toimintaan 
• Suorituskykyinen ja tietoturvallinen tekninen ratkaisu 

Ratkaisut

• Älykäs liikehaku, liikkeiden suodatus ja karttatoiminnallisuus 
• Intranet liikkeiden edustajien ja Itiksen tiimin käyttöön 
• Käyttöliittymän suunnittelu ensisijaisesti mobiilikäyttö edellä (”mobile first”) 
• Alustana WordPress, kartat Mappedin-työkalulla. 
• Jatkuva ylläpito 24/7 ja jatkokehitys 

Tulokset

• Verkkosivustolla keskimäärin käytetty aika on nelinkertaistunut. 
• Vierailun aikana selattavien sivujen määrä on kasvanut 50%. 
• Selvästi aiempaa suurempi osa käyttäjistä selaa vierailun aikana useamman kuin yhden sivun. 
• Itiksen tiimi ja liikkeiden edustajat ovat ottaneet intranetin aktiivisesti käyttöön ja esimerkiksi verkkopalvelussa julkaistujen tarjousten määrä on selvästi aiempaa suurempi. 
• Tyytyväinen asiakas ja tyytyväinen Into-Digitalin tiimi.

Onnistuimme palvelumuotoilussa:

Monta käyttäjäryhmää, monta käyttötapausta

Verkkosivuston tärkeimpiä käyttäjiä ovat kauppakeskuksen asiakkaiden ja lähialueen asukkaiden lisäksi kauppakeskuksen liikkeiden edustajat, jotka ylläpitävät liikkeiden tietoja intranetin kautta. Tarkoituksena on myös positiivisesti vaikuttaa yrityksien halukkuuteen tuoda liikkeensä Itikseen. 

Palvelumuotoilussa huomioitiinkin huolellisesti sekä verkkosivuston käyttäjät että ylläpitäjät. Ylläpitäjien määrä on Itiksellä poikkeuksellisen suuri, koska Itiksen toimiston henkilökunnan lisäksi verkkosivuston sisältöjä ylläpitävät liikkeiden edustajat intranetin kautta. 

Onnistuimme sisällöissä:

Liikkeiden tiedot ovat verkkosivuston tärkein sisältö

Kauppakeskusten verkkopalveluissa eniten käytetyt sisällöt ja toiminnallisuudet tyypillisesti liittyvät aukioloaikoihin, myymälöihin ja palveluihin. Tämä sääntö pätee myös Itiksen tapauksessa. Liikkeille taas erityisen tärkeää on tarjouksien ja lounaslistojen saaminen esiin verkkosivustolla. 

Kauppakeskusten verkkopalveluissa eniten käytetyt sisällöt ja toiminnallisuudet tyypillisesti liittyvät aukioloaikoihin, myymälöihin ja palveluihin. Tämä sääntö pätee myös Itiksen tapauksessa. Liikkeille taas erityisen tärkeää on tarjouksien ja lounaslistojen saaminen esiin verkkosivustolla.

Sisältöjen hallinta tapahtuu helppokäyttöisellä WordPress-sisällönhallintatyökalulla. Toteutimme työkalun käyttökoulutuksen sekä Itiksen tiimille että liikkeiden edustajille ja tarjoamme käyttötuen.

Onnistuimme designissa:

Käyttöliittymä suunniteltiin “mobiili ensin”

Käyttöliittymän kautta verkkosivuston käyttäjä vuorovaikuttaa käyttämänsä verkkosivuston kanssa. Hyvin suunniteltu ja huolellisesti toteutettu käyttöliittymä tekee verkkosivuston käyttämisestä sujuvaa. Itiksen verkkosivustolla keskityttiin erityisesti liikkeiden listauksen ja suodatuksen käyttöliittymään. 

Analytiikan mukaan Itiksen verkkosivuston käytöstä jopa 80% tehdään älypuhelimella. Käyttöliittymän suunnittelu tehtiin siksi ”mobiili ensin” -suunnitteluperiaatteella. Ensisijaisesti siis keskityttiin mobiilikäyttöön ja sitten sovitettiin käyttöliittymä tietokoneella käytettäväksi. Toteutus on responsiivinen, eli verkkosivusto mukautuu sujuvasti käytettäväksi eri päätelaitteilla. 

Haasteellinen osa käyttöliittymän suunnittelua oli myös ylläpitotyökalun suunnittelu intranetiin. Kun ylläpitäjiä on jopa satoja, täytyy ylläpitotyökalun käytön olla erityisen helppoa. Tässä onnistuttiin erinomaisesti ja liikkeiden edustajien palaute on ollut erittäin positiivista.

Itiksen uusi ilme herää eloon verkossa

Verkkopalvelun visuaalinen ilme värittää ja kuvittaa käyttöliittymän. Se on erityisen tärkeä mielikuvien ja verkkosivuston tunnelman kannalta. Parhaimmillaan ilme vaikuttaa positiivisesti myös verkkosivuston käytön sujuvuuteen. 

Itiksen uusi visuaalinen ilme on melko yksinkertainen ja pelkistettykin. Verkkopalvelun värimaailma rakentuu harmaan, mustan ja valkoisen käyttöön, jota täydennetään muutamilla tehosteväreillä. Kuvamaailmassa esiin pääset Itiksen ihmiset. 

Kirjavuutta ilmeeseen tuovat Itiksen liikkeiden edustajien intranetin kautta tuottamat tarjoukset. 

Onnistuimme teknisessä toteutuksessa:

Teknisesti saumattomasti toimiva kokonaisuus

Verkkosivusto on, intranet mukaan lukien, rakennettu WordPress-julkaisujärjestelmän päälle, jota myös käytetään sisältöjen ylläpitämisessä. Kauppakeskuksen kartta on tehty sisätilojen digitaalisten karttojen Mappedin-työkalulla. 

Itiksen verkkopalveluun myös toteutettiin useampia integraatioita eri järjestelmien välillä. Erityisen tärkeä osa kokonaisuutta on tietojen siirtäminen intranetin ja verkkosivuston välillä: 

• liikkeiden tiedot ja kauppakeskuksen aukioloajat intranetistä 
• kauppakeskuksen kartta Mappedin-työkalusta 
• myynnin tilastot intranetistä Itiksen myynnin seurantaan. 

Teknisessä toteutuksessa on huolellisesti huomioitu myös hakukoneoptimointi, tietoturva ja verkkosivuston suorituskyky. 

Onnistumme Huolenpidossa:

Huolehdimme verkkosivuston ja intranetin toiminnasta 24/7

Verkkosivuston ja intranetin ylläpito toteutetaan Huolenpitopalvelumme muodossa. Kuukausittain tehtävään ylläpitoon kuuluu WordPress-julkaisujärjestelmän ja sen ulkoisten laajennosten versio- ja tietoturvapäivitykset. Lisäksi palveluun sisältyy asiakastuki ja neuvonta sekä päivittäinen varmuuskopiointi.