Digitaalisen ilme uudistettiin kotisivujen drupal-kehityshankkeessa
Viihtyisä ja moderni monitoimiareena Metro Areena Espoossa sai arvoisensa digitaalisen ilmeen verkkosivujen Drupal-kehityshankkeessa. Hankkeen aluksi ideoitiin sivuston yleisilmettä ja värimaailmaa, sekä haettiin tapoja, joilla Metro Areenan tilatarjontaa ja tapahtumia saataisiin hyvin esille verkkopalvelussa.
Haaste:
Verkkosivuston käyttöliittymä ja visuaalinen ilme haluttiin uudistaa ja samalla kehittää sivustosta loppukäyttäjiä paremmin palveleva. Vanhalta sivustolta puuttui Interaktiivinen kerros kokonaan, eli esimerkiksi sopivaa tilaa ei pystynyt hakemaan lainkaan.
Verkkosivuston käyttöliittymä ja visuaalinen ilme haluttiin uudistaa ja samalla kehittää sivustosta loppukäyttäjiä paremmin palveleva. Vanhalta sivustolta puuttui Interaktiivinen kerros kokonaan, eli esimerkiksi sopivaa tilaa ei pystynyt hakemaan lainkaan.
Ratkaisu:
Drupal-kehityshankkeessa uudistettiin Metro Areenan sivuston koko visuaalinen ilme ja keskeiset toiminnot, kuten tilojen esittely ja varaaminen.
Drupal-kehityshankkeessa uudistettiin Metro Areenan sivuston koko visuaalinen ilme ja keskeiset toiminnot, kuten tilojen esittely ja varaaminen.
Tulokset:
Näyttävä ja mobiiliresponsiivinen visuaalinen ilme, joka sopii asiakkaan brändiin.
Keskeiset tilojen esittely- ja varaustoiminnot tuotiin osaksi verkkopalvelua.
Onnistunut verkkopalvelun kehityshanke on kestänyt aikaa hyvin.
Näyttävä ja mobiiliresponsiivinen visuaalinen ilme, joka sopii asiakkaan brändiin.
Keskeiset tilojen esittely- ja varaustoiminnot tuotiin osaksi verkkopalvelua.
Onnistunut verkkopalvelun kehityshanke on kestänyt aikaa hyvin.
Toteutuksen laajempi kuvaus:
Espoon Metro Areenan kotisivujen uudistus lähti liikkeelle digitaalisen ilmeen suunnittelusta. Hankkeen alussa ideoitiin sivuston yleisilmettä ja värimaailmaa, sekä haettiin tapoja, joilla Metro Areenan tilatarjontaa ja tapahtumia saataisiin hyvin esille verkkopalvelussa. Lähtökohtaisena vaatimuksena oli, että kuluttajia ja tapahtumajärjestäjiä haluttiin palvella samalla verkkosivustolla.
Toteutuksessa lähdettiin kehittämään responsiivista Drupal-sivustoa, johon tapahtumien ja tilojen lisääminen olisi mahdollisimman helppoa ja jouhevaa. Toisaalta hankkeen keskiössä oli itse Areenan, sen aitioiden ja kokoustilojen vuokraus loppuasiakkaille digitaalisen palvelun kautta.
Tilavarausten toteutuksessa päädyttiin interaktiiviseen tilanhakupalveluun, missä tapahtuman järjestäjä voi määrittää henkilömäärän ja tilan tyypin, joiden perusteella järjestelmä ehdottaa tarpeeseen sopivia tiloja. Jäävuorojen varaus toteutettiin ulkopuolisen tarjoajan palvelulla.
Metro Areenan varausprosessien lisäksi verkkosivuston käyttökokemus ja visuaalisen ilme uudistettiin. Drupal-julkaisujärjestelmällä kehitetyn sivuston asettelussa päädyttiin ruutupohjaisuuteen, joka jakaa sivuston yhteen viiva kolmeen osaan riippuen käyttäjän näytön koosta. Mobiiliresponsiivisuuden lisäksi ruutupohjaisuus sopi myös hyvin Metro Areenan ilmeeseen.
Toteutuksen myötä kävijän ottaa vastaan etusivulla fiilistä nostattava video, joka kuljettaa kävijän Espoon ilmatilan kautta läpi Metro Areenan tapahtumien skaalan. Etusivu toimii koosteena Metro Areenan tärkeimpiin palveluihin, kuten ajankohtaisiin tapahtumiin ja tilojen varaamiseen. Brave Digitalin mediatiimin kuvaaja tuotti julkaisuvaiheessa valokuvat eri tiloista. Myös Areenan sijainnin näyttävä Google maps kustomoitiin sopimaan yrityksen värimaailmaan.
Toteutus oli aikanaan erittäin moderni ja on kestänyt aikaa hyvin. Verkkopalvelu toimii edelleen keskeisessä roolissa Metro Areenan markkinointiviestinnässä ja toiminnan pyörittämisessä.
Espoon Metro Areenan kotisivujen uudistus lähti liikkeelle digitaalisen ilmeen suunnittelusta. Hankkeen alussa ideoitiin sivuston yleisilmettä ja värimaailmaa, sekä haettiin tapoja, joilla Metro Areenan tilatarjontaa ja tapahtumia saataisiin hyvin esille verkkopalvelussa. Lähtökohtaisena vaatimuksena oli, että kuluttajia ja tapahtumajärjestäjiä haluttiin palvella samalla verkkosivustolla.
Toteutuksessa lähdettiin kehittämään responsiivista Drupal-sivustoa, johon tapahtumien ja tilojen lisääminen olisi mahdollisimman helppoa ja jouhevaa. Toisaalta hankkeen keskiössä oli itse Areenan, sen aitioiden ja kokoustilojen vuokraus loppuasiakkaille digitaalisen palvelun kautta.
Tilavarausten toteutuksessa päädyttiin interaktiiviseen tilanhakupalveluun, missä tapahtuman järjestäjä voi määrittää henkilömäärän ja tilan tyypin, joiden perusteella järjestelmä ehdottaa tarpeeseen sopivia tiloja. Jäävuorojen varaus toteutettiin ulkopuolisen tarjoajan palvelulla.
Metro Areenan varausprosessien lisäksi verkkosivuston käyttökokemus ja visuaalisen ilme uudistettiin. Drupal-julkaisujärjestelmällä kehitetyn sivuston asettelussa päädyttiin ruutupohjaisuuteen, joka jakaa sivuston yhteen viiva kolmeen osaan riippuen käyttäjän näytön koosta. Mobiiliresponsiivisuuden lisäksi ruutupohjaisuus sopi myös hyvin Metro Areenan ilmeeseen.
Toteutuksen myötä kävijän ottaa vastaan etusivulla fiilistä nostattava video, joka kuljettaa kävijän Espoon ilmatilan kautta läpi Metro Areenan tapahtumien skaalan. Etusivu toimii koosteena Metro Areenan tärkeimpiin palveluihin, kuten ajankohtaisiin tapahtumiin ja tilojen varaamiseen. Brave Digitalin mediatiimin kuvaaja tuotti julkaisuvaiheessa valokuvat eri tiloista. Myös Areenan sijainnin näyttävä Google maps kustomoitiin sopimaan yrityksen värimaailmaan.
Toteutus oli aikanaan erittäin moderni ja on kestänyt aikaa hyvin. Verkkopalvelu toimii edelleen keskeisessä roolissa Metro Areenan markkinointiviestinnässä ja toiminnan pyörittämisessä.
Referenssin infoboxi

