FinFlow'n verkkosivuston uudistus Webflow'lla

FinFlow – verkkosivuston uudistus WordPressistä Webflow'hun

FinFlow on turkulaisen KTI Technologiesin laskurahoitusalusta. Se hoitaa laskun koko elinkaaren — luomisesta ja lähettämisestä rahoitukseen ja saatavien perintään asti — ja antaa pienille ja keskisuurille yrityksille välittömän pääsyn käyttöpääomaan. Alustan ostaja on yritys, joka haluaa käynnistää oman laskurahoitusliiketoimintansa: FinFlow tuodaan markkinalle asiakkaan omalla brändillä, ja hallinnollinen monimutkaisuus hoituu kulissien takana.

Lähtötilanne

Aiempi verkkosivusto oli WordPress-pohjainen ja vain suomenkielinen. Se ei kertonut, mitä alusta tekee ja kenelle — hyödyt jäivät sanomatta, eikä sivusto puhutellut sitä kohderyhmää, joka etsii luotettavaa ratkaisua laskurahoitustoiminnan käynnistämiseen. Ilme ei vastannut tuotteen tasoa, eikä lukijalle ollut tarjolla selkeää polkua yhteydenottoon. Samaan aikaan kysyntää oli jo Suomen ulkopuolella.

Ratkaisu

Tavoitteena ei ollut visuaalinen päivitys vaan se, että sivusto alkaa myydä. Aloitimme viestistä: kirkastimme yhdessä asiakkaan kanssa FinFlow'n ydinhyödyt ja konkretisoimme, mitä alustalla on jo saavutettu. Rakenne rakennettiin tämän päälle yhdeksi sivuksi, joka vie lukijan ongelmasta ratkaisuun, ratkaisusta käyttöönoton vaiheisiin ja sieltä yhteydenottoon.

• Viestin ja sisällön kirkastus — ydinhyödyt, todisteet ja sivun rakenne yhdessä asiakkaan kanssa.
• Ulkoasun suunnittelu — visuaalinen ilme, viivakuvitukset ja komponentit, joista sivu on koottu.
• Tekninen toteutus Webflow'lla yhtenä sivuna, jossa jokainen osio vastaa yhteen kysymykseen.
• Lokalisointi kolmelle kielelle Webflow Localizationilla: englanti pääkielenä, suomi ja hollanti.
• Hakukonenäkyvyyden optimointi sekä perinteisissä hakukoneissa että tekoälypohjaisissa työkaluissa.
• Analytiikka ja evästesuostumus — Google Tag Manager ja suostumuspaneeli, jossa kävijä valitsee evästeluokat itse.
• Yhteydenottolomake osaksi samaa kokonaisuutta, ei erilliseen työkaluun.

Ilme ja designjärjestelmä

Ilme on rakennettu kolmen värin varaan: tumma yösininen kantaa rakenteen, turkoosi merkitsee hyödyn ja violetti vie toimintaan — jokainen kehotus sivustolla on violetti. Otsikot ja leipätekstin kantaa yksi kirjasin, Nexa, kahdella paksuudella; hierarkia syntyy kokoerosta, ei kirjasinten vaihtelusta. Käsinpiirretyn oloiset viivakuvitukset pehmentävät rahoitusaiheen ja tekevät abstraktista prosessista katsottavan. Värit elävät Webflow-muuttujina, joten teema on yhdessä paikassa eikä hajallaan sääntöjen seassa.

Kolme kieltä, yksi sivusto

FinFlow'n markkina ei rajoitu Suomeen, joten sivusto rakennettiin alusta asti monikieliseksi. Webflow Localization pitää kaikki kieliversiot samassa projektissa: rakenne ja ilme ovat yhteiset, sisältö on jokaisella kielellä omansa. Englanti on pääkieli, ja sen rinnalla julkaistiin suomi ja hollanti. Kielivalitsin näyttää aina vain ne kielet, joihin kävijä voi vaihtaa.

Tulokset

Sivusto kertoo nyt ensinäkymässä, mitä FinFlow tekee ja kenelle, ja todistaa sen alustan omilla luvuilla. Lukija kulkee ongelmasta ratkaisuun ja sieltä yhteydenottoon ilman, että hänen pitää etsiä. Kolme kieltä elää samassa projektissa, jolloin uusi markkina-alue ei vaadi uutta sivustoa — vain uuden kieliversion.