Beautiful Landing Pages Tips og eksempler

Hundrevis av vittige artikler er skrevet rundt emnet for destinasjonssider. Vi kjenner alle grunnleggende fakta - at disse er sidene en besøkende når etter å ha klikket på en bannerannonse eller en kampanjekobling, og at de spiller en avgjørende markedsrolle ved å konvertere kundeemner til kunder for virksomheten. Når det gjelder å designe en destinasjonsside selv, ser det ut til at saker er langt mer delikat enn du ville ha forventet etter å ha gått gjennom dokumentasjon. Derfor har vi i dag valgt å dele en samling av egentlige destinasjonsseksempler for inspirasjon.

I følge en ganske vitenskapelig klassifisering finner du i Wikipedia, landingssider faller i to hovedkategorier: referanse og transaksjonelle. Hvis de skal kalles referanse, må sidene vise informasjon som er både tiltalende og relevant for den besøkende (tekst, multimedia). "Transaksjonelle" destinasjonssider er de som tar sikte på umiddelbar salg eller i det minste ved å ta imot sterke salgsledninger.

Som du vil være enig med meg, oppfyller alle destinasjonssider begge kriteriene: de informerer besøkende om tilbudet og oppfordrer tiltak fra hans side. Ellers ville vi ikke trenge call-to-action på absolutt noen destinasjonsside, ville vi?

Det som må være klart før lanseringen av en destinasjonsside i www er arten av ønsket besøkendes handling. Er økende nyhetsbrev registreringer ditt mål? Deretter designe en CTA med meldingen "Registrer deg nå til vårt nyhetsbrev". Har du som mål å få prøvekjøp fra besøkende? Si det. Vanligvis er den essensielle oppskriften å gjøre destinasjonssiden din uttrykkelig så tydelig og så fristende som mulig.

Tips for å designe en destinasjonsside

Noen raske tips for å starte fra når du designer en destinasjonsside:

1. Bruk AIDA-prinsippet

Dette er en kjede av hendelser som vi ønsker å skje når en leder når plattformen som viser det fremmerte produktet eller tjenesten. Hovedsakelig er trinnene:

1. bevissthet - tiltrekke seg oppmerksomheten fra den besøkende
2. Renter - som kan oppstå ved å fremheve fordelene til kunden
3. Ønske - indusere i kundene ideen om at de vil produktet eller tjenesten
4. Handling - kunder som utfører kjøpsprosessen

2. Ikke for mange distraksjoner; la en vei ut

Ideen er enkel. Hvis destinasjonssiden har stort sett ikke noe navigeringsalternativ, unntatt CTA-knappen, vil besøkende tvinge utgangen. Ikke tenk at hvis du ikke gir noen navigasjon, vil de ikke finne en måte å forlate - de vil, kanskje til og med ved å stenge nettleseren. Og disse besøkende vil ikke kom tilbake.

3. Gjør det forbi blinkprøven

Vanligvis må en destinasjonsside fange de besøkende oppmerksomheten i de første tre sekundene av oppføringen. Hvis gjesten blinker, og ikke ser klart hva han burde finne på siden eller ikke er interessert i det han så, er han mest sannsynlig å sprette unna tomhendt.

4. Ikke skape falske forventninger

Målsiden må være i overensstemmelse med tipsene fra den opprinnelige annonsen, eller omvendt. Besøkende må finne på destinasjonssiden hva de først ble lovet i annonsen de klikket på.

Som vi har lovet, la oss snakke om noen pent designede og effektive destinasjonssider av B2B og B2C. Vi vil utforske deres styrker og uunngåelige svakheter. Se opp for følgende i galleriet nedenfor: visuell kommunikasjon, branding og tillit indikatorer, innholdseffektivitet, call-to-action.

Showcase: Beautiful Landing Pages

99Designs

Dette er versjonen av en destinasjonsside rettet mot designere og studenter. 99Designs har også en destinasjonsside for den andre siden: bedrifter som trenger design. Når det gjelder denne, er det veldig effektivt når det gjelder godkjenning (se de dristige testimonials) og snakker virkelig publikums språk med tall og tillitsindikatorer (antall medlemmer i fellesskapet, mengden penger de har tjent). Legg merke til den lysrøde skyggen av den enkle CTA-knappen - dette er vanligvis noe å unngå, men i dette tilfellet er det ikke forstyrrende, da det samsvarer med fargen på logoen.

123RF

