Mikkelin kehitysyhtiö: verkkosivut
Suunnittelimme ja toteutimme kokonaan uuden verkkosivuston Mikkelin kehitysyhtiö Miksei Oy:lle. Mikkelin kehitysyhtiö Miksein tehtävänä on tukea Mikkelin alueen yrityksiä, kehittää matkailua ja markkinoida aluetta yrityksille, jotka etsivät uutta sijaintia. MikseiMikkeli tekee pitkäjänteistä työtä sen eteen, että Mikkeli olisi paras mahdollinen paikka yrittää.
Uudistuksen lähtökohta
Olimme Groteskilla erittäin innoissamme, kun voitimme kansallisen kilpailutuksen ja saimme tämän uudistuksen toteutettavaksi. Yhteistyötä on tehty jo pitkään muun muassa Ecosairila verkkosivuston ja MikkeliEvents-ilmeen parissa sekä puitesopimuskumppanina.
Sivustouudistus käynnistettiin Mikkelin kehitysyhtiö Miksein teettämän sisältö- ja rakenneanalyysin pohjalta. Se nosti esiin sivuston tärkeimmät kehityskohteet. Lisäksi edellisen verkkosivuston tekninen ikääntyminen teki uudistuksesta välttämättömän.
Tavoitteet perustuivat sekä edellisen sivuston sisältöanalyysin tuloksiin että käytännön tarpeisiin: sivustoa päivittää laaja ja monimuotoinen käyttäjäjoukko, jolle verkkoviestintä ei ole päätyö. Samalla sivuston tulee palvella yrityksiä, yhteistyökumppaneita, päättäjiä ja kuntalaisia, sekä säilyttää sukunäköisyys Mikkelin kaupungin brändiin.
Määrittelimme asiakkaan kanssa uudistuksen kärkitavoitteet näin:
- Valtaosa käyttäjistä pitää uudella sivustolla navigointia helppona ja löytää itseään kiinnostavan aiheen nopeasti.
- Valtaosa päivittäjistä pitää sivuston muokkaamista ja sisältöjen luomista helppona
- Verkkosivun tekniikka ja rakenne uudistetaan
Verkkosivun vaatimukset ja konseptointi
Uudistustyö alkoi vaatimusmäärittelyn tarkentamisella. MikseiMikkelin verkkosivuston tuli täyttää saavutettavuusvaatimukset WCAG 2.2 AA -tasolla ja mukautua saumattomasti erilaisten käyttäjien ja päivittäjien tarpeisiin. Keskeisiä kehityskohtia olivat myös:
- Selkeä ja helposti navigoitava rakenne
- Responsiivinen toteutus eri päätelaitteille ja selaimille
- Monikielisyys ja toimiva hakutoiminto
- Visuaalinen ilme, joka tukee Mikkelin kaupungin brändiä
Vaatimusmäärittelyssä otettiin huomioon myös mahdolliset lisäosatarpeet ja niiden kustannukset. Suunnitteluprosessiin osallistuvat meiltä Groteskilta web-kehittäjä ja UX-suunnittelija. Ehdotetut ratkaisut esiteltiin asiakkaalle ja hyväksyttiin yhteisesti.
Kun tavoitteet ja vaatimukset oli tarkennettu, loimme sivustolle taksonomian eli rakenteen. Sivuston rakenne suunniteltiin asiakkaan ehdotuksen pohjalta ja siinä painotettiin tiedon selkeää jaottelua ja löydettävyyttä. Sen lisäksi määrittelimme tarkkaan sivuston erilaiset sisältöpaikat, joista jokaiselle annettiin selkeä käyttötarkoitus.
Seuraavaksi sivustosta tehtiin rautalankaprotoyyppi, jota asiakas pääsi testaamaan. Rautalankaproton avulla on mahdollista testata esimerkiksi, miltä sivuston valikon käyttäminen tuntuu. Siinä myös hahmottuu, miten eri sisältöpaikat taipuvat sivustolle. Rautalankatestauksen aikana tehtiin lisäviilausta ja tarkennuksia esimerkiksi uutisnostojen tekstimäärään ja linkitystapaan. Tavoitteena tietysti se, että kaikki tieto löytyy nopeasti ja sujuvasti sivustolta
Groteskin ammattilaisten kanssa oli mutkatonta tehdä työtä yhdessä. Projekti eteni selkein sävelin, meitä kuunneltiin, ja kaikki mitä pyydettiin, onnistui. Jos hetkellisiä pullonkauloja syntyi, ne johtuivat meistä, ei toimittajasta. Kaikki tapaamiset edistivät asiaa ja meille puhuttiin sellaista kieltä, jota kaikki ymmärsivät. Julkaisun jälkeenkin apua on saanut nopeasti. Nyt on kaupungin kehitysyhtiöllä kaksikieliset verkkosivut. Mikä onni, että julkisen kilpailutuksen sattui voittamaan juuri tämä mikkeliläinen yhtiö.
Ulkoasun suunnittelu ja tekninen toteutus
Huolellisen konseptoinnin johdosta sivuston visuaalinen suunnittelu sujui kitkattomasti. Asiakkaalla oli selkeä visio: uuden sivuston tulisi olla raikas ja helposti lähestyttävä. Inspiraatiota haimme MikseiMikkelin ja Mikkelin kaupungin graafisesta ohjeistosta ja teimme selkeän irtioton entisestä. Vanha tummansininen tausta jätettiin taakse ja uusi sivusto rakentui vaalealle pohjalle. MikseiMikkelin M-kirjain otettiin sivustolle näkyvästi käyttöön tuomaan eloa ja luomaan visuaalista jännitettä tekstipainotteisen asiasisällön joukkoon.
Sivuston tekninen toteutus pyörähti käyntiin konseptointivaiheen päätyttyä. Uusi sivusto toteutettiin WordPressillä sisältäen useita erilaisia sisältötyyppejä (custom post types). Sisältötyyppien avulla asiakkaan ylläpitäjät sekä sisällönpäivittäjät pääsevät hallinnoimaan juuri omalle osa-alueelle kuuluvia sisältöjä kuten:
- Kehittämishankkeita
- Ajankohtaisia artikkeleita
- Mikkelin seudun myynnissä olevia yrityksiä
Tekniikan uudistuessa otettiin käyttöön lohkoeditori sekä asiakkaalle räätälöidyt sisältölohkot aiemman WordPress-sivujen rakentajan tilalle. Erityistä huomiota kiinnitettiin myös kieliversiointiin (suomi ja englanti), saavutettavuuteen sekä erilaisiin hakutoimintoihin, jotta sivuston käyttäjät löytävät haluamansa sisällön helposti ja nopeasti.
Julkaisu päätettiin tehdä jo tässä vaiheessa WordPress multisite- eli monisivustoympäristöön, vaikka sivustoja on toistaiseksi vain yksi. Syynä tähän on se, että tulevaisuudessa asiakkaan erilaiset rekry- tai kampanjasivut on tarkoitus sisällyttää samaan ympäristöön omina alisivustoinaan. Pohjatyöt on siis tehty ja sivuston laajentaminen isommaksi kokonaisuudeksi on toteutettavissa helposti, jonka lisäksi tekninen ylläpito helpottuu multisiten avulla. Myös sivuston sisältöjen päivittäminen on uudistuksen myötä helpottunut huomattavasti.
