Green Carpetin verkkosivujen uudistus WordPressistä Webflow'hun

Green Carpet – verkkosivujen uudistus WordPressistä Webflow'hun

Green Carpet Mattopalvelut on turkulainen yritys, joka on kehittänyt Suomessa ainutlaatuisen palvelukonseptin: liikkuvan mattopesulan. Pesuauto ajaa kiinteistön pihaan, pesee ja kuivaa matot paikan päällä ja palauttaa ne takaisin – keskimäärin noin vartissa. Ensimmäinen pesuauto valmistui vuonna 2009, ja samana vuonna konsepti palkittiin maakunnallisella INNOSUOMI-kunniapalkinnolla. Toimintakonsepti ja sen tekniset innovaatiot on patentoitu Suomen lisäksi muun muassa EU:ssa, Yhdysvalloissa ja Venäjällä.

Ero vaihtomattopalveluun on konkreettinen: yhden mattoneliön pesuun ja huuhteluun kuluu 3–5 litraa vettä, kun kiinteässä pesulassa sama työ vie 20–25 litraa. Mattojen kuljetukset pesulaan ja takaisin jäävät kokonaan pois.

Lähtötilanne

Aiemmat kotisivut oli rakennettu WordPressin päälle. Sivuston suorituskyky oli heikko, ylläpito vaati jatkuvaa huolenpitoa, eikä Green Carpet pystynyt päivittämään sisältöä sujuvasti itse. Tavoite oli selvä: kotisivujen piti toimia yrityksen markkinoinnin työkaluna, ja niiden piti olla sellaiset, että yritys hallitsee ne itse.

Ratkaisu

Suunnittelimme sivustolle uuden, arvokkaamman ulkoasun ja rakensimme sen Webflow'lla. Palvelut jaettiin kolmeen selkeään kokonaisuuteen – OmaMatto-kokonaispalvelu, mattojen pesupalvelu ja ilmainen mattokartoitus – ja jokainen sai oman sivunsa, jonka lopussa on juuri sen palvelun tarjouspyyntölomake.

• Ulkoasun suunnittelu – uusi visuaalinen ilme, komponentit ja niistä koottu designjärjestelmä.
• Tekninen toteutus Webflow'lla, mukaan lukien lomakkeet, analytiikka ja hakukoneoptimoinnin perusta.
• Sisällönhallinnan räätälöinti asiakkaan tarpeisiin: mattomallisto ja artikkelit omina sisältötyyppeinään.
• Sisältöjen migraatio WordPressistä Webflow'n CMS:ään.
• Mattomalliston rakenne, jossa jokaisella mallilla on samat tekniset kentät ja omat värinäytteensä.
• Mobiilitoteutus samoista komponenteista, ei erillisenä versiona.

Mattomallisto sisällönhallinnassa

Mattovalikoima oli sisällöistä se, joka hyötyi eniten rakenteesta. Jokaisesta mallistosta – BASIC, Timantti ja PLUS – kerrotaan samat tiedot samassa järjestyksessä: värit, paino, pohja- ja nukkamateriaali, paksuus, rullaleveydet, käyttökohteet sekä rasitus- ja liansietokestävyys. Värivaihtoehdot näkyvät oikeina mattonäytteinä, ei nimilistana. Uuden mallin lisääminen on kenttien täyttämistä, ei sivun rakentamista.

Ilme ja designjärjestelmä

Ilme rakennettiin yrityksen oman logon varaan: logon lehtivihreä ja turkoosi muodostavat gradientin, joka toistuu painikkeissa ja sivuja taustoittavissa pehmeissä ellipseissä. Otsikot ovat Raleway, leipäteksti Poppins – kaksi selkeää kirjasinta, ei enempää. Sivut koottiin samoista komponenteista: palvelunosto, lukupalkki, asiakassitaatti, artikkelikortti ja yhteyshenkilökortti toistuvat läpi sivuston, joten uusi sivu syntyy olemassa olevista paloista.

Tulokset

Sivusto valmistui parissa päivässä, ja sen tehokkuuspisteet nousivat välittömästi 92:een. Kävijä löytää palvelut kolmella klikkauksella, mattomallit vertailukelpoisina rinnakkain ja yhteydenottolomakkeen jokaisen palvelusivun lopusta. Yrityksen omat luvut – sata prosenttia vähemmän kuljetuksia, yli 50 000 neliötä pestyä mattoa vuodessa – nousivat etusivulle mitattavaksi todisteeksi konseptin toimivuudesta. Green Carpet päivitti jatkossa mattomallit ja artikkelit itse ilman välikäsiä.