SA Viljandi Haigla pöördus Web Systemsi poole 2018. aasta lõpus murega vananenud vmh.ee veebilehe pärast. Leht oli ehitatud arendusest loobunud Saurus CMS-i peale, mobiilivaade puudus, HTTPS ei olnud kasutusel ja kogu visuaalne keel oli aastatega vananenud. Vajalik oli täielik migratsioon kaasaegsele platvormile, säilitades samal ajal kogu olemasoleva sisu ja struktuuri, millega haigla töötajad ja patsiendid olid harjunud. Aastatel 2018–2019 viisime läbi ühekordse migratsiooniprojekti: vmh.ee sai WordPressi alusele uue mobiilisõbraliku disainiga lahenduse.
Klient ja projekti taust
SA Viljandi Haigla on Lõuna-Eesti üks suuremaid meditsiiniasutusi, mille koduleht teenindab patsiente, töötajaid, koostööpartnereid ja avalikkust. Koostöö Web Systemsiga algas Veebimajutuse partnerprogrammi kaudu, kus saime valida mentorlust vajavaid kliente. Selle kaudu jõudis meie töölauale ka Viljandi Haigla projekt. Tegu oli sõlmitud raamlepingu lisaprojektiga, mille raames ehitasime uue veebilahenduse olemasolevate disainikavandite alusel.
Väljakutse: vananenud Saurus CMS ja mobiilivaate puudumine
Esmane audit tuvastas vmh.ee veebilehel mitu kriitilist puudust:
- Mobiilivaade puudus täielikult: leht ei kohandunud nutiseadmetele, mis oli juba 2018. aastal tõsine probleem.
- Saurus CMS: Eestis kunagi tuntud sisuhaldussüsteem, mille ametlik arendamine oli juba aastaid lõpetatud. Avatud lähtekoodiga ja teadaolevate turvaaukudega süsteem oli eriti riskantne meditsiiniasutuse kontekstis.
- HTTPS puudus: turvaline ühendus ei olnud 2018. aastal enam valikuline, eriti riikliku tervishoiuasutuse puhul.
- Vananenud kood: HTML ja CSS ei vastanud HTML5 ja CSS3 standarditele, mis muutis nii hooldamise kui ka jõudluse keeruliseks.
- Vananenud disain: visuaalne ilme ei vastanud enam haigla brändi tasemele ega kaasaegsetele kasutajaootustele.
- UX puudused: ühel lehel oli liiga palju linke ja teksti. Infoarhitektuur vajas paremat liigendust ja ikoonide kasutamist, et muuta navigeerimine kasutajasõbralikumaks.
Hea uudis oli see, et tehniliselt oli leht harjumuspärase struktuuriga ja kiire. Sisu oli SEO vaatest hästi seadistatud, meta title, description ja märksõnad olid paigas ning sisemine otsing töötas korralikult. See andis migratsiooniks tugeva aluse, sest kogu sisustruktuuri ei olnud vaja nullist ümber mõelda.
Lahendus: WordPressi migratsioon ja kaasaegne responsive disain
Lahenduseks valisime WordPressi, mis on laialdaselt toetatud, pidevalt arendatav ja meditsiiniasutusele sobiva turvalisusega platvorm. Lähemalt sellest, kuidas kodulehe tegemine põhineb kaardistusel ja õigel platvormivalikul, oleme kirjutanud teenuselehel.
Disain ja front-end
Töö põhines varem ette valmistatud disainikavanditel, mis saadeti kliendile 26.11.2018. Lõikasime disaini lahti, lõime skaleeruva responsive disaini, mis toimib arvutis, tahvlis ja mobiilis, ehitasime HTML5 ja CSS3 standarditele vastava koodibaasi ning lõime kasutusmugava puutetundliku kogemuse. Fotomaterjal asendati SA Viljandi Haigla enda piltidega.
Sisu migratsioon ja struktuur
Olemasolev sisu, sealhulgas patsiendiinfo, teenuste kirjeldused, töötajate kontaktid ja uudised, migreeriti uuele lehele struktureeritult. Sisuloogika säilis, et haigla töötajatel ei oleks vaja kogu süsteemi uuesti õppida. Lehe avalikustamisel kujundati kogu sisu vastavalt uuele disainile ümber, et üldilme oleks terviklik ja ühtne.
Testimine, koolitus ja üleandmine
Enne lehe avalikustamist testisime kõiki funktsionaalsusi Chrome’i, Safari, Firefoxi ja Edge’i viimastes stabiilsetes versioonides ning parandasime leitud vead. Pärast projekti üleandmist koolitasime haigla meeskonda WordPressi kasutama. Koolitus toimus Web Systemsi kontoris ning selle juurde kuulus lihtne haldusjuhend. Edaspidise sisu lisamise ja hoolduse võttis Viljandi Haigla iseseisvalt enda peale.
Tulemus: kaasaegne ja turvaline koduleht
Pärast migratsiooni 2019. aastal sai SA Viljandi Haigla mobiilisõbraliku, HTTPS-iga turvatud WordPressi põhise veebilehe, mida saab mugavalt hallata ja edasi arendada. Projekt oli ühekordne migratsioon ning pärast üleandmist jätkas haigla lehe iseseisvat haldamist. Tegu oli hea näitega sellest, kuidas riikliku meditsiiniasutuse kodulehe migratsioon vananenud platvormilt kaasaegsele lahendusele saab toimuda sujuvalt, ilma sisu kaotamise või kasutajatele probleeme tekitamata.
Projekti andmed
- Klient: Sihtasutus Viljandi Haigla
- Valdkond: riiklik tervishoiuasutus ja meditsiiniteenused
- Lähteolukord: vmh.ee, Saurus CMS, ei toiminud mobiilis, ilma HTTPS-ita, vananenud disain ja kood
- Eesmärk: migratsioon kaasaegsele platvormile koos uue responsive disainiga, säilitades olemasoleva sisustruktuuri
- Platvorm: WordPress, Saurus CMS-i asemel
- Tehnoloogiad: WordPress, PHP, HTML5, CSS3, JavaScript, HTTPS
- Põhilised muudatused: mobiilisõbralik responsive disain, HTTPS turvaprotokoll, WordPressi sisuhaldus, kaasaegne HTML5 ja CSS3 koodibaas, parem kasutajakogemus ja sisu liigendus
- Teenused: projektijuhtimine, disain ja front-end arendus, sisu migratsioon ja küljendamine, testimine, kasutajakoolitus
- Teostusaeg: 2018–2019, ühekordne migratsiooniprojekt
- Kontakti algus: Veebimajutuse partnerprogramm ja mentorlusprojekt
Sarnaste vananenud CMS-idelt WordPressile migratsiooniprojektide elluviimisel hoiame kliendi kõrval kogu teekonnal, alates kodulehe tegemisest ja disainist kuni pikaajalise hoolduseni.