Hoiva- ja kotipalvelu Stiinan uudet kotisivut

Hoiva- ja kotipalvelu Stiina – kotisivut WordPressistä Webflow'hun

Hoiva- ja kotipalvelu Stiina on kuopiolainen hoiva-alan yritys, joka tuo koti- ja hoivapalvelut ikäihmisten ja lapsiperheiden arkeen — kotiin tai hoitokotiin. Palveluihin kuuluu henkilökohtaista hoivaa ja avustamista, lääkehoitoa, ruuanlaittoa, kotipalvelua ja kuljetusta. Kokemusta alalta on yli kymmenen vuotta, ja käytössä ovat Kuopion kaupungin myöntämät palvelusetelit. Suunnittelimme ja toteutimme Stiinalle uudet kotisivut Webflow'lla helmikuussa 2023.

Lähtötilanne

Aiemmat kotisivut oli rakennettu WordPressin päälle. Stiina ei pystynyt päivittämään niitä itse — pienikään muutos ei onnistunut ilman ulkopuolista apua. Sivusto myös latautui hitaasti: Googlen PageSpeed antoi suorituskyvystä 39 pistettä sadasta. Yhden ihmisen yritykselle molemmat ovat käytännön ongelmia. Kotisivu on usein ensimmäinen kohtaaminen asiakkaan ja hoitajan välillä, eikä apua etsivällä omaisella ole aikaa odottaa sivun latautumista.

Ratkaisu

Uudistus tehtiin kahdessa vaiheessa: ensin ilme, sitten toteutus. Lopputulos on yhden sivun sivusto, jolla kaikki olennainen on saman vierityksen päässä.

• Ulkoasun suunnittelu — värit, typografia ja komponentit, joista sivun osiot rakentuvat.
• Tekninen toteutus Webflow'lla yhden sivun rakenteena, jossa navigaatio vie ankkurilinkillä suoraan haluttuun osioon.
• Asiakaspalautteet Webflow CMS:ään, jolloin Stiina lisää uuden kokemuksen itse ilman koodia — palautteet pyörivät sivulla karusellina.
• Yhteydenottolomake ja koko sivun matkan mukana kulkeva puhelinnumero: yhteyden saa kahdella tavalla mistä tahansa kohtaa sivua.
• Mobiilinäkymä omana suunnittelutyönään — hoivapalvelua etsitään useimmiten puhelimella.
• Suorituskyvyn optimointi kuvista ja koodista lähtien.

Ilme

Ilme lepää kahden värin varassa. Laivastonsininen kantaa rakenteen — osiotaustat, otsikot ja yhteystietokortti — ja omenanvihreä merkitsee kaiken, mihin kävijän on tarkoitus tarttua: painikkeet, puhelinnumeron ja palvelulistojen check-merkit. Kun tehostevärillä on vain yksi tehtävä, kävijän ei tarvitse arvailla mikä sivulla on klikattavaa. Koko sivusto käyttää yhtä kirjasinta, Karlaa, ja tasot erotetaan painoilla: otsikot 800, listat 500, leipäteksti 300. Kelluva navigaatiosaareke pitää palvelut ja puhelinnumeron ulottuvilla koko vierityksen ajan.

Tulokset

PageSpeed-pisteet nousivat 39:stä 97:ään sadasta, eli sivusto latautuu nyt nopeasti myös mobiiliyhteydellä. Stiina päivittää asiakaspalautteet itse Webflow'n kautta ilman välikäsiä. Rakenne on tarkoituksella yksinkertainen: viisi osiota, yksi sivu, kaksi tapaa ottaa yhteyttä — ja se on osoittautunut kestäväksi, sillä sivusto on palvellut yritystä samalla rakenteella siitä lähtien.