Analytiikka
Design
Saavutettavuus
UI/UX -suunnittelu
Visuaalinen suunnittelu
WordPress-verkkosivut

Arkkitehtuuri- ja designmuseon verkkosivustouudistus

Asiakas ja konteksti

Arkkitehtuuri- ja designmuseo (AD-museo) on uusi valtakunnallinen instituutio, joka syntyi Arkkitehtuurimuseon ja Designmuseon yhdistyessä vuoden 2024 alussa. Verkkosivu-uudistuksen tavoitteena oli rakentaa moderni, saavutettava ja kansainvälisesti palveleva verkkopalvelu, joka tukee uuden museon brändiä, tarjoaa ajankohtaista näyttely- ja tapahtumatietoa sekä toimii keskeisenä viestintäkanavana Museo 2030 -hankkeen yleisölle.

Sivusto toteutettiin WordPressillä ja sen saavutettavuus on suunniteltu WCAG 2.2 AA -tason mukaisesti.

AD-museo.fi

Lähtökohdat ja tavoitteet

Uuden sivuston keskeinen tehtävä oli palvella laajaa ja monimuotoista yleisöä – museokävijöitä, tutkijoita, koululaisia, kulttuurialan ammattilaisia sekä kansainvälisiä käyttäjiä. Tämän vuoksi sisällöt ja sivustorakenne suunniteltiin vastaamaan erilaisten kohderyhmien tarpeita monikielisesti ja saavutettavasti.

Yksi keskeisistä tavoitteista oli keventää ylläpitäjien viikoittaista työkuormaa ja järkevöittää sisällöntuotantoa vähentämällä manuaalista ja päällekkäistä sisällönsyöttötyötä. Tämä toteutettiin muun muassa joustavalla aukiolo- ja poikkeusaukioloaikojen hallinnalla sekä rakentamalla dynaamisia sisältölohkoja. Lohkojen ansiosta sisältöä voidaan hallita keskitetysti yhdestä paikasta, jolloin muutokset päivittyvät automaattisesti kaikille niille sivuille, joilla sama sisältö esiintyy. Tämä vähentää manuaalista työtä ja tehostaa sisällönhallintaa merkittävästi.

Suunnittelu

Suunnittelu käynnistettiin konseptityöpajoilla, joissa kartoitettiin kohderyhmät, käyttäjäpolut ja palvelun tavoitteet. Tämän jälkeen kartoitettiin visuaalista ilmettä ja luotiin sivustokartta. Teknisten työpajojen avulla suunniteltiin sivuston arkkitehtuuri ja tietomalli, jotka palvelevat sekä käyttäjäkokemusta että sisällöntuottajien työtä.

Työpajojen pohjalta suunniteltiin verkkosivuston käyttöliittymä ja visuaalinen ilme tiiviissä yhteistyössä asiakkaan kanssa. Lopputuloksena syntyi kulttuurisisältöä ja museon identiteettiä tukeva verkkopalvelu, joka on sekä esteettisesti kiinnostava, selkeästi navigoitavissa että teknisesti laadukas.

AD-museon WordPress-verkkosivun toteutus: Digitoimisto redandblue

Ratkaisu

Sivustolle kehitettiin useita räätälöityjä sisältötyyppejä ja dynaamisia lohkoja, joiden avulla AD-museon tiimi voi nostaa ajankohtaista sisältöä eri puolille sivustoa visuaalisesti ja rakenteellisesti yhtenäisellä tavalla.

Erityishuomiota sai näyttely- ja tapahtumakalenteri, joka auttaa käyttäjiä selaamaan tapahtumia helposti. Kalenteri on Vue.js teknologialla toteutettu räätälöity ratkaisu, mikä yhdistää usean eri sisältötyypin sisältöjä samaan helposti suodatettavaan näkymään. Näyttely- ja tapahtumakalenterissa voi valita halutun päivämäärän tai viikon ja suodattaa sisältöä esimerkiksi tapahtumatyypin, kohderyhmän, sijainnin tai kielen mukaan. Lisäksi käyttäjä voi rajata näkymän vain maksuttomiin tapahtumiin. Tämä mahdollistaa mm. Sen, että käyttäjät voivat katsoa mitä tapahtumia museossa on jonain tiettynä päivänä, esimerkiksi kuukauden päästä.

Sivuston teknisessä toteutuksessa painotettiin suorituskykyä ja energiatehokkuutta. Kuvien optimointi toteutettiin käyttämällä kevyttä WebP-formaattia sekä estämällä tarpeettoman suurten kuvien latautuminen. Ensimmäisenä ladattavien elementtien koko optimoitiin huolellisesti, mikä parantaa sekä käyttäjäkokemusta että sivuston ekologista jalanjälkeä.

Lisäksi uudistuksen yhteydessä hoidettiin eri museoiden vanhojen sivustojen alasajo sekä niiden uudelleenohjaukset uudelle sivustolle oikeaoppisesti.

Sivusto noudattaa WCAG 2.2 AA -tason saavutettavuusvaatimuksia. Tämä takaa selkeän, yhdenvertaisen ja ruudunlukijoille hyvin toimivan käyttökokemuksen kaikille käyttäjille.

Kiinnostuitko ratkaisusta tai haluatko kuulla lisää? Ota yhteyttä ja jutellaan lisää siitä, miten voimme auttaa teitä seuraavassa verkkopalveluprojektissanne.

Redandblue

Redandblue on erikoistunut saavutettavien ja ekologisten verkkopalveluiden tuottamiseen. Teimme vuonna 2024 yhteensä 16 AA-tason saavutettavaa verkkopalvelua. Yrityksenä kannamme ympäristövastuun ja olemme laskeneet vuoden 2024 hiilidioksidipäästömme (70 tonnia CO2-päästöjä) sekä kumonneet niiden ilmastovaikutuksen tukemalla uusiutuvan energian projektia Intiassa. Redandbluella on Koodia Suomesta hiilineutraaliusmerkki.

Lisää redandbluen vastuullisuudesta