Hvordan bli en konverterings-sentrert designer

Så du vil være en malingssider for destinasjonssider? Du kan kanskje tro at du har det lett - landingssiden er tross alt bare en enkelt side. Det er mye enklere enn å designe en fullstendig nettside. Men regler for design endres ganske mye når du bygger konverterings-sentrerte destinasjonssider.

Hva er en destinasjonsside?

Før vi kommer inn i designprinsippene bak destinasjonssider, la oss få noen definisjoner ut av veien:

En destinasjonsside er en frittstående, kampanjespesifikk nettside. Hensikten er å få dine besøkende til å fullføre en enkelt handling. Det er ikke ditt nettsted, og det er absolutt ikke din hjemmeside.

Nettsteder er merkevare sentralstasjoner og er for personer som organisk finner nettstedet ditt eller som trenger å referere eller se på det i undersøkelsesmodusen til kjøps syklusen. De er ikke bra for markedsføringskampanjer.

Markedsføringskampanjer er basert på et enkelt formål - kjøp dette, abonner på det - og som sådan trenger en mer fokusert opplevelse. Den største grunnen til å bruke en destinasjonsside vs. en hjemmeside for målet om kampanjetrafikk (PPC, e-post, sosiale) skyldes noe som kalles oppmerksomhetsforhold.

Oppmerksomhetsforhold er forholdet mellom samspillingspunkter (linker) på en side, til antall tiltenkte handlinger på den siden (som for en kampanje er alltid 1). På en hjemmeside er dette typisk rundt 40: 1, noe som betyr at det er 39 distraherende handlinger og 1 ønsket handling.

En fokusert destinasjonsside har derimot et oppmerksomhetsforhold på 1: 1. Av denne grunn bruker smarte markedsførere en kampanjerespesifikk, dedikert destinasjonsside for hver kampanje de kjører.

Hva betyr dette for meg som designer?

Borte er de dagene da det var akseptabelt å designe en vakker nettopplevelse, sett børsten ned og gå bort med en innsjekk i lommen.

Konvertering er et av de heteste ordene på nettet akkurat nå. Hver nettside du designer, er nå et "ansvarlig innhold". Ved dette mener jeg at dens formål, innflytelse og suksess kan være, og blir, målt. Hvis det ikke spiller en rolle for å konvertere besøkende til kunder, er den ikke riktig utformet.

Design er ikke den eneste faktoren i høye konverteringsfrekvenser. Kopier spiller en enorm rolle. Men den største kopien i verden vil ikke hjelpe hvis din besøkende er distrahert, fornærmet - vi vet alle at dårlig design kan være rett og slett støtende - eller forvirret.

Ved å kombinere noen enkle designprinsipper og en grunnleggende psykologi kan du helt skifte fokus for å designe nettopplevelse som både gleder og konverterer.

Jeg kaller dette konverterings-sentrert design. CCD for kort.

Dette er et krasj kurs i CCD, så jeg skal diskutere de 7 prinsippene, få deg til å pusse opp på noen Psych 101, så vise deg noen vakre og høykonverterende destinasjonssidemaler som gjør dem i praksis slik at du kan lære av eksempel.

Klar til å bli en konverterings-sentrert designer?

De 7 prinsippene for konvertering-sentrert design

Prinsippene er enkle. Lær dem, trene dem, og du vil se konverteringsfrekvensen din sveve.

Prinsipp 1: Innkapsling

Innpakning ting er en smart praksis. Det fungerer for hodet ditt i kalde temperaturer, bakt poteter i varmt, og det gjør julen mer moro. Så ta det viktigste på siden din (ditt konverteringsmål) og sett det inn i noe for å demonstrere at det er verdig for din besøkendes oppmerksomhet.

Prinsipp 2: Kontrast

Så mange markedsførere snakker om knappfarge. Dette er en feil. En god Conversion-Centered Designer vet at knappefarge er irrelevant. Det er kontrast som teller. Hvis du har en hovedsakelig grønn hued-side, hopper en rød knapp på dine besøkende. Ikke vær bekymret for at det ser sint ut; Dine potensielle kunder er ikke okser.

