GZM

Datasta dynamiikkaan - metropolialueen sosioekonomisen seurantakeskuksen uudistaminen nykyaikaa varten käyttäjäkeskeisen lähestymistavan avulla.

cms
front-end

Tietoja GZM:stä

GZM Metropolitan Socio-Economic Observatory kerää, käsittelee ja analysoi GZM-alueeseen liittyviä julkisia tietoja ja seuraa alueen kehityssuuntauksia ja muutoksia.

Näillä tiedoilla on keskeinen rooli GZM:n sosioekonomisten strategioiden muotoilussa, ja ne ovat arvokas resurssi metropolihallinnon eri osastoille. Alusta tarjoaa kattavan tilannekuvan yksittäisistä kunnista ja laajemmasta GZM-alueesta väestötiedoista ja taloudesta aina talouteen, infrastruktuuriin ja ympäristöön asti.

rocksplaceholder-video
placeholder-videoplaceholder-video

Aikajana

1400 työtuntia projektin käynnistämisestä sen lopulliseen julkaisuun asti

Ensimmäiset tapaamiset, suunnitteluvaihe, kehitysvaihe

toukokuu 2022

Luovuttaminen
valmiin tuotteen

maaliskuu 2023

Jatkuva kehitysvaihe
ja lisäideoita

Huhtikuu 2023 - tähän asti

LIIKETOIMINNAN TARPEET JA TAVOITTEET

Tietojen hallinnointi ja esittäminen oli hankalaa ja aikaa vievää, ja se vaati koodaukseen perehtyneiden tiimin jäsenten apua verkkosivuston taustajärjestelmän hoitamiseen. Näin ollen asiakkaan ensisijaisena liiketoiminnallisena tavoitteena oli sekä esittää tiedot selkeällä ja helppokäyttöisellä tavalla että saavuttaa suurempi riippumattomuus sisällönhallinnassa.

Lisävaatimuksena oli varmistaa saumaton siirtyminen nykyiseltä verkkosivustolta, jolloin kaikki nykyiset vaihtoehdot ja ominaisuudet säilyivät ilman toiminnallisuuden tai sisällön menetyksiä. Asiakkaamme visio oli selkeä: he halusivat täysin toimivan kopion nykyisestä sivustostaan, mutta paljon helpommin hallittavissa olevalla backendillä.

Alkuvaihe

Kehitimme kolme kotisivumallia, jotka kuvastivat haluttua projektin tunnelmaa asiakkaan haastattelun, heidän nykyisten verkkosivujensa ja toimitetun dokumentaation perusteella. Niiden pohjalta suunnittelimme erityiset näkymät sivuston eri osioille, kuten kartoille, tilastoille, analyyseille ja julkaisuille. Lisäksi loimme mockupit blogin uutispäivityksiä varten.

Sen jälkeen laadimme kolme visuaalista versiota etusivusta, jotta suunnitteluvaihtoehtoja olisi monipuolisesti tarjolla. Kesken tämän prosessin saimme epävirallisen suunnittelujärjestelmän, jota asiakas aikoo käyttää tulevina vuosina. Haasteenamme oli sovittaa suunnittelumme yhteen tämän järjestelmän kanssa noudattaen samalla määrättyjä toiminnallisia ohjeita ja varmistaen esteettisyyden ja hyödyllisyyden saumattoman yhdistämisen.

1. kehitys

VAIHE

  • 01.

    Staattinen sisältö

    Tässä vaiheessa keskityttiin staattisen sisällön integroimiseen WordPress-alustaan. Se sisälsi ei-dynaamisen tiedon, kuten julkaisujen, analyysien, hankeluetteloiden ja tarjouspyyntömenettelyjen, sisällyttämisen ja sen varmistamisen, että ne oli järjestetty sivustolle tehokkaasti, jotta navigointi oli helppoa.

  • 02.

    WP-komponentit

    Valmistelimme taustapuolelle joukon WordPress-komponentteja, jotka on räätälöity toimittajan käyttöön.

  • 03.

    Mobiiliversio

    Kiinnitimme erityistä huomiota myös sivuston mobiiliversioon ja varmistimme sen täydellisen responsiivisuuden ja mukautuvuuden eri näytön kokoihin.

  • 04.

    WCAG-standardit 

    Toteutimme myös WCAG-standardien mukaisia optimointeja, kuten fonttikokojen ja -kontrastien mukauttamista, ja tarjosimme yhtenäisen ja helppokäyttöisen käyttökokemuksen.

2. kehitys

