Floatsin verkkosivut kahdelle toimipaikalle ja integroitu ajanvaraus

Floats – kaksi kelluntakeskusta yhdelle Webflow-sivustolle

Floats on rentoutuskelluntaan erikoistunut hyvinvointipalvelu. Kellunta tapahtuu Dreampod-kelluntatankissa, jonka veteen on liuotettu satoja kiloja Epsom-suolaa: keho kelluu painottomana, ulkoiset ärsykkeet katoavat ja hermosto pääsee lepoon. Toteutushetkellä Floatsilla oli kaksi toimipaikkaa, Oulussa ja Tampereella.

Lähtötilanne

Floatsin verkkonäkyvyys oli rakennettu yhden toimipaikan ympärille: Oulun kelluntakeskuksella oli oma WordPress-sivustonsa omalla verkkotunnuksellaan. Kun toimintaa laajennettiin toiselle paikkakunnalle, rakenne ei enää kantanut. Jokainen uusi toimipaikka olisi tarkoittanut uutta sivustoa, uutta ylläpitoa ja uutta sisältöä – ja kävijälle kaksi erillistä sivustoa olisi näyttänyt kahdelta eri yritykseltä saman brändin sijaan.

Myös ajanvaraus ja lahjakorttien myynti olivat irrallaan sivustosta, vaikka juuri siinä kohdassa kävijästä tulee asiakas.

Ratkaisu

Rakensimme floats.fi:n Webflow'lla yhdeksi sivustoksi, jonka sisään toimipaikat mahtuvat rinnakkain. Etusivu on toimipaikan valinta, ja sen takana jokaisella toimipaikalla on oma kokonaisuutensa: etusivu, palvelut ja hinnasto, meistä, usein kysytyt kysymykset, yhteystiedot, ajanvaraus ja verkkokauppa. Sivupohjat ovat yhteiset, joten uusi toimipaikka ei vaadi uutta sivustoa – eikä sisällön ylläpito kahdenna työtä.

Kelluntakeskuksen etusivu vie kävijän läpi saman polun kuin myyntipuhe: mitä kellunta tekee aivoille, keholle ja mielelle, mitä käynnin aikana tapahtuu ja miten ajan varaa. Jokaisen osion lopussa on sama kaksi vaihtoehtoa – ajanvaraus tai verkkokauppa.

Sisältö elää Webflow'n CMS:ssä: palvelut kuvauksineen ja hintoineen sekä artikkelit kategorioineen. Palvelu kirjoitetaan kerran, ja se näkyy sekä hinnastolistauksessa että omalla sivullaan.

Ajanvaraus ja lahjakorttikauppa toimivat Floatsin omassa varausjärjestelmässä. Toimme ne osaksi sivustoa omille sivuilleen, jotta kävijä pääsee varaamaan ajan tai ostamaan lahjakortin poistumatta sivustolta – ja jotta toimipaikka on valmiiksi oikea, kun varaus alkaa.

Kelluntaa harkitseva kysyy ennen varausta samat asiat: voiko kelluntaan tulla kaverin kanssa, voiko raskaana kelluu, mitä mukaan tarvitsee. Usein kysytyt kysymykset ovat avattavana listana, jolloin pitkä sisältö pysyy luettavana myös puhelimessa. Meistä-sivu kertoo yrityksen taustan ja ihmiset.

Artikkeleille tehtiin oma kokoelmansa ja listaussivunsa, joten Floats voi kertoa uutisista ja kelluntaan liittyvistä aiheista ilman koodia.

Ilme

Ilme nojaa Floatsin omiin valokuviin. Jokainen sivu alkaa täysleveällä kuvalla, jonka päällä on vain otsikko ja kaksi painiketta; muuten sivusto on hiljainen. Otsikot ovat Caslon Graphiquea, leipäteksti Montserratia ja Bitteriä, ja paletti pysyy lämpimän harmaassa, jotta kuvat saavat kantaa värin.

Kaikki sivupohjat tehtiin responsiivisiksi. Puhelimessa navigaatio on avautuva valikko, kuvahero skaalautuu pystysuuntaan ja varaus- sekä kauppanäkymät toimivat samalla tavalla kuin työpöydällä.