Helsingin Satama

Helsingin Satama uudisti verkkosivunsa yhdessä digitoimisto Karhu Helsingin kanssa. Helsingin Satama on yksi Euroopan vilkkaimmista matkustajasatamista ja Suomen ulkomaankaupan väylä maailmanmarkkinoille.

Karhu Helsinki vastasi uuden Portofhelsinki.fi-sivuston konseptoinnista, suunnittelusta ja rakentamisesta tiiviissä yhteistyössä mittavan sisältötyön tehneen Sataman viestintätiimin kanssa. Projektin pohjaksi tehtiin käyttäjätutkimus ja se vietiin läpi samanaikaisesti Sataman brändiuudistuksen kanssa. Uuden sivuston julkaisujärjestelmänä toimii WordPress.

Uudistuksen pohjana käyttäjätutkimus

Verkkosivujen uudistuksen pohjaksi Karhu Helsinki toteutti Helsingin Sataman vanhalle sivustolle kattavan käyttäjätutkimuksen. Tutkimusmenetelminä käytettiin kuumakarttatestausta, kävijätilastojen analyysia, kävijäkyselyä ja sivuston asiantuntija-analyysiä.

Käyttäjätutkimuksessa tunnistettiin yhdeksän strategisesti tärkeää painopistealuetta, joilla uuden sivuston olisi erityisen tärkeää olla vanhaa parempi. Näitä painotettiin erityisesti uuden sivuston konseptisuunnittelussa, ja ne antoivat suunnan työskentelylle koko uudistusprojektin ajan.

Painopistealueita olivat muun muassa laadukas navigointikokemus tietokoneella ja mobiilissa sekä mobiilikäyttökokemus ylipäätään, laadukas haku, päävalikkorakenteen optimointi sekä saavutettavuuden huomiointi käyttökokemuksessa, tekniikassa ja sisällössä.

Kun uusi sivusto oli julkaistu, käyttäjätutkimus toistettiin samoilla menetelmillä ja lähes samalla tutkimusasettelulla, jota oli hyödynnetty vanhalla sivustolla. Tutkimuksen tulosten perusteella saatiin todeta, että uusi sivusto on olennaisesti vanhaa parempi kaikilla yhdeksällä painopistealueella, joita uudistusprojektissa pidettiin tärkeinä.

Teknisiä yksityiskohtia

Helsingin Sataman uudet verkkosivut ovat kiinnostava esimerkki WordPress-järjestelmän päälle rakennetusta monikanavaisesta sisällön julkaisemisesta. Sen mahdollistaa monipuolinen integraatioiden kokonaisuus. Rahtisataman tilannekuvan yhteen kokoava Vuosaari Harbour Today -näkymä pitää sisällään integraatiot seitsemään erilliseen Sataman sisäiseen ja ulkoisten palveluntarjoajien datalähteeseen.

Vuosaari Harbour Today -näkymän integraatiot:

1. Ajoneuvoliikenteen määrät ja keskimääräiset asiointiajat Sataman järjestelmän tuottamasta XML-datasta
2. Maanteiden liikennetilanne Fintrafficin tuottamasta JSON-datasta
3. Säätiedot Sataman sääaseman tuottamasta XML-datasta
4. Saapuvien ja lähtevien laivojen tiedot Sataman liikennejärjestelmän tuottamasta XML-datasta
5. Marine Traffic -meriliikennepalvelun meriliikennekartta upotuksena
6. Web-kamerapalvelun tuottamat reaaliaikaisesti päivittyvät JPG-kuvat
7. Liikennetietoa Sataman sisäisen järjestelmän tuottamasta XML-datasta

Sivustolle integroitiin myös Liana-uutiskirjetyökalun tilauslomake ja CSV-taulukkodatasta päivittyvä yrityshakemisto. Lisäksi otettiin käyttöön tietoturvaa vahvistava kaksivaiheinen tunnistautuminen sivuston päivittäjille.

Sataman sivusto toimii myös julkaisun osalta monikanavaisesti. Sivustolle toteutetun JSON-rajapinnan ansiosta valikoidut sivuston sisällöt näkyvät perinteisten selainnäkymien lisäksi myös näyttöruuduilla laivaterminaaleilla sekä osana Helsingin Sataman mobiilisovellusta.

Projekti eteni ripeästi

Aikataulupaineen työskentelyyn toi Sataman vanhan sivuston julkaisujärjestelmän tuen päättyminen. Sataman viestintätiimi teki tiiviillä aikataululla suuren työn sivuston sisältöjen läpikäynnissä ja sisällön muotoilussa merkittävästi aiempaa silmäiltävään ja kävijäystävällisempään muotoon WordPressiin suunniteltuja sisältömoduuleita hyödyntäen.

Jatkokehitystä dataan ja tutkimustietoon pohjaten

Sataman sivustolla erityistä suosiota ovat saaneet lähtevien ja saapuvien laivojen reaaliaikaiset tiedot sekä sataman webkamerat. Sivustoa on tarkoitus jatkokehittää aktiivisesti ja myös tämän työn perustana hyödynnetään dataa ja tutkimustietoa.