Arrangementets landingsside. Eksempler på landingssider: tips for å lage

For å lage et vellykket nettsted på én side for å selge ditt eget produkt, vil en smart løsning være å først studere eksempler på fungerende landingssider. Er det lett å lage en slik side selv? La oss vurdere hva som skiller vakre og aktivt selgende landingssteder.

Landing - hva er det? Dette er navnet på en ensides nettside hvor kunder tilbys en slags fordel: rabatt, kampanje, unike produkter. Landing har ikke alltid som mål å selge produkter. Noen ganger inneholder slike sider et søknadsskjema, ved å fylle ut som klienten kommer inn i databasen eller bestiller en informasjonssamtale fra bedriftslederen.

De fleste bedrifter har allerede satt pris på hvor mye landingssider hjelper med markedsføring. Én side løser ett problem. Landingssider bør ikke overbelastes med tilleggsinformasjon. Hovedmålet deres er å motivere kunder til å svare på en oppfordring til handling.

Fordelen med en ensides nettside fremfor fullverdige nettbutikker er spesifisiteten til tilbudet. En klar erklæring om fordeler bidrar til å lykkes med å formidle fordelene ved samarbeid (kjøp, applikasjoner) til kundene.

Selvfølgelig har alle Internett-brukere sett slike sider. Praksis viser at dette er et virkelig effektivt markedsføringsverktøy. I forhold med generell informasjonsoverbelastning gleder landingssider kundene med minimalisme, stil og klarhet i ordlyden, og fraværet av unødvendig reklame og spam.

En vakker landingsside er et viktig markedsføringsverktøy på nett

Eksempler på de vakreste landingssidene

Hva gjør en landingsside vakker? Til å begynne med kan det virke som det ikke er noe klart svar på dette spørsmålet, fordi hver bruker forstår skjønnhet på sin egen måte. Men faktisk er en landingsside et verktøy som det finnes kvalitetsstandarder for. For å se vellykkede eksempler, besøk følgende nettsteder:

Designet for å move.org;
Evr.st;
Grooveshark.com;
Hipstamatic.com;
GiftRocket.com.

De beste landingssidene har en lignende struktur og funksjoner. Folk liker forskjellige alternativer for nettsteddesign, men suksessen til en landingsside ligger ikke i vakre bilder. Nøkkelfunksjoner til attraktive énsides nettsteder:

minimalistisk, men stilig design;
klare formuleringer, ingen vage fraser, mange detaljer;
liste over fordeler (klienten forstår umiddelbart hva han vil motta hvis han svarer på tilbudet);
praktisk søknadsskjema, uten unødvendig informasjon (den beste løsningen er bare kjøperens navn og kontakter);
tilstedeværelsen av en oppfordring til handling, et insentiv til å svare ("ringe", "finn ut detaljer", "be om en samtale");
ærlighet (destinasjonssiden skal kun inneholde relevant og faktainformasjon);
optimalisering for søkemotorer (tilstedeværelsen av populære søk i teksten til nettstedet øker den i søkemotorrangeringene).

Artikkelen presenterer eksempler på nettsteder med gode landingssider. Studer dem og utvik dine egne nettsider på én side for produkter og tjenester. Noen generelle anbefalinger kan fremheves. Siden skal være harmonisk og attraktiv for øyet. Ikke bruk sure eller irriterende nyanser. Det anbefales å begrense deg til 2-3 primærfarger og holde deg til behagelige kontrasttoner. Alle bilder på landingssiden må være av høy kvalitet.

Harmoniske fargekombinasjoner, tydelig beskrevne fordeler og praktisk plassering på skjermen er tegn på en vellykket landingsside

Eksempler på aktivt salg av landingssider

En salgsdestinasjonsside er målet for de fleste online markedsførere. Det er viktig å lage en ensides nettside ikke bare vakker, men også tiltrekke kundetrafikk. Hvilke funksjoner vil hjelpe til med å gjøre en vanlig landingsside til en aktivt selger?

Nøkkelfunksjonen er den åpenbare fordelen. Jo raskere kjøperen forstår at han blir tilbudt virkelig gunstige og rettferdige samarbeidsvilkår, jo raskere vil han foreta et kjøp. Derfor, i tilbudet på siden, må du angi kostnadene for produktet eller tjenesten. Hvis det er mulig, må du sammenligne det med konkurrentenes priser og sørg for å fokusere på forskjellen (for eksempel "5000 rubler billigere enn konkurrenter").

Et godt alternativ ville være å bruke et spørsmål-svar-format. Brukere søker ofte på Internett etter informasjon i form av et spørsmål. For eksempel "hvordan velge en kjole til skoleball." Bruk populær formulering i landingssidetittelen og du er garantert god trafikk(hvis, selvfølgelig, nettstedet virkelig tilbyr en løsning på problemet).

All viktig informasjon skal plasseres på den første skjermen: jo raskere brukeren forstår essensen av tilbudet, jo raskere vil han svare

En selgende landingsside fungerer som oftest uten scroll – altså uten å scrolle nedover siden. Alle gunstige betingelser og søknadsskjema legges på første skjermbilde. Det høres kanskje rart ut, men noen brukere liker virkelig ikke å rulle og ønsker å få kjernen i en setning på et øyeblikk. Hvorfor ikke gi dem denne muligheten?

Konklusjon

Å lage en landingsside er en kompleks prosess der monotont teknisk arbeid kombineres med kreativitet. Selvfølgelig er det mange eksempler på vellykkede nettsider på én side og generelle nyttige anbefalinger. Men du bør ikke blindt imitere og bruke gjentatte maler. Hovedsaken på en landingsside er ikke utseendet, men et klart formulert forslag.

En landingsside kan være et hvilket som helst nettsted på én side som inneholder en oppfordring til handling. Som regel er lenker til slike sider inneholdt i reklame, så etter at en potensiell kunde klikker, har du bare noen få sekunder på deg til å overbevise ham om å kjøpe, koble til, registrere seg, abonnere på et nyhetsbrev, delta på et arrangement eller gjøre noe annet. Derfor består slike sider av 1 side - innholdet kan ikke spres over flere sider. Målet er å raskt interessere og registrere fullføringen av handlingen, det vil si å konvertere trafikk til resultater. Det vil si at siden må finne kjøpere blant besøkende.