Tiedot
Tilaaja: | Metro Areena |
Lisätietoja
Tagit
Liiketoimintaprosessi
![]() |
Asiakaspalvelu |
![]() |
Myynti |
![]() |
Viestintä |
Erikoisosaaminen
![]() |
Graafinen suunnittelu |
![]() |
Mobiilikehitys |
![]() |
Sisällönhallinta |
![]() |
Webkehitys |
Toimialakokemus
![]() |
Hotelli, matkailu ja ravitsemus |
![]() |
Urheilu, viihde ja virkistys |
Teknologia
![]() |
Drupal |
Tarjonnan tyyppi
![]() |
Toteutustyö |
Oddy Tech - Asiantuntijat ja yhteyshenkilöt
Premium-profiilia ei ole aktivoitu. Aktivoi plus/premium-profiili näyttääksesi tässä lisäämäsi 2 asiantuntijaa.
Oddy Tech - Muita referenssejä
Oddy Tech - Muita bloggauksia
It- ja ohjelmistoalan työpaikat
- Rekrytointi.com - Yocto Linux – suunnittelija
- Rekrytointi.com - ICT projektipäällikkö
- Rekrytointi.com - Projektipäällikkö, Millog Oy Pansio
- Exove - Sinustako Support Developer Exoven tiimiin?
- Rekrytointi.com - Head of Technical Services – UK (Relocation provided)
- Rekrytointi.com - Kehityspäällikkö
- Lekab Communication Systems Oy - Sales Manager
Premium-asiakkaiden viimeisimmät referenssit
- Symbio - Posti – Design Sprint pakettiautomaattien kehityksessä
- Monitor ERP System Finland AB - SP stainless Oy valitsi Monitor ERP-järjestelmän
- Visma Software Oy - Tuotannonohjausjärjestelmä Fikuro tukee Nature Line Cutleryn kasvua
- Taitori Oy - Taitori toimitti tilanvarausjärjestelmän VR:n uuteen konttoriin
- Taitori Oy - Taitori tekee tilanvarauksista ja tarjoiluiden tilaamisesta helppoa
- Taitori Oy - Laptin pääkonttoriin Taitorin neuvottelutilojen varausjärjestelmä
- Sakeus Oy - Loki-huoltokirja auttaa Lappeenrannan seudun opiskelija-asuntosäätiötä pitämään kiinteistöistään huolta
Tapahtumat & webinaarit
- 22.08.2022 - Palvelujohtamisen tehokurssi
- 24.08.2022 - Efistream-webinaari: Kuinka tekoäly muuttaa tekemistä ja prosesseja – ja miten pysyt kehityksessä mukana?
- 24.08.2022 - Python advanced | Upload
- 29.08.2022 - ITIL® 4 Create, Deliver and Support
- 15.09.2022 - CIO Talk 2022 -webinaarisarja
- 13.10.2022 - Euruko 2022
- 31.10.2022 - ITIL® 4 Direct, Plan and Improve
Premium-asiakkaiden viimeisimmät bloggaukset
- Vaimo Finland Oy - Mikä on headless Magento?
- Exove - Miksi sisäiset IT-palvelupyynnöt kannattaa automatisoida ja kuinka se tehdään?
- Vaimo Finland Oy - Sopiiko Magento osaksi Composable Commercea?
- Anders Innovations Oy - Maanvuokrausjärjestelmän uudistus – Helsingin kaupunki
- Anders Innovations Oy - Näin valitset oikeat työkalut DevOpsiin
- Anders Innovations Oy - Anders tukee Twig the Coden toimintaa: tavoite edistää diversiteettiä ohjelmistoalalla
- Anders Innovations Oy - Viiden tähden arvoinen rekrytointikokemus
![]() |
Digitalisaatio & innovaatiot blogimediaBlogimediamme käsittelee tulevaisuuden liiketoimintaa, digitaalisia innovaatioita ja internet-ajan ilmiöitä |