Beautiful Landing Pages Tips og eksempler

Hundreder af vittige artikler er skrevet om emnet for destinationssider. Vi kender alle de grundlæggende fakta - at disse er de sider, en besøgende når efter at have klikket på en bannerannonce eller et salgsfremmende link, og at de spiller en afgørende markedsrolle ved at konvertere kundeemner til kunder for virksomheden. Når det kommer til at designe en destinationsside selv, ser det imidlertid ud til, at sagen er langt mere delikat, end du ville have forventet, efter at du har gennemgået så meget dokumentation. Derfor har vi i dag valgt at dele en samling af egentlige destinationssideeksempler til inspiration.

Ifølge en smuk akademisk klassifikation kan du finde i Wikipedia, landingssider falder i to hovedkategorier: reference og transaktionsmæssige. Hvis de skal kaldes reference, skal sider vise information, som både er tiltalende og relevant for den besøgende (tekst, multimedie). "Transaktionelle" destinationssider er dem, der sigter mod øjeblikkelig salg eller i det mindste ved at fange stærke salgsledninger.

Som du sandsynligvis er enig med mig, opfylder alle destinationssider begge kriterier: de informerer den besøgende om tilbuddet og ansporer handlinger fra hans side. Ellers ville vi ikke have brug for call-to-action på absolut nogen destinationsside, ville vi?

Hvad der skal være klart før lanceringen af ​​en destinationsside i www er karakteren af ​​den ønskede besøgendes handling. Er stigende nyhedsbrev registreringer dit mål? Derefter designe en CTA med meddelelsen "Tilmeld dig nu til vores nyhedsbrev". Har du til formål at få prøvekøb fra besøgende? Sig det. Generelt er den væsentlige opskrift at gøre din destinationsside til at udtrykke dette tilbud så klart og så lokkende som muligt.

Tips til udformning af en destinationsside

Nogle hurtige tips til at starte fra, når du designer en destinationsside:

1. Brug AIDA-princippet

Dette er en begivenhedskæde, som vi ønsker at ske, når en leder når platformen, der viser det frembudte produkt eller service. Hovedsagelig er trinene:

1. Opmærksomhed - tiltrække opmærksomhed fra den besøgende
2. Interesse - som kan fremkaldes ved at fremhæve fordelene for kunden
3. Ønske - fremkalde hos kunderne tanken om, at de vil have produktet eller tjenesten
4. Handling - kunder, der udfører købsprocessen

2. Ikke for mange distraktioner Forlad en vej ud

Ideen er enkel. Hvis destinationssiden har stort set ingen navigeringsindstilling undtagen CTA-knappen, vil besøgende tvinge deres exit. Tror ikke, at hvis du ikke giver nogen navigation, vil de ikke finde vej til at forlade - de vil måske endda ved at lukke browseren. Og disse besøgende vil ikke kom tilbage.

3. Lad det passere blink testen

Typisk skal en destinationsside fange den besøgendes opmærksomhed i de første 3 sekunders indrejse. Hvis gæsten blinker og ikke klart kan se, hvad han burde finde på siden eller ikke er interesseret i det, han så, er han højst sandsynligt at hoppe væk med tom hånd.

4. Opret ikke falske forventninger

Destinationssiden skal være i overensstemmelse med de råd, der er angivet af den oprindelige annonce, eller omvendt. Besøgende skal finde på destinationssiden, hvad de først blev lovet i den annonce, de klikkede på.

Som vi har lovet, lad os tour nogle pænt designede og effektive destinationssider af B2B og B2C. Vi vil udforske deres styrker og uundgåelige svagheder. Pas på følgende i galleriet nedenfor: Visuel kommunikation, branding og tillidindikatorer, indholdseffektivitet, opfordringer til handling.

Showcase: Smukke landingssider

99Designs

Dette er den version af en destinationsside, der er målrettet mod designere og studerende. 99Designs har også en destinationsside til den anden side: virksomheder, der har brug for design. Med hensyn til denne er det meget effektivt med hensyn til påtegning (se de dristige udtalelser) og taler virkelig publikumets sprog med tal og tillidindikatorer (antal medlemmer af fællesskabet, hvor mange penge de har tjent). Bemærk den lyse røde nuance af den enkelte CTA-knap - dette er normalt noget at undgå, men i dette særlige tilfælde er det ikke forstyrrende, da det matcher logoets farve.

123RF