Forskjellen mellom landingssider og andre typer nettsteder er at de kun inneholder ett hovedtilbud (det kan være gaver, rabatter, bonuser fulgt, men hovedmålet med siden er alltid det samme). Dette fører til en enkel konklusjon: bruk av en personsøker er hensiktsmessig når tilbudet passer meningsfullt inn i én handlingsfremmende knapp. Setningen skal være enkel og lineær. Det viktigste for en landingsside er trafikk og akkurat den knappen. Resten fungerer som en ramme. Én side lar deg kontrollere rekkefølgen informasjonen mottas i, så det er viktig å bygge en effektiv sekvens av seksjoner.

Eksempler på énsides landingssider:

1. Hus på boulevarden - boligkompleks

Vib-dom.ru er en kompetent og vakkert sammensatt destinasjonsside for et eiendomsbyrå, rettet mot å samle inn søknader om kjøp av bolig i et nytt bygg. Det er bemerkelsesverdig at det ikke er noen knapper på siden som "ring tilbake" eller "send inn en forespørsel". Siden beskriver på en overbevisende måte fordelene med boligkomplekset, gir en haug med lenker til digitale kopier av tillatelser, rapporter og andre typer dokumenter som bekrefter påliteligheten til boligfeltets prospekter, og deler sjenerøst kontaktinformasjon. Landingssiden er designet for at kunden, etter å ha satt seg inn i egenskapene til prosjektet, kan ringe salgsavdelingen eller besøke et av selskapets kontorer. Det vil si at oppfordringen til kontakt er diskret, beskrivelsen av komplekset er en naturlig grunn til interesse.

Designet på siden er utmerket. Det hyggelige pastellfargeskjemaet er assosiert med hygge og tilsvarer for øvrig omtrent fargevalget til boligkomplekset, etter bildet å dømme. Det viste seg harmonisk, alt var i samme stil. Fotografiene er utmerkede de posisjonerer prosjektet gunstig. Beskrivelser av leilighetsoppsett er klare og forståelige. Argumentene for fordelene er tungtveiende, teksten er kortfattet og av høy kvalitet. Uten vann og lange uttalelser, bærer hver setning nyttig informasjon til en potensiell klient. Siden har eksistert i ca 2 år - dette er en landingsside med lang levetid. Dette er på grunn av spesifikasjonene til nisjen - de begynte å tiltrekke seg kunder i begynnelsen av utviklingen. En interessant en-pager.

2. Viaresto - digitalt utstyr for kafeer og restauranter

Viaresto.ru er en utmerket designet side til et selskap som leverer, installerer og vedlikeholder digitalt utstyr for videoovervåking, lyd, kasseapparater, Wi-Fi og andre ting i ulike offentlige institusjoner. Ekstremt informative, nøye utvalgte overbevisende argumenter, kompetent tekstlig og strukturell presentasjon, utmerket grafisk støtte for beskrivelser - alt dette til sammen gjør et sterkt inntrykk. Til tross for den store mengden informasjon og elementer, føles ikke landingssiden overbelastet, den er interessant å lese, fordi alt er til poenget og presentert i detalj.

Designet er ganske komplekst, med et stort antall fargenyanser og grafiske elementer. Ikke alle er homogene, men siden oppfattes som helhet, den har et plot. Når du blar, endres de semantiske "stedene", og med dem tilnærmingene til design. Strukturelt er alt logisk, oversiktlig og smaksatt med flere animasjonseffekter. Beskrivelser av nøkkelfunksjoner ved tjenester, handlingsrekkefølge under samarbeid, priser, kundeanmeldelser, portefølje av kunder og partnere, pluss detaljerte kontakter med et skjema for bestilling av en konsultasjon som en oppfordring til handling. Bunnteksten oppsummerer kort innholdet på landingssiden, som forresten allerede er 4 år gammel - en annen høykvalitets langlever.

3. Re: innhold - web studio side

Recontent.ru - destinasjonsside for å samle inn søknader for å lage nettsider. Bruker en enkel og effektiv struktur. På grunn av nisjens natur bestemte utvikleren seg for å interessere kunder bare ved å demonstrere eksempler på ferdig arbeid. Ganske tilstrekkelig argumentasjon - fra disse eksemplene er alt godt synlig, ingenting mer trenger å forklares. Hele siden består av seksjoner som inneholder skjermbilder av nettsteder med en enkel zoom-animasjon når du svever, en kort beskrivelse av prosjektet og lenker til det. Alt dette er pakket i flerfargede blokker for variasjon. Det ser bra ut, men ikke noe mer.

Designet er tilpasningsdyktig og, på grunn av den valgte strukturen, ekstremt enkelt. Overskriften inneholder kontakter, den originale studiologoen og en oppfordring til handling-utløser i form av en kort for et tilpasset nettsted. Det er en annen type knapp på siden med lenke til et kort skjema for bestilling av tilbakemelding. Det vil si at vi får 2 knapper med forskjellige former, men nesten samme betydning. Tilpasningsevne er angitt som det eneste fordelsargumentet, og miniatyrbilder av mobilversjoner av ferdige nettsteder er gitt. Tigjentas nedenfor og detaljert kontaktinformasjon er lagt til. En vanlig landingsside, der nesten all den semantiske belastningen ble overført til eksempler på arbeid. Men det var ingen standardfordeler.

4. Pechatnikov - landingsside for trykkeri

Pechatnikov.rf - en pent designet trykkeriside. En karakteristisk logo med referanse til de gammelslaviske trykkeriene, som antyder ektheten til håndverket og øker dets betydning i vår digitale tid. Hatten ser atmosfærisk ut, selv om elementene i den er asymmetrisk plassert. Dette er ikke synlig i mobilversjonen. Det er en meny for rask navigering gjennom seksjoner. Denne landingssiden er forresten flersidet: ikoner med bilder av tjenester inneholder lenker til sider med beskrivelser. Dette motsier ikke ideen om en landingsside; de kan også være flere sider. Essensen av tilbudet går ut på å kontakte trykkeriet. Du kan ikke legge to dusin tjenester på én side - det vil være for langt og folk vil ikke lese det ferdig. Derfor er det ganske berettiget å lage flere statiske sider her.

