Nordhealth Connectin kotisivujen suunnittelu & toteutus

Nordhealth Connect – kotisivujen suunnittelu ja toteutus Webflow'lla

Nordhealth Connect on terapia-alojen toimijoiden käyttöön suunniteltu asiakasportaali, jonka avulla terapeutti voi kommunikoida turvallisesti asiakkaidensa kanssa. Palvelu mahdollistaa kuntoutuksen toteutuksen etänä ajasta ja paikasta riippumatta. Palvelun takana on Nordhealth, pohjoismainen terveydenhuollon ohjelmistotalo. Suunnittelimme ja toteutimme palvelulle kotisivut Webflow'lla.

Lähtötilanne

Palvelun aiemmat sivut oli rakennettu WordPressin päälle, ja niiden päivittäminen oli työlästä: markkinointi ei päässyt tekemään muutoksia omin käsin. Connect on lisäksi työkalu, jonka arvo on helppo ymmärtää vasta kun näkee sen käytössä — vahva tunnistautuminen, suojattu viestintä, lomakkeet ja videopuhelut kuulostavat erillisiltä ominaisuuksilta, vaikka ne ovat yksi ja sama kuntoutuspolku. Sivuston tehtäväksi tuli tehdä tuo polku näkyväksi ja madaltaa kynnys kokeilla palvelua.

Ratkaisu

Rakensimme sivuston terapeutin näkökulmasta. Etusivu kertoo ensin mitä palvelulla tehdään, sitten neljä syytä valita se, ja vasta niiden jälkeen hinnan. Kuvituskuvat näyttävät tuotteen käyttöliittymän ilman että kävijän tarvitsee kirjautua mihinkään. Sisällöt tulivat Nordhealthilta — meidän työtämme oli niiden rakenne, ilme ja tekninen toteutus.

• Ulkoasun suunnittelu — visuaalinen ilme Nordhealthin brändin pohjalta, komponentit ja niistä koottu designjärjestelmä.
• Tekninen toteutus Webflow'lla, jossa blogi on omana CMS-sisältötyyppinään kategorioineen.
• Hinnasto ja ominaisuusvertailu omana osionaan, jokainen rivi avattavissa lisätiedoksi.
• Kaksivaiheinen tilauslomake, josta tilaus siirtyy suoraan CRM:ään.
• Yhteydenottolomake ja yhteystiedot myynnille ja asiakastuelle erikseen.
• Asiakastarinat karusellina sekä webinaaritallenteen tilaus omana nostonaan.

Designjärjestelmä

Ilme rakentuu sinisen ympärille: syvä brändisini kantaa herot ja osiotaustat, vaaleampi royal blue painikkeet ja korostukset, ja tummin midnight blue navigaation toimintapainikkeen. Vastapainoksi kirkas turkoosi ikonitaustoissa ja kolmiväripalkki — koralli, kelta, syaani — joka toistuu otsikoiden alla ja pääotsikon alleviivauksena. Värit elävät CSS-muuttujina, joten teema on yhdessä paikassa. Typografia lepää yhden kirjasimen varassa: Armin Grotesk kantaa kaiken 64 pikselin otsikosta 16 pikselin leipätekstiin, ja hierarkia syntyy kokoerosta, ei kirjasinta vaihtamalla.

Sisältö ja CMS

Blogi rakennettiin Webflow'n CMS:n päälle: artikkelit, kategoriat ja artikkelisivun oma sivupohja nostoineen. Nordhealth kirjoittaa ja julkaisee itse — etäkuntoutuksesta, tietoturvasta, Kelan suosituksista ja asiakkaidensa kokemuksista — ilman että jokainen julkaisu käy toteuttajan kautta. Blogin sivutukseen toteutimme custom-toiminnallisuuden, joka näyttää sivujen määrän ja sallii siirtymisen suoraan halutulle sivulle.

Tilaus ilman välikäsiä

Tilauslomake on sivuston tärkein yksittäinen toiminto. Se on jaettu kahteen vaiheeseen, jotta kerralla kysyttävien kenttien määrä pysyy kohtuullisena: ensin yhteystiedot ja yrityksen tiedot, sitten tilauksen sisältö. Tilaus siirtyy sivustolta suoraan CRM:ään, eikä sitä tarvitse kirjata käsin. Sama lomake toimii puhelimessa yhtenä sarakkeena.

Lopputulos

Kotisivut ovat ketterästi markkinoinnin käytettävissä: sisältöjen hallinta onnistuu ilman välikäsiä, ja uusi sivu syntyy olemassa olevista komponenteista eikä uudesta suunnittelutyöstä. Hinta on näkyvissä, ominaisuudet vertailtavissa ja tilauksen voi tehdä loppuun asti sivustolla.