Prinsipp 3: Retningslinjer

I enkelte kulturer anses det uhøflig å peke. Ikke i konvertering land. Når noen kommer på destinasjonssiden din, bør designen peke på dem mot målet du vil at de skal nå. Bruk piler og triangulering for å skape fokuspunkter. Med fotografering, bruk synspunkter for å rette oppmerksomheten til din Call-To-Action (CTA).

Prinsipp 4: Whitespace

Denne er enkel. Ikke hugg ting sammen. Mangel på hvite plass er støtende design. Ved å la folks øyne puste (de kan gjøre det?) Du skaper en mer herlig opplevelse som vil gi deg noen ekstra dyrebare sekunder for å kommunisere kampanjemeldingen din.

Prinsipp 5: Haster og knapphet

Dette er det første psykologibaserte prinsippet. Å skape haster eller knapphet er først og fremst en skriftlig øvelse, men det er opp til deg å presentere informasjonen ved hjelp av god design. Nærhet til konverteringsmål for destinasjonssiden er nøkkelen når det gjelder signalskarphet. Ved å sikre at din besøkende forstår at de har en frist, kan du få det til å klikke litt mer sannsynlig.

Expedia gjør en flott jobb her ved hjelp av innkapsling for å markere knapphetskriteriet ("Kun 3 billetter igjen til denne prisen!") I bildet nedenfor.

Prinsipp 6: Prøv før du kjøper

Har du noen gang "samplet" en drue i et supermarked? Det er en forhåndsvisning av kvalitet, og det hjelper folk med å ta informerte kjøpsbeslutninger. Eksempler i det digitale riket inkluderer et kapittel i en eBok eller en visuell lysbildefremvisning som dekker noen høydepunkter fra en bransjerapport, online kurs eller en teaser / trailer-video for en kommende begivenhet. Amazon satte virkelig standarden med sine "Look Inside" bokforhåndsvisninger.

Ved å åpne produktet for å sjekke før kjøpet, vises du autoritativ og troverdig. Dette øker tilliten, og det kan være en viktig faktor for å øke konverteringene.

Som en konverterings-sentrert designer bør du finne kreative måter å presentere disse forhåndsvisningene på.

Prinsipp 7: Sosialt bevis

Elementer av tillit er en kritisk del av en hvilken som helst destinasjonsside. De sikkerhetskopierer påstandene dine og når de gjøres riktig, snakkes de besøkende fra et likesinnet forbrukers perspektiv. Testimonials er den mest populære tilnærmingen. Som prinsippet 5 er dette først og fremst et skriftlig element, men du kan bruke aspekter av smart innholdsdesign - spesielt hierarki - for å oppmuntre folk til å faktisk lese dem.

Å legge til en forklarende overskrift over vitnemålene (eller kundelogoer etc.) kan øke kraften i sosialt bevis.

Konverterings-sentrert design i aksjon; 5 destinasjonssider

Væpnet med dine nye designverktøy, la oss ta en titt på fem Unbounce landingssidedemaler for å inspirere deg når du lager dine egne maler.

1. Lockwood: Eiendom

  • innkapsling Konverteringsmålet er skjemaet, slik at det er plassert foran og midt og innkapslet i en beholder som tillater det kritiske innholdet over det å koble til visuelt.
  • Kontrast CTA skiller seg tydelig ut på siden med en levende kontrastfarge.
  • Retningslinjer Det er en pil plassert på slutten av hovedinnholdsområdet som leder blikket ditt til CTA, og bruken av den samme oransje fargen forbinder de to elementene.
  • mellomrom Når du beveger deg ned på siden, kan øynene dine falle fritt gjennom innholdsblokkene. Luftig og romslig fotografi og en minimalistisk palett kombinere for å gjøre det til en hyggelig opplevelse.
  • Knapphet Erklæringen om at bare 3 av enhetene gjenstår, er plassert direkte under CTA som en påminnelse om at du skal skynde deg. Hvis du vil bli mer aggressiv her kan du prøve en * cringe * starburst av sorter - bare husk å bli stilig. Det ville være en flott A / B-test.
  • Sosialt bevis Passende sosialt bevis brukes her, med fokus på designprisene, i stedet for en testamente som ville ha svært begrenset innvirkning.