123RF gir en klar redegjørelse for formål i denne destinasjonssiden med bildeskuffen og de fire medianbokser. Du forstår på et øyeblikk hva tjenesten er og hvordan du kan bruke den (Søk, Registrer, Betal-som-Go-Go, Kjøp Abonnement). Den lysegrå bakgrunnen er ikke-påtrengende og setter høydepunktet på essensen, det vil si bildet. Det jeg personlig tror de kan forbedre, er listen over lagerfotografikategorier, det er litt fylt ut. Og CTA er litt for subtil for de klikkbare boksene.

Favomatic

Jeg elsker absolutt utformingen av denne destinasjonssiden. Det er kontrast, gode slagord i hver seksjon, og det gir mye informasjon uten å tvinge deg til å lese alt (den lille fonten gjør alt). Den har navigering, men vertikal, ved å bla, noe som reduserer hoppende priser betydelig.

BiznessApps

Sterke samtaler til handling, understreket slagord og en imponerende liste over påtegninger - dette er den rette kombinasjonen for en destinasjonsside, og denne siden har den. Plus, det inneholder en minimums mengde tekst og bruker en demo video, da det er et kjent faktum at folk foretrekker å se en kort film enn å lese. Skjemaet er et element de kan forbedre litt. Vanligvis bør du gi først før du kan få, så hvis du er i bytte for å sende inn skjemaet, kan besøkende motta gratis godbiter, så kan "Send message" -knappen si noe som "Få dine gratis ting nå!"

Brusheezy

Et annet bevis mindre er mer. Denne destinasjonssiden ser veldig pent ut med et enkelt ikon og fremtredende overskrift. Legg merke til de to samtalene, øverst og nederst - dette er en tåpelig metode for å gjøre meldingen vedvarende uten overbefolkning av siden. Fremheve fordelene for kundene i stedet for produktets funksjoner er en annen vanquisher.

JailBreak

Denne siden kan være litt for overfylt, men det er i tradisjonen med destinasjonssider for apper. Men beslutningen om å dele siden i segmenter gjør det enkelt å navigere gjennom alle elementene. Du kan finne alt du leter etter: funksjoner, fordeler, anbefalinger og til og med en garanti for tilbakebetaling hvis du ikke er fornøyd med resultatet. Den siste er ganske risikabelt, da det kan stille spørsmål om kvaliteten på tjenesten, og det var en god ide å plassere det hele veien på bunnen

Pagelines

Minimalisme er nøkkelbegrepet her. Jeg personlig at denne siden ikke forteller deg alt med en gang, men inviterer deg til å oppdage. Det jeg ikke finner så hyggelig, er imidlertid en video som starter automatisk (en funksjon jeg vanligvis unngå) - selv om Andrew Powers ikke bare er dyktig, men også kjekk! Også det faktum at det ikke finnes noen umiddelbar CTA, kan være en ulempe for nettstedet.

Pico

Denne destinasjonssiden er enkel, men likevel kraftig. Det "større enn" røde tegnet er salt og pepper til det generelle utseendet. Avsnittet arrangementet ligner en avis layout og er ganske suggestive for formålet med CMS. CTA-knappene er litt for svake, og damen i nederste høyre hjørne forårsaker mild distrahering; Med for mye overraskelse på ansiktet, ser hun ut som om hun er i stand til å forhandle om en forretningsmessig sak?

Shoeboxed

De beskrivende linjene for hver av seksjonene er et eksempel på beskrivende språkbruk. Du forstår meldingen i et delt sekund, da synlinjen din raskt skanner den første raden og kommer til CTA-knappen. Hvis du fortsatt er å nøle, er det en anbefaling å hjelpe, sammen med sterke påtegninger - vil du ikke stole på et selskap som er omtalt i Forbes og Tech Crunch? jeg ville.

Square

Profesjonell utseende landingsside, dette er. Et dristig slagord, CTA knapper som du ikke kan motstå å klikke og en veldig god påtegning, dette er kombinasjonen til suksess. Jeg liker også at de legger sin brukskontekst i midten av siden, med et skjermbilde av hvordan sidene ser ut og infografiske indikasjoner. 3-elementets struktur på siden er et annet sterkt punkt.

Redaktørens notat: Dette innlegget er skrevet av Laura Moisei for Hongkiat.com. Laura har en bachelorgrad i kommunikasjonsvitenskap og tilbringer mesteparten av tiden sin lidenskap for design og skriving. Hun jobber for 123ContactForm, en online skjema og undersøkelsesbygger som hjelper brukerne til å lage vakre skjemaer for en hvilken som helst nettside.