Nettstedets design er tilpasset, attraktivt, selv om det er strukturelt enkelt. Variasjon av presentasjoner oppnås ved bruk av mange unike ikoner. Det er en liste over tjenester, som i seg selv er tydelig med navnet på varene. Spesiell oppmerksomhet rettes mot kontaktene i bunntekstområdet - de er store, lett lesbare, og det er et veibeskrivelseskart. Siden annonserer også en partner - en papirbutikk. Mest sannsynlig er dette ett kontor. Det viser seg at sammenkoblet annonsering er ganske lønnsomt. Det er ingen handlingsfremmende knapper her. deres rolle spilles av uttrykksfulle kontaktblokker i topp- og bunnteksten, som rammer inn listen over tjenester som tilbys. Fin landingsside.

5. Oversetterstandsprodusentens side

Sinhro-kabina.ru er en landingsside for å samle inn søknader om kjøp av veldig spesifikt utstyr - ulike modeller av stander designet for samtidig oversettelse. I teksten om selskapet står det at virksomheten er den første og eneste i sitt slag. Mest sannsynlig lyver de ikke, det er et produkt med veldig smal profil. Du kan se hva vi snakker om fra bildet i overskriften, selv om det er av ganske lav kvalitet. Slike bilder er nok vanskelige å få tak i.

Strukturen på siden er ekstremt enkel: vekslende seksjoner som beskriver flere modeller av synkro-bås. Egenskapene er nesten like overalt det er vanskelig å forstå forskjellene mellom modellene, men flere nyttige egenskaper kan noteres. De er imidlertid ikke informative. Hovedbudskapet på siden er at det er et selskap som produserer et så spesifikt produkt, det har en adresse, telefonnummer, e-post og til og med en VK-profil. Du kan ringe og finne ut mer.

La oss oppsummere det

Landingssider er effektive hvis seksjonene er riktig utformet og forslaget presenteres på en måte av høy kvalitet. Designet deres må være tilpasningsdyktig, siden mange vil bytte til dem fra sosiale nettverk fra smarttelefoner. En pen design er ønskelig, men ikke nødvendig. Det viktigste er å være informativ og overbevisende. Vel, en knapp, kontakter, sosiale nettverk - det er nødvendig for en person å umiddelbart forstå hvor han er, og hvor han skal skrive eller ringe hvis interessert.

Landingssider gjør ikke besøkende til kjøpere, men søker blant publikum etter de som har predisposisjon og ressurser til å utføre handlingen som er angitt på siden. Poenget er at landingssiden inneholder ett ferdig tilbud, på grunn av dette fratar den deg valgets kvaler. Alt som gjenstår er å overbevise den potensielle kunden om at dette valget er det riktige. Jo mer detaljert du formulerer argumentene for tilbudet og jo tydeligere du viser fordelene, jo bedre.

Vis alt innhold

«Jeg vil skrive lys salgstekst for landingssiden. 3000 tegn for 500 rubler. Gjennomføringstid: 2 dager. Landingssiden vil selge!"

Hvordan liker du dette forslaget? Fristende? Kanskje du må bestille.

Forresten, jeg kom ikke på noe, dette er en ekte annonse på en populær frilansbørs. Entreprenøren har høyest rangering og har tusenvis av fullførte bestillinger. Minus utvekslingskommisjonen vil forfatteren motta bare 400 rubler. Billig og munter.

Jeg legger ved en lenke til børsen hvor du kan finne slike tilbud på slutten av artikkelen, og fra nå av skal jeg prøve å overbevise deg om ikke å klikke på den. I det minste for å bestille lys salgstekst for en destinasjonsside for 500 rubler. La oss gå.

Det viktigste er ikke slik

I dag er det mote å begynne å utvikle en landingsside ved å lage en skisse av siden, som til og med kan være interaktiv, noe som selvfølgelig er veldig praktisk.

Og det virker riktig. Men ikke alle forstår hva en ekte prototype er.

For å forstå situasjonen, la oss se på en standard landingssideprototype som jeg fant gjennom Yandex Images. Det vil si hvordan pseudo-guruene ser ham.

Prototype fra Yandex

Det ser ut til at alle nødvendige regler er oppfylt. , produktbilder av høy kvalitet, oppfordringer til handling, tid og mengde produkter er også begrenset, anmeldelser er tilstede. Du kan sende den til utvikling.

Riktignok vil du bli møtt med spørsmål: hva er en "fengende tittel"? "Emosjonell salgsbeskrivelse" - hva er det? "Bestill til spesialpris" – bør vi holde kampanje hver uke? Hvorfor bør det være minst 10 anmeldelser, og hvor får man tak i dem?

Enhver utvikler vil trygt svare: plasseringen av blokkene er omtrentlig, vi kan raskt endre alt, dette er en prototype.

Det er viktig for oss å forstå én ting: På tross av alle fordelene er en prototype et surrogat. Dessuten er det et surrogat, som ofte gir uventede effekter.

For å forstå essensen av konseptet, spør deg selv: "Hva vil brukeren gjøre på landingssiden din?" Kanskje vurdere det harmoniske arrangementet av blokker på siden? Eller trykk febrilsk på en av de tjue "Bestill et anrop"-knappene som utviklerne hang på nettstedet i henhold til prinsippet "å konvertere"?

Kanskje noen vil gjøre nettopp det. Men den gjennomsnittlige brukeren vil lese. Han vil prøve å forstå essensen av forslaget ditt for å avgjøre om han vil bli din klient eller ikke.

Konklusjon:

Å lage en landingssideprototype uten samtidig å fylle den med tekst er en mer enn tvilsom idé. Dere må starte sammen, eller i det minste med innhold.

Hvordan en skikkelig prototype skal se ut

Landingssider er forskjellige

Og ikke bare blå eller rød, men også designet for forskjellige oppgaver (jeg snakker om trinn). Derfor er tekstene forskjellige for hver sak.

1. For kaldt vær

Landingsside for et kaldt publikum

