Amos Rex: miten nostaa upea sisältö oikeuksiinsa hyvällä designilla?

Kun museo on täynnä upeita visuaalisia asioita, tavoitteena oli rakentaa tyylikäs ja toimiva kehys sille sisällölle, jotta se pääsee oikeuksiinsa.

Kun kyseessä on yksi lähivuosien puhutuimmista kulttuurihankkeista Suomessa, josta kansainväliset mediat BBC:a ja CNN:a myöten kirjoittavat jo ennen avajaisia, laittaa se myös verkkopalvelun vaatimukset korkealle. Miten tukea nostetta digitaalisessa maailmassa ja varmistaa, että museon poikkeuksellinen henki ja maailmanluokan sisältö pääsevät esille oikealla tavalla?

Keidas keskellä kaupungin neonvaloräiskettä, jonne voisi mennä rauhoittumaan ja nauttimaan. Se oli yksi Amos Rexin taidemuseon taustalla olevista filosofioista. Tämän ajatusmaailman haluttiin välittyvän myös verkkopalvelussa. Samoin oli jo rakennusvaiheessa selvää, että museosta oli tulossa jotain hyvin poikkeuksellista.

 ”Verkkosivusta haluttiin myös moderni ja rauhallinen”, kertoo Creunan Business Development Director Marko Paananen. ”Vanhalta sivustolta ei siirretty uudelle mitään, sillä tässä oli kyseessä ihan oma museonsa. Työhön lähdettiin puhtaalta pöydältä.”

 Uuden museon tiedettiin herättävän kansainvälistäkin kiinnostusta jo ennakkoon ja siksi oli kiire saada edustava sivu auki jo kesän korvilla. Päädyttiin ratkaisuun, jossa ensin julkaistiin kevyt landing page -versio. Se toimi myös pohjatyönä varsinaista sivustoa varten. Ländärille suunniteltua navigaatio-ideaa ja yleisilmettä hyödynnettiin myös lopullisella sivustolla.

 ”Ländäri täytti hyvin tehtävänsä ja tarjosi nopean tavan saada uuden museon asioista kertova sivusto julki jo kesäkuussa, kun median ja yleisön kiinnostus tulevaa museota kohtaan alkoi konkretisoitua.”

 Tärkeä osa museon toimintaa ovat erilaiset opaskierrokset, joita voi varata ryhmille. Kiinnostus varauksia kohtaan oli kova jo paljon ennen avajaisia. Prosessi haluttiin siirtää itsepalvelun puolelle jo landing page -vaiheessa. Opasvarauksista kiinnostuneet pystyivät katsomaan itse netistä vapaat ajat ja tekemään varauksen loppuun asti itse. Varauslomake integroitiin Timeworks-järjestelmään, joka museolla oli jo ennestään käytössä.

 ”Koko syksyn opaskierrokset varattiin loppuun. Puhutaan siis tuhansista varauksista”, Paananen kertoo.

 Seuraava liiketoiminnan kannalta tärkeä funktio on on-line lippukauppa, jota pilotoitiin jo vuoden 2018 lopulla. Lippukauppaa aletaan testata pienessä mittakaavassa kevään näyttelyssä.

Designin lähtökohtana tukea upeaa sisältöä

Paananen on ollut mukana toteuttamassa monien korkean profiilin kulttuuritoimijoiden verkkouudistuksia, kuten HAM, Helsingin Kaupunginmuseo ja Helsingin Kaupunginteatteri.

”Kulttuuritoimijoiden kanssa on hienoa tehdä näitä uudistuksia, sillä heidän päätuotteena on korkealuokkainen sisältö ja heillä on siihen suuri intohimo. Toisaalta haasteena on se, että ’tuote’ on abstrakti: se ei ole mitään, mitä kuluttaja voisi mennä kaupan hyllylle hypistelemään ja pohtimaan, että olisiko tämä minulle sopiva.”

”Siksi verkkosivuston merkitys tässä bisneksessä on tietyllä tavalla poikkeuksellisen suuri. Sen on luotava mielikuva elämyksestä ja houkutella käyttäjä paikan päälle.”

Niin myös Amos Rexin sivuston suunnittelun lähtökohtana oli sisällön tuominen houkuttelevasti sivuille ja sen tukeminen hyvän käyttöliittymän avulla.

”Kyse on museosta, joka on täynnä upeita visuaalisia asioita. Meidän tehtävänämme oli rakentaa tyylikäs ja toimiva kehys sille sisällölle, jotta se pääsee oikeuksiinsa.”

Suunnittelun lähtökohdaksi otettiin melko yksinkertainen pohja, joka jättäisi tilan ja pääosan sisällölle, erityisesti isoille kuville. Sivulle jätettiin paljon tyhjää tilaa, päänavigaatioon valittiin isoa, selkeää ja rohkeaa fonttia.

”Toisaalta sinne on tuotu moderniutta ja jonkin verran sellaista pientä, tarkoin harkittua visuaalista kikkailua. Esimerkiksi se, miten logo tai osa otsikoista on animoitu”, Paananen kuvailee.

