Landingssidedesign: en struktur som gir flere konverteringer

Godt landingssidedesign handler om ett mål, forklart i riktig rekkefølge. En hjemmeside skal fungere for alle. En landingsside er laget for én besøkende fra ett sted som skal gjøre én ting: bestille prøvetimen, melde seg på ventelisten eller benytte tilbudet. Strukturen som fungerer igjen og igjen, er en tydelig toppseksjon, problemet med leserens egne ord, slik fungerer det, dokumentasjon, tilbudsdetaljer, svar på innvendinger og samme handlingsoppfordring til slutt. Designet skal gjøre denne rekkefølgen enkel å følge.

Én side, ett mål

Skriv målet som én setning før du designer noe: «Få nye besøkende fra Instagram-annonsen vår til å bestille en gratis introduksjonstime.» Da kan du vurdere hver seksjon. Hjelper den denne personen med å ta dette steget? Hvis ikke, fjern den eller flytt den til hovednettstedet.

Landingssidens struktur, seksjon for seksjon

1. 1

   Toppseksjon

   En overskrift med løftet, én støttelinje, én knapp og ett visuelt element. Design av toppseksjonen forklarer dette skjermbildet nærmere.

2. 2

   Problemet

   To eller tre setninger om situasjonen den besøkende står i, med deres egne ord. Du viser at du forstår før du selger.

3. 3

   Slik fungerer det

   Tre steg, hvert med en kort tittel og én setning. Det er lettere å si ja når man kan se prosessen for seg.

4. 4

   Dokumentasjon

   Ekte kundeuttalelser med navn, bilder av faktisk arbeid, logoer fra reelle kunder eller en kort demonstrasjon. Aldri oppdiktet.

5. 5

   Tilbudet i detalj

   Nøyaktig hva de får, når de får det og hva det koster eller ikke koster. Klare vilkår fjerner nøling.

6. 6

   Innvendinger

   Korte spørsmål og svar om det som hindrer folk i å handle: tid, pris, egnethet, avbestilling og hva som skjer videre.

7. 7

   Avsluttende handlingsoppfordring

   Gjenta løftet fra overskriften og den samme knappen. Besøkende som leser til slutten, er klare. Ikke tving dem til å bla opp igjen.

Ikke alle sider trenger alle seksjonene. En venteliste til en lansering kan klare seg med en toppseksjon, tre linjer om hvordan det fungerer og et e-postfelt. Et tilbud som krever større forpliktelse, som et kurs eller en konsultasjon, trenger vanligvis alle sju og mer dokumentasjon.

Et konkret eksempel: introduksjonstilbud hos et yogastudio

La siden stemme med annonsen besøkeren kom fra

De fleste besøkende på en landingsside kommer fra noe: en Instagram-annonse, en LinkedIn-annonse, en e-post eller en QR-kode på et flygeblad. Når de kommer inn, sjekker de straks at de er på riktig sted. Gjenta det nøyaktige tilbudet fra annonsen i overskriften, og viderefør uttrykket: samme bakgrunn, farger og skrift. En side som virker urelatert til annonsen, kan føles som et lokketilbud, selv når den ikke er det.

Når begge lages fra samme utgangspunkt, skjer dette automatisk. I Gradiently kan du med Pro tilpasse ett design til alle størrelser i ett steg. Innlegget, storyen, e-postbanneret og toppseksjonen deler dermed én Mark og én overskrift. Ett uttrykk i alle størrelser viser arbeidsflyten, og en konsekvent merkevare forklarer hvorfor dette betyr noe utover én kampanje.

Designvalg som får folk til å lese videre

• Én aksentfarge for alle knapper, som ikke brukes noe annet sted. Øyet lærer hvor det skal klikke. 60 30 10-regelen hjelper deg med balansen.
• God plass mellom seksjonene, slik at hver seksjon formidler én idé. Tette sider virker krevende.
• Overskrifter som gir mening alene. Mange skumleser bare overskriftene. De bør fortelle hele historien.
• Ekte bilder fremfor arkivbilder. Dine faktiske lokaler, produkter, ansatte eller resultater.
• Korte skjemaer. Be bare om det du trenger nå. Det er lettere å gi fra seg en e-postadresse enn et telefonnummer.
• Ingen navigasjonsmeny, eller bare en logo, slik at det ikke finnes andre steder å vandre videre til.

Mobil først, deretter testing

Trafikk fra sosiale innlegg kommer hovedsakelig fra telefoner, så design versjonen på 390 piksler først. Ha overskriften og knappen på første skjermbilde, gjør knapper minst 44 piksler høye, og bruk bare en fast knapp hvis den ikke dekker innhold.

Det finnes ingen universell god konverteringsrate. Den avhenger av tilbudet, prisen og trafikken. Du kan alltid gjøre neste versjon tydeligere enn den forrige. For fargene bak det hele, se fargepaletter for nettsteder.