Et godt eksempel på en landingsside for en "kald" målgruppe, det vil si brukere som ikke vet noe om produktet ditt eller ikke har et slikt problem i det hele tatt, og som må bringes i riktig tilstand. Kanskje en person ikke vil foreta et kjøp med en gang, men han vil definitivt huske tilbudet ditt.

Selve landingssiden, ved å bruke eksempelet, er bygget i et historieformat (det er forskjellige alternativer, dette er bare et eksempel). Dessuten er det tre historier her, skrevet med vitalitet og humor. Dette er tilfellet når teksten ligger til grunn for hele konseptet.

Selv om jeg i rettferdighet skal merke: det er også veldig bra her. En flott måte å skille seg ut blant de tusenvis av malnettsteder som tilbyr opplæring.

Eksempelstruktur for et kaldt publikum:

Første skjerm;
"Smerte" av publikum;
Produktbeskrivelse;
Dens fordeler;
Bruksscenario;
Produktdetaljer;
Forskjell fra konkurrenter;
Anmeldelser;
Pris;
Om selskapet;
Om produksjon;
Om laget;
garantier;
"Spørsmål-svar"-blokk;
Totalsum;
Kontakter.

Jeg har forresten ikke spesifikt angitt fangstformene i strukturen, siden de er fordelt på landingssiden etter mening, eller i det minste etter ønske.

2. For varme

Landingsside for et varmt publikum

Det vil si at dette er personer som er klar over problemet og som kanskje allerede har hørt om produktet eller bedriften din, eller samhandlet med deg.

Her er det viktig å ikke utsette med «forspill», men å sette i gang med en gang og som oftest starte med å demonstrere fordelene.

Dessuten er det viktig ikke bare å si: «Vi er de beste du hadde!», men å bevise at du virkelig har det beste tilbudet på markedet.

I slike tilfeller er spesifikk informasjonstekst ideell, designet for å formidle essensen av forslaget til brukeren på et forståelig språk.

Dette er spesielt viktig dersom produktet eller tjenesten ikke er klassifisert som enkel, for eksempel slik tilfellet er med bank. Det som er viktig her er den maksimale konsentrasjonen av mening i hver bokstav og tall. Og en stor mengde "luft" lar ikke oppmerksomheten forsvinne.

Eksempelstruktur for et varmt publikum:

Første skjerm;
Fordeler;
Katalog/Kjøp;
Beskrivelse av deler;
Prestasjoner og priser;
Arbeidsprosess;
Kort om selskapet;
Anmeldelser;
Svar på spørsmål;
Kontakter.

Faktisk er denne landingssiden en forkortet versjon av landingssiden for kalde kunder.

3. For varme

Landingsside for et hett publikum

For eksempel er denne destinasjonssiden for et "hot" publikum som allerede forstår essensen av tjenesten. Disse menneskene trenger bare å tydelig vise hva du tilbyr og hvor mye det koster.

Hensikten med landingssiden i eksemplet er å «selge en følelse». Derfor, på den første blokken blir brukeren møtt med en rask og dynamisk video, hvorfra det umiddelbart er klart: en elektrisk sparkesykkel er kult!

Det er en minimumsmengde tekst på denne siden, men hvert ord er til poenget. Denne tilnærmingen i seg selv setter scenen for beslutningstaking. I tillegg, hvis vi snakker om et "hot" publikum, kan landingssiden gjøres kortere, fordi brukerens behov allerede er dannet.

Eksempelstruktur for et hett publikum:

Den første skjermen med "kjøp"-knappen;
Beskrivelse av fordeler;
Sammenligning med konkurrenter;
Eksempler på resultater;
Arbeidsprosess;
Kontakter.

Vanligvis, for et varmt publikum, består landingssider av 1-2 skjermer, for hvorfor plage en klient som er klar til å gi penger akkurat nå.

Typer tekst

Som du kanskje gjetter, for 500 rubler er det usannsynlig at de vil skrive deg den samme hjerteskjærende historien om Petya. Og likevel, hvis du finner en slik pengeløs person, så ikke fortell noen om ham og hold ham i en svart kropp slik at han ikke forestiller seg hvem som vet hva om seg selv.

Hvis selskapet har flere sterke fordeler, er det bedre å vise dem som en egen blokk etter tilbudet for ikke å overbelaste den første skjermen.

Forresten, for å skrive et godt, spennende tilbud, er det flere fungerende maler.

2. Overskrifter

Tittelen skal være slik at den umiddelbart hekter brukeren og identifiserer problemet du løser med produktet ditt.

Hvis brukeren ikke liker tittelen, vil han kanskje rulle litt lenger, men mest sannsynlig vil han forlate nettstedet. Så bruk mer tid på overskriften. I tillegg er overskrifter forskjellige og hver av dem har sin egen hensikt.

– Spennende tittel

Spennende tittel

Hovedmålet her er å skape intriger og tiltrekke brukerens oppmerksomhet. Vanligvis brukes en eller annen kontroversiell, ved første øyekast, uttalelse for dette.

Et annet godt alternativ er å legge press på "smerten", det vil si direkte oppgi et problem som bekymrer din potensielle klient. Riktignok er det nødvendig, men dette er et emne for en egen artikkel.

Et viktig poeng: ikke forveksle spennende overskrifter for landingssider med overskrifter for innlegg på sosiale nettverk, artikkelsider eller. Dette er forskjellige ting. Overlat overskriftene fra serien «hvordan jeg gikk ned 20 kg på 10 dager» til clickbait-mesterne.

– Sammendragstittel

Sammendragsoverskrift

En annen type overskrift for en landingsside er en generaliserende, det vil si å oppsummere et mellomresultat som oppsummerer en blokkering. Det enkleste eksemplet er tittelen på blokken "Våre fordeler" eller "Spørsmål og svar".

Et annet klassisk trekk er bruken av tall. Dessuten fungerer dette for både underoverskrifter og overskrifter. Sammenlign for eksempel:

Overskrift med nummer: "7 vaner til svært effektive mennesker";
Overskrift uten et tall: «Förmågan til svært effektive mennesker».

3. Underoverskrifter

Undertekst

La oss gå videre. Tittelen er bare det første trinnet. Viktig, men vi er fortsatt langt unna det endelige målet. Derfor må effekten av tittelen forsterkes. Og til dette er en undertittel som avslører essensen av setningen best egnet.

