Skip to main content Skip to footer
Kotisivukuntoon.fi logo
  • Ohjeet
  • Tuki
  • Ota yhteyttä
  • Ohjeet
  • Tuki
  • Ota yhteyttä
TILAA

Yleiset ohjeet

4
  • Etusivun rakenne
  • Kirjoita arvopropositio tuotteestasi tai palvelustasi
  • 12 vinkkiä otsikon luomiseen
  • Hyvä toimintakehoite (CTA)

Ulkoasu

1
  • Sivuston värit

Elementit

13
  • Hero
  • Teksti
  • Teksti ja kuva
  • Ominaisuudet
  • Kuva
  • Kuvagalleria
  • Ajankohtaista
  • Asiakaspalautteet
  • Toimintakehoite
  • Lomakkeet
  • Henkilöt
  • Usein kysytyt kysymykset
  • Upotuskoodi
  • Koti
  • Ohjeet
  • Elementit
  • Hero
View Categories

Hero

< 1 min read

Sivun hero-elementti on ensimmäinen asia, jonka käyttäjä näkee saapuessaan sivustolle. Sen tarkoituksena on herättää kävijän kiinnostus ja houkutella heitä tutkimaan sivustoa lisää. Hero-elementissä kannattaa kertoa seuraavia asioita:

  1. Selkeä viesti: Käytä lyhyttä ja ytimekästä lausetta tai iskulausetta, joka kertoo käyttäjälle heti, mitä yrityksesi tai sivustosi tarjoaa.
  2. Visuaalinen elementti: Käytä ammattimaista ja korkealaatuista kuvaa, joka tukee viestiäsi ja houkuttelee käyttäjiä. Muista, että visuaalisen elementin tulee olla optimoitu eri laitteille. Suositus käyttää vaaka- tai neliökuvia. Pystykuvuvista saattaa rajaantua oleellista pois.
  3. Toimintakehoite. Call-to-Action (CTA): Luo selkeä ja houkutteleva kehotus toimintaan, joka ohjaa käyttäjiä seuraavaan vaiheeseen, kuten esimerkiksi tuotteiden selaamiseen tai yhteydenottolomakkeen täyttämiseen.
  4. Arvopropositio: Lyhyesti ja ytimekkäästi kerro, miksi asiakkaan tulisi valita juuri sinun yrityksesi tai palvelusi. Tämä voi olla esimerkiksi ainutlaatuinen ominaisuus, erinomainen asiakaspalvelu tai kilpailukykyinen hinta.
  5. Sosiaalinen todiste: Voit myös esitellä asiakaspalautteita, suosittelijoita tai saavutuksia, jotka auttavat vakuuttamaan kävijät siitä, että tarjoamasi palvelu tai tuote on luotettava ja laadukas.

Muista pitää hero-elementti yksinkertaisena, selkeänä ja visuaalisesti miellyttävänä, jotta se herättää käyttäjän kiinnostuksen heti ensisilmäyksellä.

Vieläkö pulassa? Miten voimme auttaa?

Miten voimme auttaa?

Päivitetty 11.4.2023
Teksti
Kotisivukuntoon.fi logo
  • Ohjeet
  • Tuki
  • Ota yhteyttä
  • Tilaa

© 2025 Kotisivukuntoon.fi

  • Tietosuojaseloste
  • Toimitusehdot

TOTEUTUS

Studio Ukkonen logo