Meroid AI:n verkkosivujen uudistus Webflow'lla

Meroid AI – verkkosivujen uudistus Webflow'lla

Meroid on tekoälyalusta, joka hoitaa hakukonenäkyvyyttä varten tehtävän sisällöntuotannon alusta loppuun: se tutkii, mitä yrityksen asiakkaat oikeasti hakevat, rakentaa löydöksistä sisältösuunnitelman, kirjoittaa artikkelit ja julkaisee ne suoraan asiakkaan omalle sivustolle. Työ, joka on perinteisesti vaatinut avainsanatyökalun, kirjoittajan, optimointityökalun ja erillisen julkaisuvaiheen, tapahtuu yhdessä näkymässä.

Lähtötilanne

Meroidin aiempi verkkosivusto ei välittänyt tuotteen laatua. Se jäi sekä visuaalisesti että sisällöllisesti vajaaksi eikä herättänyt riittävästi luottamusta, eikä se tuottanut toivottua määrää yhteydenottoja ja tilauksia. Ongelma ei ollut yksin ulkoasussa: sivusto ei kertonut selvästi, minkä ongelman Meroid ratkaisee ja kenelle.

Ratkaisu

Lähdimme liikkeelle ydinkysymyksestä: mitä ongelmia Meroid ratkaisee ja miksi se on asiakkaalle tärkeä? Kirkastimme yhdessä Meroidin tiimin kanssa alustan hyödyt ja ominaisuudet ja rakensimme niiden päälle sisällön, joka kertoo konkreettisesti, mitä ostaja saa. Vasta selkeän viestin päälle suunniteltiin ulkoasu ja rakennettiin sivusto.

• Viestin kirkastus ja sisällöntuotanto – hyödyt ja ominaisuudet sanoitettiin yhdessä asiakkaan kanssa ostajan näkökulmasta.
• Ulkoasun suunnittelu – visuaalinen ilme, komponentit ja niistä koottu designjärjestelmä.
• Tekninen toteutus Webflow'lla, jossa kirjoitusnäytteet ja blogiartikkelit ovat omia CMS-sisältötyyppejään.
• Luottamuksen rakentaminen – asiakkaiden logot, nimelliset kommentit ja oikeat kirjoitusnäytteet nostettiin näkyviin.
• Hakukonenäkyvyyden optimointi ja omat laskeutumissivut tärkeimmille hauille.
• Responsiivinen toteutus, joka kantaa saman viestin puhelimessa ja työpöydällä.

Designjärjestelmä

Ilme rakennettiin yhden värin varaan: vihreä kantaa painikkeet, korostukset ja kuvituksen, ja kaikki muu on minttuista taustaa ja tummaa tekstiä. Typografiassa mentiin samalla periaatteella – Montserrat hoitaa koko sivuston otsikoista etiketteihin, ja ainoa poikkeus on käsinkirjoitettu kirjasin kahden vertailukortin otsikossa. Värit elävät CSS-muuttujina, joten teema on yhdessä paikassa eikä hajallaan sääntöjen seassa, ja sivut rakentuvat samoista komponenteista: uusi laskeutumissivu syntyy olemassa olevista paloista.

Tulokset

Uusi sivusto kertoo ensimmäisestä ruudusta asti, mitä Meroid tekee ja kenelle. Tuotteen toiminta avataan kolmena askeleena, hinnoittelu on näkyvissä ilman yhteydenottolomaketta, ja asiakkaiden logot, kommentit sekä oikeat kirjoitusnäytteet vastaavat siihen kysymykseen, jonka ostaja esittää seuraavaksi: toimiiko tämä oikeasti. Uuden verkkosivuston käyttöönoton jälkeen verkosta tulevien tilausten määrä on kasvanut merkittävästi.