Hansakortteli.fi – kauppakeskuksen uusi verkkosivusto

Kauppakeskus Hansa uudisti verkkosivustonsa vastaamaan uuden brändinsä henkeä ja kävijöiden muuttuneita tarpeita. Avidlyn suunnittelema ja toteuttama kokonaisuus yhdistää tyylikkään visuaalisuuden, saavutettavuuden ja sujuvan käytettävyyden. Uusi sivusto elää ajassa, palvelee mobiilikävijöitä ja tekee sisällönhallinnasta vaivatonta – aivan kuten modernin kaupunkikeskuksen kuuluukin.

Lähtökohta: Elävä verkkokokemus Hansakorttelille

Turun keskustan ytimessä sijaitseva Hansakortteli halusi uudistaa verkkosivustonsa tukemaan uutta brändiään ja vastaamaan paremmin nykykävijöiden odotuksiin. Uudistetun sivuston tavoitteena oli palvella sekä paikan päällä asioivia että verkossa vierailevia kävijöitä ja samalla vahvistaa Hansan roolia elävänä kaupunkikeskuksena, joka kutsuu viettämään aikaa sen ympärille.

Vanha sivusto täytti perustoiminnallisuudet, mutta sen käyttöliittymä kaipasi selkeyttä ja nopeutta. Myös sisällöntuottajien toivottiin saavan tehokkaammat työkalut sivuston päivittämiseen. Uudistuksen tavoitteena oli yhdistää vahva brändi, sujuva käyttäjäkokemus ja helppokäyttöinen hallintajärjestelmä.

Koska 80 prosenttia kävijöistä käyttää sivustoa mobiilisti, suunnittelu tehtiin mobile first -periaatteella. Verkkosivun tuli olla nopea, selkeä ja tyylikäs, moderni tulkinta Hansan brändiviestistä Luomme kaikkien aikojen kaupunkielämää.

Ratkaisu: Modulaarinen, saavutettava ja mobiili

Projekti käynnistettiin yhteisellä määrittelyvaiheella, jossa Avidlyn ja Hansan tiimit rakensivat yhteisen näkemyksen tavoitteista, käyttäjäpoluista ja rakenteesta. Määrittelyyn sisältyi myös nykyisen sivuston kevyt auditointi ja tarvittavien toiminnallisuuksien kartoitus.

Tämän pohjalta Avidlyn UX- ja UI-suunnittelijat loivat uuden sivustorakenteen, joka tiivistää navigaatiota ja tekee tiedonhausta entistä sujuvampaa. Käyttäjäkokemus suunniteltiin mobiilipainotteisesti ja visuaalisesti uudistetun brändi-ilmeen mukaisesti.

Teknisesti sivusto rakennettiin Avidlyn kehittämän saavutettavan WordPress-teeman päälle. Teema hyödyntää WordPressin lohkopohjaista Gutenberg-editoria ja tukee Full Site Editing (FSE) -ominaisuuksia, mikä tekee sisällönhallinnasta intuitiivista ja joustavaa.

Sivustolle toteutettiin kaksi integraatiota:

• HubSpot, uutiskirjetilausten hallintaan
• Upto, joka yhdistää verkkosivun tiedot kauppakeskuksen opastinjärjestelmään ja mahdollistaa tietojen automaattisen päivittymisen

Lisäksi Avidly rakensi liikkeiden ja aukioloaikojen hallintamoduulin sekä kolme kieliversiota (suomi, englanti, ruotsi).

UpTo-Integraatio tarjoaa reaaliaikaisen tietosyötteen Hansakorttelin infonäytöille, varmistaen että kävijöille näkyvä liikekohtainen tieto on aina ajan tasalla ja linjassa verkkosivuston kanssa. Ratkaisun ansiosta esillepanot pysyvät tuoreina ja yhtenäisinä kaikissa kanavissa – ilman erillistä manuaalista päivitystyötä. Lisäksi sivustolle upotetut “Liikkeen sijainti” -kartat käyttävät tämän integraation avulla saatuja tietoja toimiakseen.

Tekninen toteutus perustuu REST-rajapintaan, joka tarjoaa kaksi keskeistä päätepistettä: toisen täydellisille liiketiedoille (nimet, yhteystiedot, aukioloajat, kuvaukset, kategoriat ja kuvat kolmella kielellä) ja toisen viimeisimmän päivitysajankohdan tarkistamiseen. Liiketietoja hallitaan kustomoidun sisältötyypin sisällä, ja liikkeet on luokiteltu hierarkkisilla kategorioilla sekä joustavilla avainsanoilla.

Kun ylläpitäjät tekevät muutoksia WordPressin hallintapaneelissa — esimerkiksi päivittävät aukioloaikoja tai lisäävät uuden liikkeen — muutokset voivat näkyä näytöillä vaikka välittömästi.Tämä parantaa asiakaskokemusta, vähentää virheitä ja helpottaa Hansakorttelin arjen ylläpitoa.

Lopputulos: Elävä brändialusta

Uudistettu hansakortteli.fi on raikas ja saavutettava verkkosivusto, joka yhdistää Hansan brändin ja käytettävyyden saumattomasti. Käyttäjät löytävät tiedon helposti, ja visuaalinen ilme tuo esiin Hansan energisen ja urbaanin tunnelman.

Sivuston ylläpito on merkittävästi yksinkertaistunut: sisällöntuottajat voivat luoda ja päivittää sisältöjä suoraan lohkoeditorin avulla ilman teknistä osaamista. Mobiilikokemus on sujuva, ja nopeusmittaukset osoittavat selkeää parannusta aiempaan versioon verrattuna.

Avidly vastasi myös tekstisisällöistä ja valokuvauksesta, varmistaen että sivuston tonaliteetti ja visuaalisuus ovat linjassa Hansan uudistetun brändin kanssa.