Navigaatioelementtien, käyttöliittymäanimaatioiden ja sivupohjien rakenteiden haluttiin tukevan Amos Rexin brändimaailmaa.

Oleellinen tieto löydettävissä helposti

Suunnitteluvaiheessa luotiin selkeät asiakaspolut ja pohdittiin tarkasti, miten asiat ryhmittyvät sivustolla ja mikä on eri sivujen keskinäinen hierarkia. Käyttäjäpolut onnistuttiin luomaan loogisiksi ja käyttäjiltä saatu palaute on ollut erittäin positiivista. Kun navigaatio pystyttiin pitämään selkeänä ja sivujen sisällä olevat nostot on valittu huolella, ovat käyttäjät löytäneet helposti myös sisällöt, jotka ovat ”syvemmällä” sivuilla.

”Creuna sai hyvin kiinni siitä, mikä on oleellista nostaa kulloinkin esille kävijöille”, kehuu Amos Rexin liiketoiminnan kehityspäällikkö Sara Järvi. ”Bonce-rate on pysynyt tosi matalana ja oleellinen tieto on selvästi löytynyt sivuilta hyvin, sillä meille on tullut hyvin vähän kyselyitä perusasioista.”

Hierarkisesti sivuston ykkösasiaksi nostettiin kulloinkin käynnissä oleva näyttely. Se haluttiin sivuille esille ensimmäisenä. Toinen museolle tärkeä osio on ”Tule meille”, joiden suunnitteluun käytettiin paljon aikaa. 

”Museon kohdalla asiat kuten aukioloajat ja lippujen hinnat ovat asioita, joiden tärkeyttä ei voi liiaksi korostaa. Niiden on pakko löytyä helposti. Amos Rexillä on esimerkiksi erilaisia alennusryhmiä, joiden esittämismuotoja mietittiin paljon. Niiden haluttiin olevan yhdellä vilkaisulla selkeitä käyttäjille.”

Yhteistyökumppanien näkyvyys ja tunne siitä, että he saavat vastinetta panostuksilleen on asia, jota moni yritys ja yhteisö pohtii. Miten luoda heille yhteistyöstä todellista arvoa? Amos Rexin tapauksessa tarkoin valitut yhteistyökumppanit olivat myös äärimmäisen tärkeä ryhmä, jota haluttiin palvella parhaalla mahdollisella tavalla.

”Arvokkainta yhteistyössä molemmin puolin on ollut yhteistyökumppanien kanssa toteutetut yhteistyöprojektit: esimerkiksi Danske Bankin kanssa tuotamme augmented reality -sisältöä kevään aikana. Yhteistyökumppanit ovat pystyneet positioimaan yhteistyön avulla ja mielestäni he ovat käyttäneet tätä mahdollisuutta hienosti”, Järvi kertoo.

Verkkosivuilla heille toteutettiin mahdollisuus olla esillä haluamillaan sisällöillä. Kumppanit saivat halutessaan oman alasivu Kumppanit-osioon, jolla he voivat halutessaan kertoa yhteistyöstään Amos Rex:in kanssa omasta näkökulmastaan.

Hyvä kommunikaatio ja tehokas työtapa Creunan vahvuuksina

Järvi kehuu Creunan joustavuutta ja reaktiivisuutta toteutusvaiheessa.

”Kommunikaatio Creunan tiimin kanssa oli tosi mahtavaa ja projektiryhmä sai nopeasti kiinni siitä, mitä haettiin. Työt hoituivat todella hyvin ja nopeasti, joten ei voi muuta kuin olla tyytyväinen.”

Aikataulun ollessa tiukka, prosessin osalta päädyttiin hieman poikkeukselliseen ratkaisuun, jossa front-end suunniteltiin ensin staattisiksi näkymiksi, jotka pilkottiin blokkeihin back-endiin ja tehtiin asetukset Wordpressin puolelle.

Sivusto tehtiin modulaariseksi: luotiin useita eri blokkeja, joita vapaasti yhdistelemällä voi rakentaa erilaisia sivuja. Julkaisuun käytettiin Buddy.works -palvelua, jossa toimii continuous integration: teemoihin tehtävät muutokset siirtyvät suoraan versiohallinnasta Buddy.works’iin, joka ajaa ne heti joko testiympäristöön tai tuotantoon. 

Amos Rexin museon ensimmäiset kuukaudet ovat olleet huikea menestys. Syksyn kävijätavoitteeksi asetettiin 100 000 vierailijaa, mutta tammikuun alussa loppunut avajaisnäyttely keräsi lopulta peräti 270 00 kävijää!

Kiinnostus uutta museota kohtaan on näkynyt myös verkkopalvelussa: sivusto keräsi syksyn aikana lähes 650.000 vierailua ja n. 1,65 miljoonaa sivulatausta.

 

Haluatko kuulla lisää, miten voit parantaa liiketoimintaasi digitaalisilla ratkaisuilla? Tilaa Creunan uutiskirje!