Räätälöidyt Webflow-kotisivut matkatoimistolle

La Strada Travels – Webflow-kotisivut italialaiselle matkatoimistolle

La Strada Travels on pieni kunnianhimoinen matkatoimisto, joka vie matkailijan aitoon Italiaan — sinne missä sydän yhä sykkii. Painopiste on Le Marchen alueella Adrianmeren rannikolla: kumpareinen maaseutu, keskiaikaiset kylät, vuoristo ja ruokaperinne, joka on muualta suurelta osin kadonnut. Yritys järjestää alueelle teemamatkoja viininkorjuusta vaelluksiin ja välittää paikallisia majoituskohteita.

Nämä peruspilarit olivat tavoitteena myös kotisivu-uudistuksessa: sivuston piti viestiä aitoa Italiaa heti ensi silmäyksellä ja tehdä selväksi, ettei kyseessä ole tusinamatkatoimisto.

Lähtötilanne

Aiemmat sivut eivät skaalautuneet oikein puhelimen näytöille, eikä visuaalinen ilme ollut yhdenmukainen. Isoin ongelma oli kuitenkin sisällön määrä ja sen hajanaisuus: matkat, majoituskohteet, kohde-esittelyt, reseptit ja matkoilta kertyneet kuvat elivät eri paikoissa, ja niiden päivittäminen oli kankeaa. Hakukonenäkyvyyttä ei käytännössä ollut.

Ratkaisu

Suunnittelimme ja toteutimme sivuston Webflow'lla. Yrityksen aiempi värimaailma haluttiin säilyttää, joten ilme rakennettiin sen päälle. Sisältö järjestettiin uudelleen sen mukaan, mitä matkailija tulee hakemaan — tulevat matkat, majoitus, alue-esittely ja kuvat kukin omana kokonaisuutenaan.

• Ulkoasun suunnittelu Figmassa ja siitä koottu komponenttikirjasto, joka toistuu sivulta toiselle.
• Sisältöarkkitehtuuri, jossa jokaisella sisältötyypillä on oma sivupohjansa: matkat, majoituskohteet, pakettimatkat, kohteet, ruoka ja viini, galleria ja sen kategoriat sekä blogi.
• Tekninen toteutus Webflow'lla ja kaiken sisällön tuonti Webflow CMS:ään, josta sivupohjat rakentuvat.
• Haku- ja suodatustoiminto majoituskohteille.
• Hakukoneoptimoinnin automatisointi CMS-kenttien pohjalta.
• Responsiivinen toteutus puhelimelle, tabletille ja työpöydälle.

Yksi hallinta kaikelle sisällölle

Webflow CMS tuo matkatoimistolle valtavaa käytännön lisäarvoa, kun kaikki sisällöt ovat hallittavissa samassa järjestelmässä. Jokaiselle sisältötyypille tehtiin oma, ilmeen kanssa linjassa oleva sivupohja: majoituskohteen henkilömäärä, makuuhuoneet, hinta ja varauspainike löytyvät aina samasta kohdasta, ja pakettimatkan “hintaan sisältyy” -listaus näyttää samalta matkasta toiseen. Vierailijalle sivuston käyttö on siten vaivatonta ja ennakoitavaa, ja La Strada lisää uuden kohteen täyttämällä kentät — ei rakentamalla sivua.

Haku ja suodatus

Majoituskohteita on kymmeniä, joten pelkkä listaus ei riitä. Toteutimme sivustolle haku- ja suodatustoiminnon, jolla matkailija rajaa vaihtoehdot alueen, makuuhuoneiden määrän, kohteen mukavuuksien ja hinnan mukaan. Suodattimissa käytettävä data tulee dynaamisesti Webflow CMS:stä: kun La Strada lisää uuden kohteen ja valitsee sille alueen, alue ilmestyy suodattimeen itsestään. Uusien kohteiden lisääminen ei siis vaadi meitä.

Designjärjestelmä

Ilme rakentuu kahden värin varaan: punainen kantaa painikkeet, hinnat ja korostukset, sininen elää heron häivytyksessä. Kirjasimena on Montserrat, ja otsikoiden, leipätekstin, painikkeiden ja pienten tietoetikettien kokoskaala on sovittu kerran. Värit elävät CSS-muuttujina, joten teema on yhdessä paikassa eikä hajallaan sääntöjen seassa.

Hakukonenäkyvyys

Webflow CMS:stä tuleva data tekee hakukoneoptimoinnista vaivatonta. Yhdistämällä tietyt kentät title-tagiin ja meta-kuvaukseen jokainen majoituskohde ja matka saa yksilölliset, hakukoneystävälliset hakutulokset ilman että niitä kirjoitetaan käsin. Sama pätee uusiin kohteisiin: optimointi syntyy samalla kun sisältö syntyy.

Tulokset

Sivusto toimii kaiken kokoisilla näytöillä ja näyttää Le Marchen sellaisena kuin La Strada sen näkee. Sisällöt elävät yhdessä paikassa, ja yritys päivittää tulevat matkat, majoituskohteet ja galleriakuvat itse — sivusto on kasvanut käytössä vuosi vuodelta, ilman että jokainen lisäys on vaatinut ulkopuolista apua.

Since we decided to renew the website Kasimir Kuusela MD of Kuasi was very collaborative and everything went smoothly as planned. When we had some minor issues there was always the will to solve the problems without delay. I definitely recommend Kuasi services for all website projects!
Paolo Pellei, La Strada Travels