Laskeutumissivun suunnittelu: rakenne, joka saa toimimaan

Hyvä laskeutumissivun suunnittelu perustuu yhteen tavoitteeseen ja järjestyksessä eteneviin perusteluihin. Etusivu palvelee kaikkia, mutta laskeutumissivu on yhdestä paikasta saapuvalle kävijälle yhtä toimintaa varten: kokeilutunnin varaamiseen, jonotuslistalle liittymiseen tai tarjouksen lunastamiseen. Yhä uudelleen toimiva rakenne on selkeä aloitusosio, ongelma lukijan sanoin, toimintatapa, näyttö, tarjouksen yksityiskohdat, vastaukset epäilyksiin ja sama toimintakehote lopussa. Suunnittelun tehtävä on tehdä tämän järjestyksen seuraamisesta vaivatonta.

Yksi sivu, yksi tavoite

Kirjoita tavoite yhdeksi lauseeksi ennen suunnittelua: ”Saada Instagram-mainoksesta ensi kertaa saapuvat kävijät varaamaan ilmainen tutustumistunti.” Sen jälkeen voit arvioida jokaista osiota. Auttaako se tätä ihmistä ottamaan tämän askeleen? Ellei auta, poista osio tai siirrä se varsinaiselle sivustolle.

Laskeutumissivun rakenne osio kerrallaan

1. 1

   Aloitusosio

   Lupauksen kertova otsikko, yksi tukilause, yksi painike ja yksi kuva. Aloitusosion suunnittelu käsittelee tätä näkymää tarkemmin.

2. 2

   Ongelma

   Kaksi tai kolme lausetta kävijän tilanteesta hänen omin sanoin. Näytät ymmärtäväsi ennen kuin myyt.

3. 3

   Näin se toimii

   Kolme vaihetta, jokaisessa lyhyt otsikko ja lause. Sitoutuminen on helpompaa, kun prosessin voi kuvitella.

4. 4

   Näyttö

   Aitoja nimettyjä asiakaskokemuksia, kuvia todellisista töistä, oikeiden asiakkaiden logoja tai lyhyt esittely. Ei koskaan keksittyjä.

5. 5

   Tarjous tarkemmin

   Mitä kävijä tarkalleen saa, milloin ja mitä se maksaa tai ei maksa. Selkeät ehdot vähentävät epäröintiä.

6. 6

   Epäilykset

   Lyhyt kysymysosio vastaa syihin, joiden vuoksi ihmiset eivät toimi: aika, hinta, sopivuus, peruuttaminen ja seuraavat vaiheet.

7. 7

   Lopun toimintakehote

   Toista otsikon lupaus ja sama painike. Loppuun asti lukeneet ovat valmiita; älä pakota heitä vierittämään takaisin ylös.

Jokainen sivu ei tarvitse jokaista osiota. Julkaisun jonotuslistalle voivat riittää aloitusosio, kolme riviä toimintatavasta ja sähköpostikenttä. Suurempaa sitoutumista vaativa tarjous, kuten kurssi tai konsultaatio, tarvitsee yleensä kaikki seitsemän osiota ja enemmän näyttöä.

Esimerkki: joogastudion tutustumistarjous

Sovita sivu mainokseen, josta kävijä saapui

Useimmat laskeutumissivun kävijät tulevat jostain: Instagram-mainoksesta, LinkedIn-mainoksesta, sähköpostista tai esitteen QR-koodista. Heti saavuttuaan he tarkistavat olevansa oikeassa paikassa. Toista mainoksen täsmällinen tarjous otsikossa ja tuo mukaan sen ilme: sama tausta, värit ja typografia. Mainokseen kuulumattomalta näyttävä sivu tuntuu harhautukselta, vaikka se ei sitä olisi.

Kun suunnittelet molemmat samasta lähteestä, yhtenäisyys syntyy automaattisesti. Gradientlyssä Pro muuttaa yhden suunnitelman kaikkiin kokoihin yhdellä kertaa, joten julkaisu, tarina, sähköpostin otsakekuva ja sivun aloitusosio jakavat saman Markin ja otsikon. Yksi ilme, kaikki koot näyttää työnkulun, ja brändin yhtenäisyys selittää, miksi se merkitsee yhden kampanjan ulkopuolellakin.

Suunnitteluratkaisut, jotka saavat jatkamaan lukemista

• Yksi korostusväri kaikille painikkeille, eikä mihinkään muualle. Silmä oppii, mistä napsauttaa. 60 30 10 -sääntö auttaa tasapainon löytämisessä.
• Reilusti tilaa osioiden välille, jotta kukin hahmottuu yhtenä ajatuksena. Ahtaat sivut tuntuvat työläiltä.
• Otsikot, jotka toimivat yksinään. Moni silmäilee vain otsikot; niiden pitäisi kertoa koko tarina.
• Oikeita kuvia kuvapankkikuvien sijaan. Todellinen tilasi, tuotteesi, tiimisi tai tuloksesi.
• Lyhyet lomakkeet. Pyydä vain sitä, mitä tarvitset nyt. Sähköpostiosoite on helpompi antaa kuin puhelinnumero.
• Ei navigaatiovalikkoa, tai vain logo, jotta huomio ei karkaa muualle.

Ensin mobiili, sitten testaus

Somejulkaisuista tuleva liikenne saapuu enimmäkseen puhelimilla, joten suunnittele ensin 390 pikseliä leveä versio. Pidä otsikko ja painike ensimmäisessä näkymässä, tee painikkeista vähintään 44 pikseliä korkeita ja käytä mukana pysyvää painiketta vain, jos se ei peitä sisältöä.

Yleispätevää hyvää konversioprosenttia ei ole; se riippuu tarjouksesta, hinnasta ja liikenteestä. Voit kuitenkin aina tehdä seuraavasta versiosta edellistä selkeämmän. Taustojen väreihin löydät apua artikkelista verkkosivun värimaailma.