2. Lasano: Helse og velvære

  • Skjema innkapsling? Kryss av.
  • Kontrasterende CTA? Kryss av.
  • mellomrom? Kryss av.
  • Sosialt bevis? Kryss av.
  • Retningslinjer Her vil du legge merke til to former for retningsbeskrivelse. Den første bruker kvinnenes sted for å lede blikket fra venstre til høyre. Enda bedre ville være hvis hun så ned og til høyre, men det kan også få henne til å se trist, noe som ville gå imot temaet til malen. For det andre er det en sekundær erklæring under skjemaet som slutter med en liten påminnelsespil som peker på deg. Små ting har ikke alltid stor innflytelse, men når du har flere små ting som fungerer i konsert, kan de.

3. Yuli: Programvare Demo

  • Skjema innkapsling? Kryss av.
  • Kontrasterende CTA? Kryss av.
  • mellomrom? Kryss av.
  • Retningslinjer Øverste del av siden er hvor alt hovedinnholdet lever, så en pil - med en forespørsel - plasseres på det punktet hvor innholdet er lest, peker på CTA. Legg merke til også hvordan en slags instruksjonstrekant er opprettet ved å reservere fargen oransje for elementer som refererer til formålet med siden: "gratis demo", "bli med på en gratis demo," "bestill min demo nå."
  • Sosialt bevis En video brukes denne gangen for et høyere nivå av raffinement. I en A / B-test kjørte jeg på Unbounce.com-hjemmesiden, jeg fant ut at ved å erstatte tekstattest med en videoversjon, økte konverteringsrenten med 25%. Her er det en kombinasjon av video og tekst. Legg merke til at malen benytter hierarkiet av informasjonsdesign for å introdusere de sosiale beviselementene (videoen og kundelogoerene under) med en beskrivende overskrift.

4. Wanderlust: Reise

  • Kontrasterende CTA? Kryss av.
  • mellomrom? Kryss av.
  • Sosialt bevis? Kryss av.
  • innkapsling Det er litt annerledes på en klikk-destinasjonsside siden det ikke er noen form, men CTA er fortsatt posisjonert med annen viktig informasjon i en avgrensningsboks i sidens overskrift. Footer-elementet bruker også fargekontrast for å inkapslere "avslutningsargumentet" med en gjentatt CTA.
  • Retningslinjer Det er litt av en strekning, men Eiffeltårnet snakker ganske bra til CTA. Og det viser ganske smart at ved å klikke på CTA vil du bli visst av til Paris for å stå under tårnet. Så romantisk. I en annen forstand fører de sirkulære funksjonene bilder deg ned gjennom siden til den avsluttende CTA.

5. Polar: Ikke for fortjeneste

  • mellomrom? Kryss av.
  • Sosialt bevis? Kryss av.
  • Kontrasterende CTA Som i alle disse eksemplene skiller CTA seg fra resten av designet. Legg også merke til hvordan målet med kampanjen (å skaffe penger gjennom donasjoner) er uthevet ved å bruke oransje fargen i måltermometeret. Dette gjør en sammenheng mellom emosjonelle og fysiske (konvertering) mål på siden.
  • Haster og mangel Kombinasjonen av donasjonsmålet og de følelsesmessige utsagnene "Tiden løper ut for isbjørnen" og "Jeg forutsi at vi kunne se isfrie sommere på Nordpolen innen et tiår" skaper både haster og den forestående følelsen av knapphet.

Oppsummert

Å være en konverterings-sentrert designer er den neste utviklingen av design i virksomheten, og bevæpnet med dagens læring, vil du gjøre din sjef / klienter veldig glad når deres konverteringsfrekvenser går opp.

Så når du designer Themeforest-landingssiden maler, kjør dem mot de syv prinsippene for CCD og se hvordan de virkelig stabler opp.

Videre lesning

  • Den ultimate guide til konverteringer sentrert design (ebook)