Og her er en viktig nyanse: undertittelen skal være kortere enn tittelen. Et slikt trekk vil ikke bare bidra til å styrke overskriften, men vil heller ikke trekke oppmerksomheten fra den.

Og husk, jeg skrev om tall, og jeg vil si dette, hvis du legger til et tall i undertittelen, strukturerer det informasjonen, gir detaljer, viser muligheten for å oppnå et stort mål i flere stadier.

Bare ikke la deg rive med av tallene, for dette er fortsatt en landingsside, ikke en bloggartikkel «99+ fantastiske bilder». Det er viktig at tilbudet ditt (pris eller tid for å oppnå et mål ved å bruke produktet ditt) er konkurransedyktig og realistisk.

4. Shootouts

Bullitt

Som du kan se i eksempelet, kan en kule (og også kule, kule, listemarkør) bestå av flere elementer. Dette skiller den fra en vanlig punktliste eller nummerert liste i tekstformat, selv om logikken i konstruksjonen stort sett er den samme.

Så følgende regler er egnet for både den vanlige listen og kulen (med noen avklaringer):

Bli enige om kulepunkter seg imellom;
Sikt etter samme ordtelling;
Ikke bruk mer enn 5 kuleelementer;
Tildel en ny linje for hvert element;
Fokuser på fordelene

Generelt er en kule et typografisk tegn for å fremheve listeelementer. At teksten skal være strukturert og lett å lese er et aksiom som ikke krever bevis.

– Shootout-tittel

Shootout-tittel

Som enhver overskrift bør den lokke brukeren til å lese resten av bulletinen. Derfor er det viktig å være mer oppmerksom på det, ellers vil brukeren ganske enkelt rulle videre.

– Beskrivelse av skuddvekslingen

Beskrivelse av skuddvekslingen

Det brukes ikke alltid, men hvis du har kommet opp med en god, "fengende" tittel, hvorfor ikke supplere den? Dessuten bør det ikke være mye tekst i beskrivelsen av kulen, noen ganger vil bare et par ekstra setninger være nok.

5. Tilkobling til blokken

Tilkobling til blokken

Noen ganger kan hovedideen til en blokk oppgis umiddelbart, rett i tittelen. Men dette fungerer selvsagt ikke på alle områder.

For eksempel, hvis vi snakker om et komplekst eller dyrt produkt, må brukeren være forberedt. Led ham til en kjøpsbeslutning, forklar hver tanke konsekvent. Og foringen til blokken er veldig egnet for dette.

Et lite tekstavsnitt der du hevder noe, og deretter fortsetter for å bevise denne påstanden, eller still et spørsmål og deretter svare på det, eller bare forklare tittelen på blokken mer detaljert.

6. Informasjonstekst

Informasjonstekst

Noen ganger kan du bare bruke tekst på en landingsside. Uten lister, skjønnheter og animasjon. Dessuten er det kun én betingelse som er viktig her – teksten må være god. Uten alle disse individuelle tilnærmingene og fleksible priser.

Jeg vet at for noen bedriftseiere høres disse ordene ut som magiske markedsføringsformler. Og noen mennesker er ganske oppriktig forvirret: «Hva annet skal jeg skrive? Alle har slike tekster?» Men nei. Det fungerer ikke slik, dessverre.

Derfor, hvis du har noe å fortelle om produktet ditt, og du kan gjøre det godt og "velsmakende", så fortell det. Selv om du selger noe helt banalt, for eksempel plastvinduer.

Hvis du ikke er sikker på at informasjonsteksten vil være interessant, er det bedre å velge en annen blokk. Eller i det minste legg til et par gode aksenter i teksten.

7. Aksenter

Aksenter

Det kan være hva som helst: sitater fra flotte mennesker, interessante eksempler fra livet, sentrale tanker. Oftest er aksenter utformet i form av en liten grafisk blokk, skilt fra hovedteksten av fonten eller bakgrunnsbakgrunnen, og noen ganger begge deler.

Et viktig poeng: aksenter i teksten kan brukes på forskjellige måter. Noen ganger for å fremheve det viktigste, og noen ganger for at leseren skal kunne ta en liten pause. For eksempel hvis teksten inneholder en lang liste.

VI ER ALLEREDE MER ENN 29 000 mennesker.
SLÅ PÅ

Typer tekst

La oss nå gå videre til teksttyper. Naturligvis vil det ikke være mulig å dekke alt, men jeg vil trekke frem de vanligste. Og husk at dette ikke er en destinasjonssidestruktur, og ikke alle de oppførte typene kan inkluderes i den. Mye avhenger av det spesifikke formatet og typen virksomhet.

En annen viktig merknad: unngå blindkopiering av ferdige opplegg, legg til i det minste litt av dine egne, ellers vil landingssiden din forsvinne blant millioner av lignende landingssider, og dette vil være veldig trist. Så la oss gå.

1. Eyeliner = verdiforslag

Eyeliner

Det er på tide å snakke om produktet ditt mer detaljert. Det er bedre å gjøre dette kort, i ett eller to avsnitt, der du må nevne hvem dette produktet er for, og nøyaktig hvordan det vil bidra til å løse brukerens problem. Ikke fordyp deg i mindre detaljer; tiden kommer for dem.

Forresten, noen ganger brukes ordet "eyeliner" for å beskrive strukturen til en landingsside, men dette er mer fra journalistisk terminologi og betyr en slags kort kunngjøring av en artikkel som svarer på spørsmålene: "hvem?", "hva" ?", "hvor?", "når?"

Når det gjelder en landingsside, er det mer riktig å bruke begrepet "verdiproposisjon", som beskriver produktet i det mest gunstige lyset.

2. Våre fordeler

Våre fordeler

Det er en oppfatning at hvis en blokk trenger et slikt forklarende navn, så er selskapets fordeler så som så.

Selvfølgelig er det en viss logikk i dette utsagnet, men det er tilfeldigvis at en blokk med fordeler er en nesten obligatorisk egenskap for de fleste landingssidene på RuNet. For ikke å si det var dårlig, bare standard.

Så hvis du viser litt fantasi og kaller denne blokken noe annet, vil du kun vinne mot den generelle bakgrunnen. Et annet godt alternativ er å plassere fordelene umiddelbart etter verdiforslaget, uten en ekstra underoverskrift.