VAIHE

  • 01.

    Infomap-moduuli

    Esittelimme interaktiivisen infokarttamoduulin, jonka avulla asiakas voi liittää erilaista sisältöä, luoda legendoja, valita värejä ja segmentoida tietoja kaupunkien tai kuntien mukaan. Sen toiminnallisuutta ohjaa Leaflet-moduuli, jonka avulla ylläpitäjät voivat näyttää rajattomasti karttakaavioon upotettuja karttoja ja ladata tarvittavat tiedot suoraan WordPressiin.

  • 02.

    Tilastot

    Tilastot-osiossa on lisätty työkaluja, kuten Leaflet, GeoJSON ja amCharts. Nyt käyttäjät voivat syöttää erilaisia indikaattoreita tiettyihin tilastoihin, nähdä kasvun tai laskun suuntauksia ja käyttää ylimääräistä sivupalkkia, joka heijastaa dynaamisia muutoksia. Legenda on täysin hallittavissa, ja siinä on mahdollisuus näyttää tietoja akateemisiin tarkoituksiin tai jopa ladata kokonaisia tilastoja.

  • 03.

    Ainutlaatuiset linkit

    Tiedot haetaan pääasiassa GeoJSON- tai CSV-tiedostoista, mutta järjestelmä tukee myös manuaalisia lisäyksiä. Käyttäjien suorittamat toimet tallennetaan istunnon aikana, jolloin käyttäjät voivat luoda yksilöllisiä linkkejä moduulissa navigoinnin jälkeen. Näissä linkeissä esitellään tiettyjä kaavioita, joissa on valitut tiedot ja värit, ja ne esittävät mukautetun kartta-asettelun halutuilla asetuksilla, ja niitä voidaan helposti jakaa tai upottaa muualle. Tällä hetkellä käytössä on 318 erilaista tilastollista indikaattoria, ja lisää on suunnitteilla.

  • 04.

    Kaaviot 

    Olemme valmistelleet sekä backend- että frontend-tuen joukolle kaavioita, kuten pylväsdiagrammeja ja pyramideja. AmChartsin ominaisuuksia hyödyntäen olemme kehittäneet ne itsenäisinä WordPress-komponentteina, jotta ne voidaan lisätä saumattomasti verkkosivustoon ilman teknisiä toimenpiteitä. Nyt ne mahdollistavat erilaisten kaavioiden konfiguroinnin ja helpottavat helppoa kopiointia ja monistamista.

  • 05.

    Vihreä GZM-kartta

    Olemme perustaneet WordPressiin oman osion, joka kerää tietoja puistoista, toreista, leikkikentistä ja virkistysalueista. Jokaisella listatulla paikalla on oma ainutlaatuinen alasivunsa, jossa on galleria, lisätietoja, alueen koko, saavutettavuustiedot sekä eläimistö ja kasvisto. Arkistoa päivitetään jatkuvasti uusilla kohteilla interaktiivisella kartalla, jossa käyttäjät voivat tutustua niihin yksityiskohtaisesti. Kartassa on työkaluvihjeitä, suodatusvaihtoehtoja ja mahdollisuus esitellä eri kerroksia, mikä takaa käyttäjäystävällisen tietojen esitystavan.

  • 06.

    Vieraile GZM:ssä

    Visit GZM on ensisijaisesti matkailijoille tarkoitettu foorumi, jonka tarkoituksena on mainostaa ja edistää aluetta. Siinä on interaktiivinen kartta suodattimilla, dynaaminen sivupalkki, työkaluvihjeitä ja paljon muuta. Matkailunähtävyydet on luokiteltu useisiin ensisijaisiin ryhmiin, ja kukin niistä on edelleen jaettu yksityiskohtaisempiin alaosioihin. Käyttäjät näkevät suositellut kohteet ja tiedot siitä, onko nähtävyys maksullinen vai maksuton. Alustaa päivitetään jatkuvasti, ja siinä on 385 ainutlaatuista kohdetta, ja se tarjoaa joustavuutta uusien luokkien ja alaluokkien lisäämiseen. Mukautettava muotoilu mahdollistaa erityisten kategorioiden näyttämisen, värikoodauksen ja muut räätälöidyt moduulit. Tulevaisuuden kehityssuunnitelmiin kuuluu pyöräilyreittien lisääminen.

Yhteenveto

Liiketoiminnan tehostaminen

Virtaviivaistettu prosessi

Uusien päivitysten ansiosta koodausasiantuntemusta ei enää tarvittu, mikä johti prosessin virtaviivaistumiseen. WordPressiin siirtyminen on myös helpottanut indikaattoreiden helppoa lisäämistä ilman aiemmin esiintyneitä haasteita.

Nykyaikainen verkkosivujen suunnittelu

Tavoitteena oli luoda sivusto, joka poikkeaa tyypillisistä byrokraattisista sivustoista. Tavoitteena ei ollut vain päivitys vaan muutoshyppy kohti nykyaikaista, käyttäjäystävällistä käyttöliittymää.

Mukaansatempaava tietokeskus

Verkkosivusto suunniteltiin informatiiviseksi keskukseksi, joka houkuttelee käyttäjiä houkuttelevalla ulkoasullaan ja tekee tiedonhausta saumatonta ja miellyttävää.

Ystävällinen tietojen esitystapa

Portaalin tiedot ovat visuaalisesti houkuttelevia, ja niissä käytetään karttoja, kaavioita, diagrammeja, taulukoita ja yhteenvetoja, mikä varmistaa, että ne ovat sekä houkuttelevia että helppotajuisia käyttäjille.

Yhteistyöhön perustuva suunnittelu- ja kehitysprosessi

Suunnittelu- ja toiminnallisuusprosessista kuultiin jatkuvasti, ja siihen sisältyi useita hyväksyntöjä asiakkaalta, joka osallistui laajoihin keskusteluihin hankkeen alkuvaiheessa. Tällaisella yhteistyöllä varmistettiin toiminnallisuuden ja suunnittelun täydellinen yhdistelmä.

Toimittajaystävällinen käyttöliittymä

Alustasta on tehty muokkaajaystävällisempi, mikä mahdollistaa interaktiivisten karttojen helpon luomisen eri alueilta ja eri teemoista, jotka ovat käytettävissä tulevaa käyttöä varten ilman lisäkustannuksia.

Tulos

Uudistettu verkkosivusto on saanut kiitettäviä arvioita, ja se on merkittävä edistysaskel, sillä se on ensisijainen palvelupiste, jonka tavoitteena on olla väline, joka kokoaa kattavat tiedot kaikille, jotka vierailevat Sleesiassa tai tarvitsevat perusteellista sosioekonomista tietoa mihin tahansa tarkoitukseen.