123RF gør en klar angivelse af formål i denne destinationsside med billedskyderen og de fire medianbokse. Du forstår i øjeblikket, hvad tjenesten er, og hvordan du kan bruge den (Søg, Tilmeld dig, Pay-As-You-Go, Køb Abonnement). Den lysegrå baggrund er diskret og sætter højdepunktet på essensen, det vil sige billedet. Hvad jeg personligt tror, ​​de kan forbedre, er listen over stock photography kategorier, det er lidt fyldt. Og CTA er lidt for subtil for de klikbare felter.

Favomatic

Jeg elsker absolut designen af ​​denne destinationsside. Der er kontrast, gode slogans i hver sektion, og det giver meget information uden at tvinge dig til at læse alt (den lille skrifttype gør det hele). Den har navigation, men en lodret, ved at rulle, hvilket reducerer hoppende priser betydeligt.

BiznessApps

Stærke opfordringer til handling, fremhævet slogan og en imponerende liste over påtegninger - dette er den rigtige kombination for en destinationsside, og denne side har den. Derudover indeholder den en minimal mængde tekst og bruger en demo-video, da det er et kendt faktum, at folk foretrækker at se en kortfilm end at læse. Formularen er et element, de kan forbedre lidt. Normalt bør du give først, før du kan få, så hvis du er i bytte for at indsende formularen, kan besøgende modtage gratis godbidder, så kan "Send besked" -knappen sige noget som "Få dine gratis ting nu!"

Brusheezy

Et andet bevis mindre er mere. Denne destinationsside ser meget pænt ud med et enkelt ikon og fremtrædende overskrift. Bemærk de to opfordringer til handling øverst og nederst - det er en idiotsikker metode, der gør meddelelsen vedvarende uden overfyldning af siden. Fremhævning af fordelene for kunderne i stedet for produktets funktioner er en anden vanquisher.

JailBreak

Denne side kan være lidt for overfyldt, men det er i traditionen med destinationssider for apps. Men beslutningen om at opdele siden i segmenter gør det nemt at navigere gennem alle elementer. Du kan finde alt, hvad du måske søger: funktioner, fordele, vidnesbyrd og endda en garanti for tilbagebetaling, hvis du ikke er tilfreds med resultatet. Den sidste er ret risikabelt, da det kan rejse spørgsmål om kvaliteten af ​​tjenesten, og det var en god ide at placere det helt i bunden

PageLines

Minimalisme er nøglekonceptet her. Jeg synes, at denne side ikke fortæller dig alt med det samme, men inviterer dig til at opdage. Hvad jeg ikke finder så sjovt er dog en video, der starter automatisk (en funktion jeg generelt undgår) - selvom Andrew Powers ikke kun er dygtig, men også smuk! Også det faktum, at der ikke er nogen øjeblikkelig CTA, kan være en ulempe for hjemmesiden.

Pico

Denne destinationsside er enkel men kraftig. Det "større end" røde tegn er salt og peber til det overordnede udseende. Stykkearrangementet ligner et avislayout og er ret suggestivt til formålet med CMS. CTA-knapperne er dog lidt for svage, og damen i nederste højre hjørne forårsager en mild distrahering; Med for meget overraskelse på hendes ansigt ser hun ud som om hun er i stand til at forhandle om en forretningsmæssig sag?

Shoeboxed

De beskrivende linjer for hver af sektionerne er et eksempel på beskrivende sprogbrug. Du forstår meddelelsen i et delt sekund, da din synsfelt hurtigt scanner første række og kommer til CTA-knappen. Hvis du stadig tøver, er der et vidnesbyrd om at hjælpe sammen med stærke påtegninger - vil du ikke stole på et firma, der er fremhævet i Forbes og Tech Crunch? jeg ville.

Squarespace

Professionel udseende landingsside, dette er. Et dristigt slogan, CTA knapper, som du ikke kan modstå klik og en meget god påtegning, dette er kombinationen til succes. Jeg synes også, at de sætter deres brugskontekst i midten af ​​siden med et skærmbillede af måden deres sider ser på og infografiske indikationer. 3-elementets struktur på siden er et andet stærkt punkt.

Redaktørens note: Dette indlæg er skrevet af Laura Moisei til Hongkiat.com. Laura har en bachelorgrad i Kommunikationsvidenskab og bruger mest af tiden sin passion for design og skrivning. Hun arbejder for 123ContactForm, en online formular og undersøgelsesbygger, der hjælper brugerne med at oprette smukke formularer til enhver webside.