Diariumin verkkosivujen toteutus Webflow'lla

Diarium — verkkosivujen uudistus WordPressistä Webflow'hun

Diarium on terapeuteille ja terveydenhuollon ammattilaisille suunniteltu potilastietojärjestelmä: asiakasrekisteri, kalenteri, nettiajanvaraus, rakenteinen kirjaaminen ja Kanta-arkistointi samassa selainkäyttöisessä palvelussa. Palvelua myytiin neljänä versiona hierojan Litestä etäkuntoutusta tukevaan Premiumiin — ja juuri tämä versiorakenne oli se, minkä verkkosivuston piti saada ymmärrettäväksi.

Lähtötilanne

Aiempi sivusto oli rakennettu WordPressin päälle. Käyttäjäpolku oli epäselvä ja tilauslomake monimutkainen: kävijä ei hahmottanut, mikä versio hänelle kuuluu eikä mitä tilaaminen maksaisi. Ilme ei myöskään vastannut Diariumin juuri päivitettyä brändiohjeistusta, eikä sivusto tuottanut konversioita. Myynti toimi kasvokkain — verkossa samaa polkua ei ollut.

Ratkaisu

Aloitimme toimialasta ja myynnistä: kävimme läpi, miten Diariumin myyntiprosessi eteni ja mitä asiakas kysyi matkan varrella. Vasta sen jälkeen suunnittelimme sivuston rakenteen niin, että sama polku toimisi myös ilman myyjää.

• Ulkoasun suunnittelu juuri päivitetyn brändiohjeistuksen mukaisesti, jotta viesti olisi yhdenmukainen kaikissa kanavissa.
• Käyttäjätestaukset uudelleensuunnitteluvaiheessa — palaute ohjasi suunnitteluratkaisuja ja sitä kerättiin myös kehitysvaiheessa ja sen jälkeen.
• Hinnoittelun ja tuoteominaisuuksien esittäminen selkeästi versio kerrallaan.
• Uusi, yksinkertaistettu tilauslomake, jolla version, lisätoimintojen ja asiantuntijapalveluiden valinta tapahtui samassa näkymässä.
• Pipedrive CRM:n ja ActiveCampaignin integrointi, jolloin myynti ja markkinointi saivat tilaukset suoraan omiin työkaluihinsa.
• Sisältöjen migraatio WordPress CMS:stä Webflow CMS:ään — blogikirjoitukset, referenssit ja muu aineisto.
• Suorituskyvyn optimointi: kevennetty koodi ja modernit kuvamuodot.
• Responsiivisuus ja laadunvarmistus — käyttökokemus suunniteltiin alusta asti kaikenkokoisille näytöille ja testattiin laitteilla ja selaimilla.

Ilme

Ilme rakentui yhden kirjasimen ja yhden vahvan värin varaan: Armin Grotesk kantoi sekä otsikot että leipätekstin, ultramariini koko sivuston pohjan. Turkoosi, koralli ja keltainen esiintyivät vain ohuina kaarina ja ympyröinä — tarpeeksi erottamaan osiot toisistaan, tarpeeksi vähän häiritsemättä lukemista. Vaalea sinertävä korttipohja piti ominaisuudet ja hinnastot rauhallisina.

Tilauspolku

Tilaaminen koottiin yhdelle sivulle. Kävijä valitsi ensin palvelun version, sitten lisätoiminnot ja asiantuntijapalvelut listoista, joissa hinta luki jokaisen rivin kohdalla, ja täytti lopuksi yhteys- ja laskutustiedot. Sama tieto, jonka myyjä olisi käynyt läpi puhelimessa, oli nyt luettavissa ja valittavissa itse.

Tulokset

Diarium sai sivuston, joka vastasi uutta brändi-ilmettä ja kertoi palvelun hinnoittelun ja ominaisuudet ilman välikäsiä. Tilaus onnistui verkossa alusta loppuun, ja tilaukset siirtyivät suoraan Pipedriveen ja ActiveCampaigniin — online- ja offline-myynti kulkivat samaa polkua. Sisällöt olivat yhdessä paikassa Webflow CMS:ssä, ja tiimi pääsi päivittämään niitä itse.