Og husk at fordeler forteller kunden en fordel, for eksempel å gjøre livet enklere. Bare ikke forveksle dem med funksjoner (jeg skal snakke om dem senere).

3. Funksjoner

Funksjoner

En egenskap er en egenskap ved et produkt som et resultat vil bli oppnådd med. Faktisk kan ingen håndtere dette bedre enn deg.

Når alt kommer til alt, da du opprettet produktet ditt, sammenlignet du det sannsynligvis med lignende forslag og tenkte: "Og dette er hvordan det vil fungere for oss."

Dessuten er det ikke nødvendig at vi snakker om en revolusjon i bransjen du kan bruke en allerede kjent, men fortsatt god løsning, for eksempel spillbasert trening.

Hvis du ikke har en funksjon, betyr det at det er på tide å komme opp med en! Selv i den mest prosaiske virksomheten kan du finne noe interessant og uvanlig.

For et rengjøringsfirma kan dette for eksempel være en liten bukett blomster som gave. For aromaen. Bare ikke glem å sjekke om personen har allergier, ellers vil du, i stedet for å øke lojaliteten, få motsatt effekt.

4. Tall og fakta

Tall og fakta

Folk elsker tall og fakta. Derfor har du sannsynligvis på de fleste landingssidene sett blokker fra «10254 fornøyde kunder»-serien. Noen ganger brukes denne blokken som en blokk med fordeler, noe som generelt sett ikke er helt riktig, selv om det er ganske vanlig.

Etter min mening er det imidlertid bedre å lagre fakta "til senere" og plassere en blokk med overbevisende tall i den andre delen av landingssiden.

5. Trinnvis veiledning

Steg for steg guide

Kan brukes selv til det enkleste produktet. Bare husk at det som er åpenbart for deg kanskje ikke er åpenbart for brukeren.

Så tegn ham et veikart. Bare beskriv handlingen så spesifikt som mulig og bruk imperative verb: "Legg igjen en forespørsel om tilbakeringing", "Ta testen", etc.

Hvordan skal en landingsside se ut med tanke på effektivitet? Hvilke blokker skal den inneholde og hvordan skal disse blokkene se ut? Etter å ha lest artikkelen vil du få svar på disse spørsmålene og se hvordan de beste landingssidene ser ut.

1. Overskrift med USP

Den ideelle landingssiden, enkelt skjerm eller lang, har alltid en fengende overskrift som:

lar besøkende umiddelbart vite hvor han er;
viser ham det unike med tilbudet ditt.

Overskriften er plassert øverst på landingssiden, i brukerens øyehøyde. Stort, lyst, spennende.

Fluktfrekvensen avhenger av tittelen.

Her er eksempler på overskrifter for selskapets beste landingssider.

2. Beskrivelse

Beskrivelsen påvirker også fluktfrekvensen, men mindre enn overskriften. Består typisk av en logo, firmanavn, slagord eller noen få ord om tjenester eller produkter. Plassert øverst til venstre eller midten.

Hvis landingssiden har en overskrift med en USP, gjøres beskrivelsen beskjeden – en logo pluss et navn.

De beste landingssidene inneholder alltid en original beskrivelse.

3. Blokker med kontaktinformasjon

Vanligvis plassert i øvre høyre hjørne. En omfattende kontaktblokk inneholder:

ekte telefonnummer;
e-post;
"Ring tilbake"-knappen.

En klage skal benyttes - ring gjerne.

4. Attraktivt bilde

Med bilde mener vi en bakgrunn - et stort bilde, på toppen av hvilket en tittel, fangstskjema og andre blokker er plassert.

På en ideell landingsside tilsvarer bildet temaet på nettstedet, er originalt og interessant. Bakgrunnsfargeskjemaet er forskjellig fra tittelens skriftfarge for å forhindre at de blandes sammen.

I skjermbildene kan du se vakre landingssider med attraktive bilder.

5. Fang opp skjemaer

En landingsside på én skjerm inneholder ett registreringsskjema, en lang landingsside inneholder 2 eller 3 skjemaer. Det første skjemaet er ved siden av overskriften - ved siden av eller under det.

Fangstskjemaet inneholder felt for å angi navn og telefonnummer. En oppfordring til handling beskriver en ekstra fordel (gave, rabatt, tilleggstjeneste) som oppfordrer besøkende til umiddelbart å sende inn data.

Hvis det er en kampanje som kjører på landingssiden, inneholder registreringsskjemaet en nedtellingstidtaker.

Dette er fangstskjemaene vi utstyrer de beste landingssidene til våre kunder.

6. Blokk med fordeler for klienten

Denne blokken omgår ideelt sett besøkendes innvendinger. 3–8 poeng plasseres i en blokk.

Blokken har følgende struktur: tekst som beskriver fordelen og et tematisk bilde for hvert element. Plasseringen av elementene er horisontal eller vertikal. I en ideell blokk har alle avsnitt like mye tekst, og nøkkelsetninger er uthevet i farger eller fet skrift.

7. Kundeanmeldelser

Gjennomgangsblokken er nøkkelen på landingssiden.

Landingssiden må inneholde reelle anmeldelser fra minst tre kunder. Det ideelle alternativet er et rullbart vindu, for eksempel en glidebryter, som kan romme 5-10 anmeldelser.

Hver anmeldelse:

inneholder navn og ekte bilde av klienten;
innhold med nøkkeldetaljer som vil ha en positiv innvirkning på konvertering av landingsside.

Her er eksempler på blokker med anmeldelser på de beste landingssidene til studioet vårt.

8. Tariffer eller tjenestepakker

Kjøpere velger gjerne mellom flere alternativer. Derfor tilbyr den ideelle landingssiden et utvalg av 2-3 tariffer eller pakker. Det spiller ingen rolle om landingssiden selger varer eller tilbyr tjenester, siden må ha en blokk med tariffer.

Takstene bør være forskjellige fra hverandre og inneholde detaljert informasjon om hva som inngår i dem. En av tariffene er merket som den mest populære blant kunder.

9. Eksempler på landingssider

