Siirry pääsisältöön
Mielipalveluiden verkkosivuston mobiilinäkymä kahden puhelimen ruudulla.

Verkko­sivut terveysalan yritykselle

Ajankohta

2021

Rooli

WordPress-kehittäjä

Omat tehtävät

kehitys, suunnittelu, UX/UI

Työkalut

JavaScript, PHP, WordPress, Oxygen, Figma, Miro

Mieli­pal­ve­luiden verkko­sivujen uudistus tehtiin yhdessä kahden tiimin kesken. Projektin tavoit­teena oli päivittää sivuston ilme täysin uudeksi, vastaamaan paremmin yrityksen arvomaa­ilmaa ja nykyajan vaatimuksia.

Projekti oli osa käyttä­jä­läh­töisen suunnit­telun kurssia, mutta myöhemmin Mieli­pal­ve­luista tuli minulle myös pitkä­ai­kainen asiakas.

Sivuston uudistus osana palvelumuotoilua

Mieli­pal­ve­luiden verkko­sivujen uudistus toteu­tettiin kahden tiimin yhteis­työnä syksyllä 2021. Toinen tiimi työskenteli palvelu­muotoilun parissa, ja meidän tiimimme hoiti verkko­sivujen uudis­tuksen. Roolini projek­tissa oli tekno­lo­gia­vas­taava, eli vastasin tekni­sistä ratkai­suista ja sivuston raken­ta­mi­sesta. Osallistuin myös visuaa­liseen suunnit­teluun ja käytet­tä­vyyden arviointiin. Projektin jälkeen yhteis­työmme asiakkaan kanssa jatkui puolen­toista vuoden ajan. Tänä aikana pääsin ratkomaan monen­laisia ongelmia ja suunnit­te­lemaan sekä raken­tamaan uusia toimintoja sivustolle.

Uudelta sivus­tolta toivottiin mm. raken­teel­lista selkeyttä, hyvää hakuko­ne­nä­ky­vyyttä ja yrityksen arvojen mukaista ilmettä. Sivus­tolle haluttiin myös toimi­vampi ajanvaraus­kalenteri, sillä ajanva­raus­toi­minto on keskeinen osa yrityksen toimintaa.

Laajat WordPress-sivut ja uusi ajanvarauskalenteri

Sivusto toteu­tettiin WordPres­sillä, koska se sopi jousta­vuu­tensa vuoksi kasvavan yrityksen tarpeisiin. Työka­luksi valitsin Oxygen Builderin, joka mahdol­listi uniikin ulkoasun ja helpon muokat­ta­vuuden. Oxygenin avulla sivuihin saatiin myös hakuko­neys­tä­väl­listä koodia.

Sivuston laajuus edellytti uusia keinoja hallita tietoa WordPressin sisällä. Rakensin dynaa­misen kokonai­suuden käyttä­mällä Custom Post Type ja Advanced Custom Fields ‑ominai­suuksia. Tein eri palve­luille ja tieto­tyy­peille erilaisia sivupohjia, ja asiak­kaalle helpon pääsyn tietojen hallintaan.

Uusi ajanva­raus­so­vellus ei palvellut asiakasta optimaa­li­sesti sellai­senaan, kustomoin sitä käyttäen JavaScript- ja PHP-kieliä. Kalen­terin ulkoasu mukautui brändi-ilmeeseen CSS:n avulla.

Projektin uudis­tuksiin sisältyi muun muassa:

  • Täysin uusi ilme
  • Yli 10 uutta sivupohjaa
  • Uusi sisäl­tö­ra­kenne
  • Uusia sisäl­tö­tyyppejä, mm. erilaiset palvelut, asian­tun­ti­ja­sivut ja tietosivut
  • Kusto­moitu ajanvarauskalenteri

Kehittävä kokemus kehit­täjänä ja asiakaspalvelijana

Uudis­tuksen myötä yritys sai hyvin toimivat ja raikkaan näköiset verkko­sivut, joilla asiakasta palvelee myös toimiva ajanvarauskalenteri.

Minulle projekti opetti taitoja toimia yhteis­työssä sekä asiakkaan että toisen tiimin kanssa. Pääsin myös syven­tymään kunnolla WordPress-kehityksen saloihin, ja opin uusia keinoja jäsentää ja hallita tieto­massoja. Ajanva­raus­so­vel­luksen toimin­tojen kusto­mointi omalla koodilla on ollut sekä taitojen kehit­ty­misen että asiakas­pal­velun näkökul­masta palkitsevaa.

Tämän projektin ja yhteistyön myötä olen ymmär­tänyt erityi­sesti pitkä­ai­kaisen yhteistyön merki­tyk­sel­li­syyden ja palkitsevuuden.

Takaisin projekteihin