Pääosion laskeutumissivu

Pääosion laskeutumissivu on laajan aihekokonaisuuden kokoava, visuaalinen sivu, jossa hyödynnetään useita kuvallisia komponentteja. Hel.fi:n pääosiot sijaitsevat navigaation ensimmäisellä tasolla.

Periaatteet

  • Toimii kokonaisuuden kokoavana käyntikorttina laajaan aihekokonaisuuteen.
  • Esittelee kokonaisuuteen kuuluvat alaosiot/teemasivustot.
  • On visuaalisesti mielenkiintoinen kokonaisuus, jossa kuvamaailma vie käyttäjän aihepiirin maailmaan.
Pääosion laskeutumissivun suositeltu sisältörakenne.
Pääosion laskeutumissivun suositeltu sisältörakenne.

Suositellut sisällöt ja käytettävät komponentit

Pääosion laskeutumissivulla on hyvä käyttää seuraavia komponentteja.

1. Kansikuva (hero)

Pääosion laskeutumissivulla tulisi käyttää herotyyliä Kuva diagonaalinen tai Kuva alhaalla.

Kansikuva kuva diagonaali
Kansikuva kuva diagonaali
Esimerkki kansikuvasta kuva alhaalla
Kansikuva kuva alhaalla

2. Tällä sivustolla -linkkilista

Kansikuvan jälkeen tuleva linkkilista on listaus aihekokonaisuuden alaosioista/teemasivustoista (ns. navigaation toisinto). Listaus tehdään linkkilistakomponentilla Linkkilista kuvalla.

Suositeltu otsikko linkkilistalle on Tällä sivustolla. Huom! Linkkilistan otsikkoa ei saa jättää pois, koska se aiheuttaa saavutettavuusongelman.

Linkkillista kuvalla

3. Kohderyhmälinkit

Pääosion laskeutumissivulta on mahdollisuus ohjata käyttäjä eri kohderyhmille suunnatuille erillissivustoille kohderyhmälinkit-komponentilla. 

Suositeltu otsikko kohderyhmälinkeille on Muut sivustot juuri sinulle.

Muut sivustot juuri sinulle

4. Kuvalliset aihe- ja palvelunostot

Aihekokonaisuuden keskeisimmät tai käytetyimmät teemat kannattaa nostaa esille kuvallisilla nostoilla.

Tekstilaatikossa kannattaa ensisijaisesti käyttää CTA-painikelinkkiä (toimintaan ohjaava call-to-action). Jos haluat käyttää useampaa painiketta, muista painikelinkkien hierarkia.

Sisältönosto

5. Uutiset

Aiheeseen liittyvät uusimmat uutiset voi tuoda sivulle uutislistaus-komponentin avulla. Kannattaa kuitenkin pohtia, palveleeko uutiset parhaiten pääosion etusivulla vai teemasivustojen etusivuilla.

Huom! Kuvalliset pääuutisnostot ovat käytössä vain hel.fin etusivulla.

Uutislistaus

6. Avoimet työpaikat

Ohjaus kaupungin työpaikkasivustolle kannattaa tehdä kuvallisella nostolla sivun loppuun.

Myöhemmin hel.fin jatkokehityksessä on mahdollisesti tulossa oma komponentti, jolla voi tehdä automaattisen listauksen avoinna olevista työpaikoista.

Avoimet työpaikat

Tutustu esimerkkitoteutukseen

Soten pääosion laskeutumissivu