Dette er en av de viktigste blokkene på en landingsside. Det er etter å ha sett porteføljen eller sakene at den besøkende bestemmer seg for å ta målhandlingen.

En kompetent portefølje inneholder kun det beste arbeidet, er vakkert designet og tar ikke mye plass. For design er det bedre å bruke en glidebryter som besøkende vil bla gjennom bildene med.

Etter å ha sett på eksempler på landingssider, bør den besøkende være overbevist om kvaliteten på produktet eller tjenesten.

10. Ekte kontaktdetaljer i bunnteksten

Den endelige tillitstriggeren er en blokk med kontaktinformasjon om selskapet eller forfatteren i bunnteksten.

Ved bedrift skal det foreligge kart med angitt kontorsted. Når det gjelder forfatteren, alle slags kontakter.

Det er også her det endelige fangstskjemaet ligger.

En ideell landingsside inneholder alle de ovennevnte elementene. Men for at en landingsside skal være virkelig effektiv, må alle blokkene være riktig kombinert til én sammensetning. Og legg også til betydninger takket være hvilke besøkende som utfører konverteringshandlinger på landingssiden vår.

Victoria Kuchinova

Hovedproblemet med de fleste moderne landingssider er at de alle ser ut til å være karbonkopier. Hvor er kreativiteten, ilden, hvor er designergalskapen?

I denne samlingen har jeg samlet interessante funksjoner og uvanlige effekter. Noen av dem ble laget av Texterra-utviklere og webdesignere, noen ble funnet på Internett. Det er også eksempler på ekkelt design og direkte tullete – på slutten av artikkelen blir du kjent med morderhamsteren og Snow Maiden med bøtte.

Se, bli inspirert, praktiser ideene du liker, bland dem med dine egne og ikke glem å gjennomføre A/B-testing - dette er den eneste riktige oppskriften for å lage de beste landingssider.

Og viktigst av alt, husk at landing ikke er et selvforsynt verktøy. Konverteringer, potensielle salg og salg krever trafikk av høy kvalitet. Og det er vanskelig å få det uten omfattende markedsføring.

Utvidet skjema

Vanligvis bruker énsides nettsteder et standard søknadsskjema med flere felt. Oftest må klienten oppgi kontaktinformasjon – for- og etternavn, e-post eller telefon. Men på noen komplekse områder er det bedre å utvide emnet mer detaljert. Slik gjorde de det i Texterra: i form av dellservers.ru-landingssiden kan klienten velge en modul, parametere og serveroppgaver. Kan tilbakestille verdier hvis noe går galt.

Hva er dette til for? Eieren av landingssiden vil uansett motta sine leads – selv om det bare er to eller tre felt i skjemaet. Men klienten vil være interessert i å grave dypere. Ikke bare bestill, men velg ditt eget alternativ.

To CTA-knapper

På landingssiden til oppgaveplanleggeren wunderlist.com/ru er det to oppfordringer til handling som forsterker hverandre: «Opprett en gratis konto» og «Last ned Wunderlist». Brukere klikker på begge lenkene, konverteringene øker, og landingssiden gjør jobben sin perfekt.

Spesifikke tall (resultater)

Dette er ikke en ny funksjon, men den fungerer fortsatt. Vis kundene hva du har oppnådd i tall: dette er tydeligere enn de abstrakte setningene "vi er best", "vi har hundrevis av fullførte prosjekter" og så videre. Se på smartprogress.do-landingssiden: du kan umiddelbart se hvor mange personer som allerede har sluttet seg til prosjektet, hvor mange mål de har satt, hvor mange prestasjoner de har oppnådd.

Personalisering

Ansiktsløse mallandingssider – brrr, hva kan være mer kjedelig! Gi liv til nettstedet ditt på én side, spenn til og interesser din potensielle klient. For eksempel, på Texterra-nettstedet for tjenester-siden er det bilder av ansatte som er direkte involvert i dette. En besøkende kommer inn og ser: ja, ressursen min vil ikke bli utviklet av abstrakte utviklere, men av fullstendig levende Svyatoslav, Polina, Artem og andre.

Praktisk svarskjema

På mange landingssider og nettsteder kan du bare stille et spørsmål gjennom et skjema. Dette betyr at du må oppgi for- og etternavn, legge igjen telefonnummer og e-post. Noen ganger må du til og med skrive inn captchas og koder - skrekk! Det er tydelig at dette gjøres for å få leads. Men det er et annet alternativ - som på Cerebro Target-landingssiden. Hvis du er registrert på VKontakte, trenger du ikke fylle ut noe - bare skriv. Det er både praktisk for kunden og bra for eieren – kontakten er forlatt, og du kan fortsette å jobbe.

Kundeanmeldelser

Du kan be kundene fortelle om inntrykkene deres og publisere de mottatte tekstene på landingssiden. Men haken er at den besøkende ikke vil sjekke på noen måte om anmeldelsene er ekte eller falske. Det er bedre å gå videre og overbevise besøkende om dette. Landingssiden huskypark.info, som er utviklet av Texterra, inneholder ord fra kunder fra Instagram med lenker til deres kontoer. Alt er rettferdig - kom inn og se selv.

Demonstrasjon av resultater

3D-grafikk og utvidet virkelighet

Landingssiden ble opprettet for Qubi-applikasjonen. Dette er et spill for barn over 3 år og voksne. Essensen av spillet er enkel. I det første trinnet limer brukeren sammen en ekte papir-, papp- eller trekube i henhold til den foreslåtte ordningen.

Deretter installerer han applikasjonen, åpner den på smarttelefonen og "ser" på kuben gjennom enhetens kamera.

Kuben kommer til live på skjermen til en smarttelefon eller nettbrett. Brukeren spiller en tredimensjonal versjon av "Snake", "2048", "Labyrinth". I dette tilfellet må du kontrollere spillet ved å bruke en ekte kube. For å kontrollere kuben med begge hender, må du bruke et spesielt smarttelefonstativ, som du kan sette sammen selv.

En tredimensjonal modell av kuben kan sees i illustrasjonen (gif).

Hva kunden ønsket

Klienten ba om å lage en landingsside som fremhever en funksjon ved spillet: bruken av 3D utvidet virkelighet. Spesielt ønsket han å se effekten av bevegelige ansikter til en tredimensjonal kube, hvis aktive ansikt er skrevet inn på skjermen til den besøkendes enhet.

