Nettisivujen suunnittelun perusteet

09.05.2024 11:00:55

Puhutaan herosta, sisällöstä, footerista ja CTAsta. Hirmu selkeää eikös?

Hero-osio:

  • Usein navigaatio ja joku kuva mukana
  • Kertoo käyttäjälle missä mennään
  • Kertoo käyttäjälle onko hän oikeassa paikassa
  • Herättää tunteita

Sisältö:

  • Se pihvi missä se itse tavara on
  • Voi olla erilainen eri sivulla riippuen kontekstista

Footer:

  • Auttaa käyttäjää eteenpäin
  • Yleensä yhteystiedot tai keino ottaa yhteyttä
  • Mahdollisesti tiivistää koko sivuston viestiä

CTA:

  • Call to action - Se jokerikortti joka erottaa muista
  • Ohjaa ottamaan usein yhteyttä
  • Ohjaa lisäresursseihin
  • Kannustaa pysymään sivustolla

Yhtenäinen suunnittelu ilme

  • Napit näyttää napeilta
  • Pyritään kertomaan selvästi jos vaikka linkki vie jonnekkin muualle

 

00:00 Intro
00:38 Mistä tänään puhutaan
01:39 Hero-osio
03:38 Sisältö
05:29 Footer
06:48 CTA = Call To Action
09:40 Yhtenäinen ilme
12:04 Yhteenveto

Muita blogeja tältä tyypiltä

Bro kulttuuri ei skaalaudu! [Case: LTT]

Linus Tech Tips oli draaman keskellä virheistä videoidensa faktoissa ja tiedon välittämisessä niin kumppaneille kuin oman organisaation sisällä.

Lukaseppa

5 vinkkiä nettisivujen hakukonenäkyvyyteen

Tiiviissä paketissa viisi vinkkiä jolla voit edistää hakukoneiden sinusta tiedon löytämistä.

Lukaseppa

Yhteensopivuus ei koskaan ole ollut näin selkeää! - CASE: Navigaattorit.fi

Jos olet opiskelija voiko saada starttirahaa? Saanko maaseudun yritystukea jos asun Kymenlaaksossa? Toteuttamassamme navigaattorit.fi järjestelmässä on ratkaistu juuri tätä ongelmaa.

Lukaseppa