Hva har vi gjort

Vi implementerte tredimensjonalitet ved å bruke CSS3 3D-transformasjoner. Overganger mellom kubeflater gjøres ved hjelp av ren JavaScript med dra-og-berør-hendelsessporing. Takket være de uvanlige overgangene mellom skjermene får brukeren en følelse av volumet på skjermen. Dette er spesielt uttalt på den fungerende versjonen av landingssiden.

For den endelige versjonen av landingssiden laget vi en mer realistisk versjon av kuben. I motsetning til arbeidsversjonen, roterer kuben i den endelige versjonen fra utsiden, ikke fra innsiden. 3D-følelsen forsterkes av tittelanimasjoner.

Landingssiden er fullstendig responsiv.

Interaktivt utvalg av interiør- og møbelfarger

Det unike med DSK.Color-landingssiden er muligheten til å uavhengig velge farge på møbler og interiørartikler ved hjelp av en interaktiv palett.

DSK.Color-selskapet maler enhver overflate i forskjellige farger. Du kan bestille maling av møbler, husholdningsapparater, sykler, musikkinstrumenter og andre gjenstander. Kunden kan velge hvilken som helst farge.

Den mest populære tjenesten er maling av møbler og interiørartikler. Det står for ca 80 % av oppdragsgivers arbeid.

Hva kunden ønsket

Klienten ba om å lage en lys og minneverdig landingsside "med en oppfordring om å fargelegge alt rundt." Han hadde ideer for å lage 3D-gjengivelser av møblene slik at en besøkende "kunne snurre og se på det malte stykket fra forskjellige vinkler."

Hva har vi gjort

Vi foreslo en idé til klienten: å gi besøkende muligheten til selvstendig å velge fargen på møbler og interiørartikler.

For å gjøre dette tilbød landingssiden et bilde av et rom der den besøkende kunne male hovedobjektene ved å bruke en palett som åpnet ved å klikke. Basert på de valgte fargene og elementene, kan brukeren beregne kostnadene for tjenester. Den første prototypen så slik ut.

Kunden likte ideen veldig godt, så vi laget en fungerende prototype av landingssiden. På den så hoveddelen allerede slik ut.

Vi ble enige med oppdragsgiver om å overlate muligheten til å male bord, stoler, dør og kjøkkendel. Dette er hovedgjenstandene som selskapet maler.

Etter å ha blitt enige om prototypen, ble designer og layoutdesigner involvert i arbeidet. Den første tegnet alle objektene i svg (dette er et grafikkformat). Den andre la ut og la til en fargepalett til svg-områdene. Etter det implementerte vi et modalt vindu. Med dens hjelp kan brukeren dobbeltsjekke farger og elementer og sende inn en forespørsel om tjenesten.

Uvanlige og vanlige forladere

Ved å bruke en forhåndslaster eller spinner kan du gjøre hvilken som helst landingsside mer praktisk og visuelt attraktiv. I denne delen skal vi snakke om forhåndslastere og se på eksempler på disse elementene laget av Texterra-spesialister.

Hva er en forhåndslader og hvilke problemer løser den?

Preloader eller spinner er et tegn som vises på skjermen før siden lastes inn. Du ser disse elementene hver dag når du bruker Internett. Nedenfor er et eksempel på en forhåndslader.

Forhåndslasteren løser et praktisk problem: den informerer brukeren om at siden lastes, og erstatter også det visuelt lite attraktive lastebildet. Dette må forklares.

På grunn av tekniske funksjoner til nettlesere, lastes nettsider ujevnt. Under lasting kan oppsettet "flyte". Hvis siden lastes inn på noen få sekunder i stedet for en brøkdel av et sekund, sitter brukeren igjen med en lite attraktiv opplevelse en stund.

Forhåndslastere er implementert ved hjelp av standard front-end utviklingsverktøy: HTML, CSS, JavaScript og tilleggsbiblioteker og rammeverk, for eksempel jQuery, React.

Hvordan vi forbedrer landingssider ved å bruke forhåndslastere

Vi lager unike forhåndslastere, inkludert animerte. Her er noen av våre arbeider.

Qubi

For Qubi-landingssiden laget vi en forhåndslaster som gjenskaper navigasjonsmenyen. Dette lar brukeren forstå hvordan siden manipuleres før den lastes inn.

Levellen

På nettsiden til Levellen Interiors brukte vi en preloader i form av firmalogoen. Dette er et tilleggselement i merkevarebygging av nettstedet.

Landingssiden gir informasjon om leie av lokaler i forretningssenteret. Hovedhemmeligheten til landingssiden er i delen "Kontorer". Her kan brukeren se tilgjengeligheten av ledige kontorer i hver etasje i bygget.

Når du holder markøren over et ledig kontor, dukker "Flere detaljer"-knappen opp.

Ved å klikke på knappen kommer brukeren til en side med informasjon om kontoret og dets bilder. Fra denne siden kan du sende inn en forespørsel om å leie et rom.

Implementeringsfunksjoner

Vår designer tegnet formene på kontorlokalene, tegningene er laget i svg-format. Disse tegningene er lagt over plantegningene. Når nettstedsadministratoren noterer i kontrollpanelet at kontoret er gratis, inkluderer skriptet å vise et bilde på planen og muligheten til å gå til siden med informasjon og et bestillingsskjema. Når administratoren merker at kontoret er opptatt, slår manuset av bildet av tegningen på planen.

Egentlig design

I dette eksemplet er det ingen komplekse tekniske triks eller designeffekter - hele landingssiden blir tatt bort av et vakkert bilde: bakgrunn, farger, deilige fotografier av Astrakhan-kaviar. En-personsøker astrahancaviar.ru– et godt eksempel på hvordan du takket være designeren ønsker å kjøpe et produkt. Og spis det umiddelbart!

Til slutt, om det såre punktet - noen få eksempler på forferdelige landingssider. For kontrast, facepalm, maktesløs smerte og alt det der. Jeg vil ikke beskrive hva som er galt med dem - jeg foreslår at du løser disse problemene selv. Det-a-ak...