Pozdrav dragi čitatelji blog stranice. Danas ćemo govoriti o tako važnoj stvari kao što je odredišna stranica, koji se vrlo često buržoaski naziva landing page (od engleskog landing page - landing page). Što je to i zašto je toliko važno?
Posvetimo sadašnji članak odgovoru na ovo pitanje, a također u svim detaljima razmotrimo one točke koje su vrlo važne pri izradi odredišnih stranica i razmotrimo sve ovo na konkretnim primjerima odredišne stranice i one tehnike koje koriste najbolji usabelisti za poboljšanje učinkovitosti odredišnih stranica.
Što je odredišna stranica i zašto je toliko važna
Vrlo često, čak i uz pravi rad na privlačenju pravih ljudi (ciljane publike) na svoju stranicu (itd.), vi, kao vlasnik tvrtke, nećete osjetiti povrat od toga. Čini se da promet dolazi, a cilj je publika, ali prodaje i pretplata praktički nema (ovisno o tome koju radnju konverzije ste odabrali kao glavni zadatak). Ništa ne radi. Što može biti pogrešno?
Najvjerojatnije ste zaboravili razmisliti i pripremiti odredišne (landing, landing) stranice, koje se često nazivaju odredišne stranice... Što je?
A ovo je vrlo važna točka koja može značajno povećati konverziju (broj kupnji ili registracija), jer su odredišne stranice dizajnirane da dovesti korisnika do ciljane radnje što je učinkovitije moguće... Usmjerite li posjetitelje sa svih oglasa, na primjer, na početnu stranicu stranice, možete dramatično smanjiti konverziju i izletjeti iz cijevi.
Sam izraz "odredišna stranica" izveden je iz engleske fraze "landing page", što znači samo ciljnu, odredišnu (odredišnu) stranicu. Landing stranice se ionako ne izrađuju, već uzimajući u obzir psihologiju posjetitelja. Moraju se držati i ne puštati do samog trenutka kupnje (ili registracije), jer će ponovno privlačenje posjetitelja već biti zastrašujuće.
To je kao udica na priboru za pecanje - mora pouzdano pokupiti i samouvjereno držati ulovljenu ribu na sebi do trenutka kada je popravite pojačanjem. Ako je udica (tovar) neprikladna ili uopće nije, onda će svi vaši napori od mamca, postavljanja mamaca i drugih šamanskih radnji proći uzaludno. Nećete doći do konačnog cilja.
Same odredišne stranice su ili zasebne stranice postojeće web-lokacije ili web-mjesta na jednoj stranici posebno izrađena za ovu tvrtku. Zapravo, nakon što je ušao u to, korisniku je već prilično teško izaći i neizbježno mora kliziti u njega dok ne postane vaš klijent. No, to je ideal, no kako taj ideal implementirati raznim reklamnim trikovima, vidjet ćemo u nastavku ove publikacije.
Primjeri odredišne stranice
Ovisno o ciljevima koje težite, odredišne stranice (odredišne stranice) mogu se podijeliti u nekoliko vrsta:
![](https://i2.wp.com/ktonanovenkogo.ru/image/04-08-201414-52-56.png)
12 koraka za stvaranje savršene odredišne stranice
Morate shvatiti da odredišne stranice na koje ćete privući korisnike s društvenih mreža (ili iz kontekstualnog oglašavanja) moraju imati niz karakteristika i ispunjavati određene zahtjeve. Pa kako stvoriti savršenu odredišnu stranicu?
- Svaka odredišna stranica treba biti prilagođena samo za jednu ciljnu radnju (konverzije) - pretplatu ili prodaju. Nema potrebe biti pohlepan, jer će pažnja korisnika biti raspršena i vjerojatnost njegovog odlaska će se uvelike povećati (bez odabira bilo čega od predloženih opcija). Kupce je najbolje natjerati da razmišljaju i biraju što manje – put do odredišne stranice trebao bi biti ravan poput strelice (njemu očito) i bez ikakvih grana.
- Odredišna stranica mora sadržavati poziv na akciju(s glagolima u imperativu - nazvati, kupiti, dobiti, doći itd.). Neka vaše fraze budu kratke i motivirajuće. Na primjer, "kupi sada", "nabavi videotečaj" ili "preplati se i dobij".
- Oni također vladaju svijetle tipke i strelice, stvarajući naglasak na njima. Gumbi crvenih i žutih nijansi dobro funkcioniraju, jer su uočljivi i sadrže, takoreći, poziv na akciju.
No, strelice su, u pravilu, dizajnirane da dodatno istaknu gumb, kako bi ponašanje korisnika na odredišnoj stranici bilo što predvidljivije.
Ponekad rade jako dobro animirani gumbi(ali u svakom slučaju, bit će potrebno testirati učinkovitost određenih elemenata odredišne stranice):
- Ako odredišna stranica koristi(ne možete bez njih na odredišnim stranicama za pretplatu, ali ih prodavači često koriste), a zatim pazite da sadrže što manje polja. Idealno bi bilo da obrazac ima samo jedno polje (za upis e-mail adrese), ali za daljnju komunikaciju (marketing) morate znati i korisničko ime, pa su dva polja najčešća opcija. Više polja može značajno smanjiti konverziju. Osim toga, dodavanje polja za unos telefonskog broja ili adrese izaziva oprez kod korisnika i može dovesti do odustajanja od ciljane radnje.
- U članku o spomenuo sam da korisnici na internetu ne čitaju tekstove - oni ih gledaju. A najvažnija stvar u tom pogledu je naslov. Ako ga nema (ili nije naglašeno u skladu s tim), to će uvelike smanjiti pretvorbu. Na odredišnim stranicama naslovi moraju biti privlačni tako da je korisnik sklon dalje čitati ili odmah izvršiti radnju konverzije (pretplata, narudžba, poziv).
- Vaša odredišna stranica ne bi trebala imati samo pozive na akciju i učinkovite naslove, već i obrazloženje nužnosti pretplatu, kupnju, narudžbu ili poziv. U slučaju stranice za pretplatu, to može biti npr. mali video s opisom i sadržajem "besplatne" ili je sve isto osmišljeno u obliku kratkog popisa (liste). U slučaju prodavača, to može biti i video s pregledom proizvoda, popisom onih usluga koje nudite (uključujući i vaše konkurentske prednosti).
- Radite vrlo dobro na odredišnim stranicama recenzije od postojećih klijenata, kupaca ili pretplatnika (bolje je da se navedu neki kontakti onih koji su ostavili ove recenzije kako bi sve izgledalo uvjerljivo).
- Također ima dobre rezultate na odredišnim stranicama. prije i poslije usporedbe... Ovo nije primjenjivo za sve predmete, ali u području mršavljenja, kozmetologije, fitnesa i mnogim drugim nišama može se koristiti s velikom učinkovitošću. Na primjer, to radi restoranska tvrtka.
- Odredišna stranica može biti prilično duga, ali kada gledate prvi ekran(ovo je područje stranice koje je vidljivo bez pomicanja) korisniku bi trebalo biti potpuno jasno i razumljivo što ste mu točno htjeli reći.
- Kako biste stimulirali pretplatnike ili kupce nekih proizvoda (npr.), možete koristiti opciju dodatnih bonusa koje će pretplatnik ili kupac dobiti prilikom narudžbe. Kada je korisnik na rubu odluke, onda baš takve “kufle” mogu prevrnuti vagu u vašu korist.
- I, naravno, vrijedi se usredotočiti na činjenicu da će korisnik "samo ovdje i samo za određeno vrijeme" imati pristup svoj toj raskoši (pretplata, posebna cijena za proizvod, dodatni set usluga). Koji je najbolji način za to? Tako je, stavite tajmer za odbrojavanje do sata X, kada će se dati prilika propustiti. Ništa ne stimulira neodlučnog korisnika da donese odluku kao prolazne sekunde doslovno pred njihovim očima.
Bilo bi lijepo pored mjerača vremena staviti obrazac za pretplatu, obrazac za narudžbu ili kontakt telefon. To neće uvijek funkcionirati, pa je potrebno provesti testove (razmišljam da napišem nekoliko članaka o provođenju A/B testiranja - ako ne želite propustiti, pretplatite se na mailing listu), i moguće je da će vam tako jednostavan i očigledan način povećati konverziju ove odredišne stranice i više nego nadoknaditi novac potrošen na promociju na društvenim mrežama ili kontekstualno oglašavanje.
- Korisnici također žele znati tko im točno nudi ovaj proizvod, uslugu, video tečaj itd., pa je to neophodno navedite podatke na odredišnoj stranici o autoru, trgovini, tvrtki.
Naravno, bilo bi lijepo spomenuti zasluge, postignuća, konkurentske prednosti, ali nemojte se prehvaliti, kako ne biste prešli granicu preko koje povjerenje u objavljene informacije već opada.
Primjeri pogrešaka koje slijetanje čine neizvedivim
Osim onih stvari koje pomažu da odredišna stranica radi učinkovitije, vrijedi navesti i česte pogreške pri izradi odredišnih stranica, koji može neutralizirati sve navedene "trikove s ušima", a željeni rezultat nećete dobiti oglašavanjem ili promocijom na društvenim mrežama (ili kontekstu).
- Još jednom da podsjetim da na internetu praktički nitko ne čita (barem novootvorenu stranicu), već samo gleda informacije. Ako se pokaže da je stvarno vrijedno i da zahtijeva detaljnije proučavanje, onda se svodi na čitanje (općenito, isto kao i s novinama). Tako nemojte preopteretiti odredišnu stranicu informacijama- to može dezorijentirati korisnika i izazvati reakciju odbijanja i prije trenutka kada shvati o čemu se radi.
- Tekst bi trebao biti mali, što je moguće lakočniji i ispunjen informacijama, a ne vodom. Par paragrafa "o ničemu" natjerat će korisnika da zatvori takvu odredišnu stranicu. Sitni ispis također ne funkcionira dobro na odredišnoj stranici. Općenito, njegova upotreba nije potrebna, jer nije potrebno mnogo riječi da bi se izrazila bit.
- Nemojte razočarati očekivanja korisnika. Ako ste u reklami ili objavi na društvenoj mreži govorili o jednoj stvari, ali kada korisnik dođe na odredišnu stranicu vidi nešto drugo, tada dolazi do gubitka povjerenja i konverzija naglo opada. Vrlo je važno pratiti tu usklađenost.
Dizajn odredišne stranice zapravo je vrlo važno. Ako je nepotpuna, neprofesionalna ili većini korisnika izgleda odbojno, onda vas ni poštivanje svih gore opisanih pravila za stvaranje dobrog vođenja neće spasiti. Ako sami nemate potrebne vještine i ukusa, ili nemate dizajnersku tvrtku u svom osoblju, tada možete koristiti brojne dizajnere ili gotove predloške odredišne stranice, koje ćete morati samo malo izmijeniti kako bi odgovarali vašim potrebama .
Opet, testiranje i analiza statistike pomoći će vam da odredite najbolju opciju, na primjer, (često nije sve tako očito kao što se može činiti). Tako ćete moći pratiti provedbu ciljane radnje i razumjeti koji elementi odredišne stranice doprinose povećanju konverzije, a koji ometaju i treba ih promijeniti.
Imate li još malo vremena? Želite li ga potrošiti s koristi? Zatim uzmite kokice, sjednite i gledajte dvosatni majstorski tečaj "Algoritam korak po korak za izradu odredišne stranice":
Generator prodaje
Materijal ćemo Vam poslati na:
Landing page je lice vaše tvrtke na svjetskoj mreži; ako se korisniku ne sviđa, samo će zatvoriti stranicu i zaboraviti na vas. Kako se to ne bi dogodilo, predlažemo da istražite najbolje odredišne stranice. Primjeri će vam pomoći da se krećete u izradi vlastite stranice na jednoj stranici.
U ovom članku ćete naučiti:
- Što je odredišna stranica
- Kome bolje povjeriti njegovu izradu
- 13 savjeta za izradu odredišne stranice + dobri primjeri
- Što bi trebala biti odredišna stranica za online trgovinu
- Primjeri odredišne stranice s velikom konverzijom
Što je odredišna stranica
Možete pronaći mnogo materijala i opisa praktičnih primjera na temu izrade odredišnih stranica. Ova je tema doista opsežna, pa je teško sakupiti sve metode i savjete u jednom članku, ali mi smo to učinili ukratko, opisujući sve na pristupačnom jeziku.
Odredišna stranica je stranica na jednoj stranici. Njegova je zadaća privući pozornost posjetitelja i potaknuti ga na akciju koju želi kupac (kupnja proizvoda, pretplata na newsletter, poziv, ostavljanje zahtjeva).
Ako govorimo o izvornoj vrijednosti, odredišna stranica u prijevodu s engleskog znači "odredišna" ili "odredišna stranica". Mnogi takvi resursi su široko zastupljeni na Internetu.
Tri razloga za izradu odredišne stranice:
- Dobra motivacija. Visokokvalitetna odredišna stranica potiče posjetitelja na poduzimanje potrebnih radnji.
- Brzina stvaranja... Odredišna stranica se proizvodi dovoljno brzo, a cijena rada u ovom slučaju znatno je niža nego kod pisanja punopravne web stranice.
- Mogućnost transformacije. Ako je potrebno, izmjena odredišne stranice neće biti teška.
Tri zadatka odredišne stranice:
- Prodaja proizvoda. U tu svrhu koriste se poticajne riječi ("kupi", "ostavi zahtjev", "nazovi", "naruči").
- Prikupljanje informacija. Za to se koriste izrazi "pretplatiti se", "saznati više".
- Širenje softver kroz prodaju.
Algoritam za ostvarivanje prodaje pomoću odredišne stranice sastoji se od četiri faze:
- posjetitelji su vidjeli poveznicu na odredišnu stranicu (na primjer, 100 ljudi);
- nakon što su se zainteresirali, napravili klik i napravili prijelaz (na primjer, 40 ljudi);
- ostavio prijavu (na primjer, 10 ljudi);
- kupili proizvod (na primjer, dvije osobe).
Povrat od 2% nije loš rezultat. Ne može se, naravno, nazvati pobjedničkim, ali u ovom slučaju ima prostora za daljnji napredak.
Odredišna stranica je neophodna za tvrtku u sljedećim slučajevima:
1. Niska konverzija glavnog internetskog resursa tvrtke.
Ako posjetitelji brzo napuste web stranicu tvrtke bez kupnje ili drugih potrebnih radnji, to ukazuje na nisku stopu konverzije. Istodobno, poduzeće možda neće imati resurse za ponovno pokretanje ove stranice ili stvaranje nove, čije će prodajne mogućnosti biti znatno bolje.
PP / OP * 100%,
gdje je PP broj korisnika koji su izvršili ciljnu radnju, OP je ukupan broj posjetitelja resursa po danu.
Na primjer, u 24 sata vašu stranicu je posjetilo 360 ljudi, 18 posjetitelja se pretplatilo. U ovom slučaju, konverzija će biti 5%.
U runetu prosječne stope konverzije web stranica variraju na razini od 0,5%, dok konverzija odredišnih stranica pokazuje od 5 do 10%. Ova razlika pokazuje jasnu prednost odredišne stranice u odnosu na punopravne web stranice.
2. Lansiranje novog proizvoda.
U tom slučaju potrebno je na odredišnu stranicu postaviti kontekstualno oglašavanje, identično bannerima koji će se pojaviti među posjetiteljima tražilice prilikom unosa potrebnih upita.
3. Rješenje konkretnog problema.
Mnogi marketinški zadaci mogu se pojaviti odjednom, pa je za njih neprikladno mijenjati glavnu stranicu tvrtke. Za njihovo rješavanje izrađuje se odredišna stranica.
Međutim, kako bi istinski "radio", potrebno je poduzeti sljedeće radnje:
Međutim, pogrešno je misliti o odredišnoj stranici kao o jedinom komunikacijskom kanalu. On je pomoćni alat. Glavne radnje provode se uz pomoć bloga, e-mail marketinga itd. Stavljanje svega na stranicu od jedne stranice krajnje je neučinkovito.
Ako posjetitelj želi pronaći vašu tvrtku pomoću tražilica, primjera stalno ažuriranog korporativnog bloga, komunikacija na vašim stranicama na društvenim mrežama pomoći će mu da shvati da tvrtka ne postoji na papiru. Stoga će se lakše odlučiti na poziv ili zahtjev vraćanjem na jednostranicu.
Jednostavno rečeno, ovo je primjer prodajne odredišne stranice koja “radi” u sprezi s drugim marketinškim resursima tvrtke kako bi poboljšala prodajnu snagu.
Kome povjeriti izradu vaše odredišne stranice
Vaša odredišna stranica treba imati jasne upute
Gornja slika prikazuje sjajan primjer odredišne stranice koja ne prodaje ili traži preuzimanje, ali je vrlo učinkovita jer pruža sažet i pristupačan oblik informacija koje posjetitelje zanima (posebno traženje originalnih auto dijelova ).
Lakonski dizajn, jasna ponuda koja ispunjava zahtjeve velikog broja tematskih upita, jasna uputstva - ovo je primjer visokokvalitetne odredišne stranice.
Jasan poziv na akciju
Kada posjetitelj prvi put posjeti stranicu, automatski počinje tražiti odgovor na svoje pitanje, zahvaljujući čemu je napravio prijelaz na vašu odredišnu stranicu. Što se manje vremena potroši na traženje, veće su šanse za dobivanje tog klijenta. Statistika je nemilosrdna: 80% ciljane publike napusti stranicu u prvih 15 sekundi. Uzroci:
- Nemoguće je odmah pronaći informacije koje vas zanimaju.
Nije uzalud što se u ovom materijalu neprestano spominju poticajne riječi "pretplatite se", "naručite", "kupite" itd. Takav apel odmah privlači pozornost posjetitelja. Netko će ovaj primjer možda smatrati smiješnim, ali ako vaša odredišna stranica ima veliki crveni gumb s oznakom "kupi sada", to može dati sjajan rezultat.
- Nema posebne ponude.
Brojne animacije, Caps Lock, nejasna navigacija stranicama dezorijentiraju posjetitelja koji ne može pronaći gumb za kupnju ili primanje newslettera i želi se što prije izvući iz ovog kaosa.
Da biste pozivu dodali specifičnost i razjasnili ga, morate slijediti pravila:
- Dva pravokutna crvena gumba sa opsežnim glagolom u središtu, postavljenim na početku i na kraju stranice.
- Neka tekst bude što jasniji... Svaki posjetitelj treba odmah shvatiti što će dobiti kao rezultat određenih radnji.
- Nedopustivo je odvraćati pozornost od glavne misli „smeće"(Nerazumljive grafike, netematske slike, banneri trećih strana, itd.).
- Jedinstvenost proizvoda naglašena je brojevima. Ostavite istoznačne, pohvalne pridjeve svojim konkurentima. Posjetitelj bi trebao vidjeti matematički izražene rezultate primjene vašeg proizvoda, pogotovo ako postoji usporedba s analozima. Crveni gumb uvijek mora pratiti ove primjere.
- Pokažite klijentu koliko je vaša ponuda korisna. Ovdje je također bolje koristiti brojeve.
Ali nemojte o kupcu razmišljati kao o početniku u online prodaji koristeći očite oglašivačke trikove ili ih u izobilju. Posjetitelju će takva ponuda biti nepotrebno nametljiva i vjerojatno će napustiti vašu odredišnu stranicu.
Razmotrite relevantnost
Kontekstualno oglašavanje i odredišna stranica moraju biti relevantni, odnosno njihov sadržaj mora zadovoljiti jedan drugoga i očekivanja potencijalnog klijenta. Inače, posjetitelj koji klikne na tematski banner i ode na vašu odredišnu stranicu neće moći odmah pronaći informacije koje vas zanimaju i najvjerojatnije će napustiti resurs.
Za svaki kanal prometa (društvene mreže, kontekstualno oglašavanje itd.) potrebno je učinkovito generirati odredišnu stranicu.
Gore je primjer visokokvalitetne odredišne stranice koja koristi veliki broj ključeva.
Pripremite odgovore na prigovore kupaca
Samo jedan od 10 kupaca kupi proizvod bez oklijevanja. Većina posjetitelja odredišne stranice pažljivo procjenjuje svoj izbor zbog straha od prijevare ili nezadovoljstva proizvodom. Strahovi se također mogu temeljiti na želji kupca da kupnju zadrži u tajnosti.
Takvi strahovi su prirodni i neizbježni. Stoga ih tekst odredišne stranice treba unaprijed predvidjeti i uvjeriti klijenta. Dodajte uvjerljive argumente svom sadržaju koji konačno mogu odagnati sve sumnje:
- Garancija povrata. Klijent mora biti siguran da će u određenom roku moći vratiti proizvod koji mu se nije svidio.
- Besplatno testiranje, što daje mogućnost kupcu da isproba proizvod bez plaćanja unaprijed.
Prodajni primjer odredišne stranice je odredišna stranica vokalnog studija koji nudi online satove pjevanja.
Što bi trebala biti odredišna stranica za internetsku trgovinu (primjeri)
Svaka kupnja na webu nužno je popraćena ispunjavanjem velikog broja obrazaca za registraciju i mnogim iteracijama povezanih s potvrdom računa itd. Ove radnje traju dugo i ne mogu se izbjeći. Ovaj pristup tjera neke posjetitelje da odustanu od kupnje.
Odredišna stranica ne zahtijeva registraciju i potvrdu računa. Nakon popunjavanja nekoliko redaka, podaci posjetitelja se automatski unose u bazu klijenata, a on dobiva mogućnost naručiti "povratni poziv".
Ne zaboravite da je konverzija odredišne stranice često 10 puta veća od one na punopravnoj web stranici. Višestrani format web-resursa može zbuniti posjetitelja koji s vremena na vrijeme zaboravi na izvornu svrhu svog "posjeta".
Stranica na jednoj stranici to ne dopušta jer su informacije na njoj prezentirane krajnje jasno i sažeto, a sama ponuda je lakonska i potiče osobu na poduzimanje potrebnih radnji. Kada se pretvori u mobilne uređaje, odredišna stranica dovodi do povećanja prodaje (stope rasta dosežu 30%).
Kada je stranica na jednoj stranici opremljena katalogom i punim mogućnostima internetske trgovine, u mogućnosti je povećati prodaju jedne kategorije proizvoda. Proizvod se postavlja na odredišnu stranicu i odatle prodaje. Ili, sa stranice na jednoj stranici, posjetitelj se usmjerava na katalog na stranici proizvoda.
Ako se košarica za kupnju postavi na odredišnu stranicu, ona automatski postaje trgovina. Klijent će brzo saznati sve informacije koje vas zanimaju i izvršiti kupnju jednim klikom.
Landing stranica za prodaju satova
Satovi su bili, jesu i bit će jedna od najtraženijih roba. Ovisno o funkcionalnosti, mogu biti i znak određenog statusa i obavljati određene zadatke. Ovako širok raspon mogućnosti stvara ogromnu konkurenciju u ovoj niši, a ovdje je iznimno teško osvojiti vodeću poziciju.
Prodajna odredišna stranica savršena je za tu svrhu. Na primjer, da biste otišli na stranicu na jednoj stranici, možete koristiti teaser, ciljano i kontekstualno oglašavanje, društvene mreže.
Da bi odredišna stranica izdvojila vaš sat od konkurencije, mora imati originalnu strukturu, atraktivan dizajn i smislen sadržaj. Da biste to učinili, morate slijediti preporuke:
- Najbolje je koristiti slike iz trgovine satova za objavljivanje na vašoj odredišnoj stranici. Stock fotografije su u pravilu previše "izjebane", pa neće ulijevati povjerenje posjetitelja. Uz pomoć slike možete stvoriti određeno raspoloženje kod klijenta, tako da biste trebali unaprijed razmisliti o ideji slike.
- Ako posjetitelj nije potpuno siguran u svoj izbor, u košaricu će dodati nekoliko opcija. Najvjerojatnije, nitko od njih neće ispuniti apsolutno sve želje, a kupnja neće biti dovršena. Napravite izbor za kupca, stilski ističući najbolju opciju.
- Možete objaviti fotografije zaposlenika ili menadžera. Ova "humanizacija" odredišne stranice pomoći će povećati lojalnost kupaca.
- Svaka kupnja je emocionalno nabijena. Pokažite posjetiteljima što ljudi misle o kupnji sata i naknadno vlasništvo.
- Za povećanje lojalnosti novih kupaca "radi"
Pozdrav čitateljima financijskog časopisa "RichPro.ru"! Danas ćemo govoriti o odredišnoj stranici, što je to, koje prednosti i nedostatke ima itd.
Odredišna stranica("Odredišna stranica" ili odredišna stranica ) Prilično je poznat izraz za web stranicu sa specifičnom specifikacijom. Međutim, bit takvih stranica nije svima poznata.
Dakle, što je odredišna stranica? Kratka definicija "odredišne stranice" može se izraziti na sljedeći način - ovo je web stranica na domeni, poddomena u formatu html / css(ili prijatelja).
Odredišna stranica zainteresirani za ljude koji prodaju raznu robu na internetu.
Takva "odredišna stranica" neće prikazivati dosadne oglase, beskorisni tekst, trepereće bannere ili skočne izbornike.
U ovom članku ćete naučiti:
- Što je odredišna stranica i kako je koristiti;
- Koje su prednosti odredišne stranice u odnosu na običnu web stranicu;
- Kako sami besplatno izraditi odredišnu stranicu i promovirati je na internetu;
- Koji su najbolji graditelji odredišnih stranica i gdje preuzeti gotove predloške;
- Kako zaraditi na odredišnoj stranici i koje poreze morate platiti.
Želimo vam produktivno proučavanje materijala!
Što je Landing Page (landing stranica), koje su to vrste, kako sami izraditi i ostale informacije, pročitajte dalje u članku
1. Što je odredišna stranica (ili odredišna stranica) - njezine značajke i prednosti 📌
Odredišna stranica Je li web stranica na jednoj stranici na webu koja može imati nekoliko naziva:
- odredišna ili odredišna stranica;
- "Lendos";
- stranica za prikupljanje kupaca.
Glavni zadatak odredišne stranice je potaknuti posjetitelje stranice na neku vrstu aktivne radnje - nazovite, ostavite upit, kupite proizvod, pretplatite se na newsletter itd.
To je, odredišna stranica naziva se internet marketinški alat dizajniran za povećanje prodaje raznih roba ili usluga na Internetu.
1.1. Povijest razvoja odredišne stranice
Landing Page je izumljen u SAD-u prije otprilike 10 godina od strane internet marketinga.
U određenom trenutku počeli su shvaćati da se konkurencija na tržištu stalno povećava. Web stranice, online trgovine se poboljšavaju i posjetitelji ne mogu uvijek shvatiti koja je prednost jedne tvrtke u odnosu na drugu.
Ozbiljna konkurencija u industriji bila je primarni razlog za stvaranje odredišne stranice.
Primjer savršene prodajne odredišne stranice
1.2. Ciljevi i zadaci odredišne stranice
Svrha landinga je dobiti kontakte potencijalnih kupaca koji su posjetili ovu jednu stranicu.
Bilješka! Prodaja proizvoda/usluge provodi se u sljedećoj fazi – nakon ciljane radnje posjetitelja, odnosno podnošenja zahtjeva za pružanje konzultacija.
Stručnjaci za internetski marketing tvrde da kvalitetna odredišna stranica može nekoliko puta povećati konverziju web stranice. Kada se pravilno koristi, odredišna stranica može povećati stopu konverzije prodaje. za 8-35%.
1.3. Prodajni lijevak i konverzija
Svaki vlasnik web stranice neprestano traži načine kako povećati svoju popularnost i povećati prodaju.
Glavni kriteriji po kojima se određuje učinkovitost internetskog resursa su "prodajni lijevak" i "Konverzija stranice"... Nakon što ste shvatili bit ovih koncepata, možete saznati razinu svoje prodaje. Upoznajmo se s ovim definicijama detaljnije.
Tok konverzije i prodaje glavni su pokazatelji uspješnosti odredišne stranice.
1) Pretvorba web mjesta
Konverzija stranice smatra se najznačajnijim pokazateljem učinkovitosti internetskog resursa.
Vrijednost konverzije odražava broj posjetitelja stranice koji su kupili vaše proizvode/usluge.
Drugim riječima, konverzija stranice je svojevrsni "marker" koji označava ispunjenje zahtjeva koji su vam potrebni, naime:
- kupnja robe;
- pretplata na newsletter;
- preuzimanje određenih datoteka;
- registracija;
- druge akcije.
na primjer za turizam se smatra sasvim normalnom razinom 8-13% ... Ali za stranicu koja prodaje elitne bunde, konverzija je do 10% i to se smatra izvrsnim pokazateljem. (Poanta je da kupci ovdje imaju veću kupovnu moć).
Važno! Stope konverzije općenito variraju od 2-3% do 20-40%... Ako je konverzija, na primjer, 20%, onda to znači da je od stotinu ciljanih posjetitelja koji su došli na stranicu njih dvadeset izvršilo ciljanu radnju.
Pretvorbu stranice potrebno je stalno poboljšavati. Da biste to učinili, morate steći povjerenje korisnika stranice. Vaša web stranica treba biti jednostavna za korištenje s lako dostupnim informacijama.
Vrijedi napomenuti da je stopa konverzije odredišne stranice uvijek viša od stope konverzije obične web stranice.
2) Prodajni lijevak
Prodajni tok može pokazati broj posjetitelja vaše stranice koji nisu izvršili radnje koje želite. To je obrnuti piramidalni grafikon. Takav lijevak ima sljedeći prikaz:
- broj jedinstvenih posjetitelja;
- broj jedinstvenih posjetitelja koji su izvršili radnje koje su vam potrebne;
- broj kupaca koji su platili proizvod ili uslugu.
Kada se pravilno koristi, prodajni lijevak može postati učinkovit pomoćnik u planiranju optimalne količine reklamnog materijala, broja kontakata u svakoj fazi prodaje itd.
Na temelju pokazatelja prodajnog lijevka može se izvući zaključke o upravljanje kvalitetom te potrebu prilagođavanja rada u određenoj fazi prodaje.
Ovaj analitički alat pruža razumijevanje o tome kako potencijalni klijent donosi odluku o kupnji proizvoda ili usluge koju nudite. Što ga tjera na takav postupak.
Analizirajući ove korake, trebali biste moći kontrolirati ponašanje kupaca putem dobro dizajnirane odredišne stranice.
Vrijednost prodajnog lijevka leži u segmentiranju ogromne mase kupaca prema ponašanju i interesu.
Primjer- postoje dvije osobe koje žele kupiti vozilo.
Čovjek još nije odlučio što točno želi kupiti - avion ili auto. Drugi, naprotiv, već jasno zna da mu treba auto. Ti ljudi su potpuno drugačiji.- prvi će, nakon dugo razmišljanja, kupiti sebi bicikl, ali drugi je već sutra spreman krenuti za autom.
U pravilu, cijeli put od interesa za vaš proizvod do tjeskobnog trenutka njegovog stjecanja podijeljen je u četiri faze:
- Faza 1. Svjesnost;
- Faza 2. Interes;
- Faza 3. Odluka;
- Faza 4. Akcija.
Postavljanjem ovih faza na broj ljudi koji se nalaze u svakoj fazi, krajnji rezultat je stvarno lijevak koji se sužava prema dnu.
1) U gornjem dijelu nalaze se ljudi koji su shvatili da su zainteresirani za određeni proizvod. U ovoj fazi osoba pokušava pronaći opće informacije o proizvodu koji mu se sviđa, možda njegove analoge, minimalne karakteristike.
3) U slučaju donošenja odluke o kupnji proizvoda, klijent prelazi na sljedeću fazu u kojoj ključnu ulogu ima jasnoća i jasnoća sadržaja. On je taj koji je u stanju potaknuti osobu na kupnju ili postati prepreka takvoj odluci.
4) Na samom dnu toka nalaze se ljudi koji su iz statusa posjetitelja stranice prešli u status kupaca. Ako je prodajni lijevak pravilno organiziran, klijent će sigurno kupiti proizvod na istoj stranici.
Cilj svake kvalitetne odredišne stranice je nevidljiva promocija posjetitelja kroz sve faze prodajnog toka od svjesnosti do akcije... Najbolji alati bili bi edukativni članci, vodiči korak po korak, infografike.
Važno! Informacije o proizvodu moraju biti specijalizirane. Njegov cilj je povećati motivaciju potencijalnog kupca za kupnju.
Online prodaja redovito raste. Uz to će se promijeniti i prodajni lijevak. S vremenom može postati složeniji. Stoga je vrlo važno to sada razumjeti.
1.4. Snimite izvedbu stranice
Najveća učinkovitost odredišne stranice može se postići samo sudjelovanjem u razvoju punopravni tim profesionalaca.
Za izradu visokokvalitetne odredišne stranice (prije nego što je pokrenete na Internetu), trebat će vam pomoć sljedećih stručnjaka.
- Voditelj projekta. Označava krajnji cilj u razvoju odredišne stranice, prati sve faze tehničkog plana, izračunava povrat ulaganja u oglašavanje, donosi sve važne odluke.
- Marketer. Njegov je posao razviti opću strategiju, izraditi prototip buduće stranice, učinkovite affiliate programe i USP (jedinstvenu prodajnu ponudu). Također određuje izglede koncepata koji se stvaraju i analizira dobivene rezultate.
- Web dizajner. Uzimajući odobreni prototip stranice kao osnovu, on razvija izgled odredišne stranice, odgovoran je za specijalne efekte stranice.
- Front-end programer. Bavi se programiranjem i naknadnim izgledom odredišne stranice, testira prikaz stranice na različitim uređajima, prilagođava rad obrazaca namijenjenih slanju aplikacija i poziva s web stranice.
- Copywriter. Piše "prodajni" sadržaj, kreira naslove 4U metodom. Također sudjeluje u izradi prototipa odredišne stranice i optimizaciji njenih semantičkih blokova.
- SEM specijalist kontekstolog. Analizira semantičku jezgru, odabire ciljane upite za tražilice, postavlja kontekstualno oglašavanje, analizira ga i, ako je potrebno, reviziju (Kako prikupiti, napisali smo u posebnom članku).
Samo dobro koordiniran rad svih stručnjaka može stvoriti uistinu kvalitetnu odredišnu stranicu.
1.5. Zašto izraditi web stranicu na jednoj stranici - 3 glavne prednosti odredišne stranice
Razmotrimo glavne prednosti odredišne stranice u usporedbi s drugim stranicama i online trgovinama. (Pročitajte i naš članak - gdje ćete pronaći upute korak po korak o tome kako stvoriti i pokrenuti uspješan MI).
Pa krenimo redom:
- Jedna stranica pomoći će povećati broj posjetitelja koji se pretplate na obavijesti o vijestima i e-mail poruke za oko 20-30% , u usporedbi s običnim stranicama!
- Podiže po 50% vjerojatnost kupnje proizvoda koji nudite!
- Uvjerava posjetitelje stranice da preuzmu i instaliraju novi program ili aplikaciju!
Pravila i savjeti za izradu odredišne stranice
2. 13 osnovnih pravila za izradu vlastite Landing Page 📎
Postoje odredišne stranice s konverzijom 40-60% ... Takvi pokazatelji znače da je svaki drugi posjetitelj stranice ostavio svoje podatke ili ispunio zahtjev za kupnju robe. Dva su čimbenika doprinijela ovom uspjehu:
- Većina posjetitelja stranice - ovo je ciljna publika... Stranicu su posjetili ljudi koji su bili zainteresirani za predloženi proizvod.
- Odredišna stranica je stvorena prema tradicionalnim pravilima osiguravanje visoke učinkovitosti stranice.
Pravilo broj 1. Jedan proizvod mora biti postavljen na odredišnu stranicu
Niste mogli natjerati posjetitelja da klikne na gumb "kupi"?
Da biste dobili više kupaca, morate se pridržavati sljedećih načela:
- pažnja korisnika treba biti usmjerena na jedan proizvod;
- recite klijentu samo o prednostima ovog programa;
- postaviti sniženu cijenu za jedan proizvod;
- zainteresirati posjetitelja za newsletter na jednu temu.
Kada se više proizvoda stavi na isti zaslon, pozornost kupca će biti ometena. Pogleda preko cijele stranice. Možda će pokazati zanimanje za neku smiješnu sliku ili treperi popust. Međutim, na kraju će kartica ipak biti zatvorena. Za manje od minute posjetitelj će zaboraviti na vašu stranicu.
Ako posjetitelj dođe na stranicu i vidi jedan proizvod na koji može usmjeriti svu svoju pažnju, stupanj njegovog interesa će rasti. I vjerojatnost da će izvršiti radnju koja vam je potrebna također će postati vrlo visoka.
Pravilo broj 2. Poziv na akciju mora biti jasan
Prilikom ulaska na stranicu, prvo što se korisnik zapita je gdje je stigao i zašto.
Važno! Ako u prvim sekundama boravka na stranici ne može pronaći odgovore, potencijalni klijent je zajamčeno izgubljen. Posjetitelju je potrebno osigurati jasne i razumljive informacije o vašem proizvodu.
Statistike pokazuju da oko 80% potencijalni kupci napuštaju stranicu u prvih petnaest sekundi... Glavni razlozi ove činjenice su:
- Nedostatak motivacije za djelovanje. Odnosno, posjetitelj nije pronašao (nije razumio) što učiniti na web mjestu. Osobi nije ponuđeno naručiti, pretplatiti se, naučiti više itd. Visokokvalitetna odredišna stranica treba sadržavati specifične pozive da netko djeluje... Ako na stranici nema “velikog crvenog gumba” na kojem je ispisana riječ “kupi”, takva odredišna stranica neće donijeti željeni rezultat;
- Visoko opterećenje stranice koje zbunjuje posjetitelja. Osoba ne može razumjeti što mu se konkretno nudi. Puno izbrisanih detalja, hrpa nepotrebnih animacija itd., samo smeta korisnicima. Svaki takav element pokušava privući pozornost osobe. Kao rezultat toga, glavni poziv na kupnju ili pretplatu gubi na značaju.
Ovi savjeti pomoći će vam da povećate prodaju vaših proizvoda.
- Crveno dugme pravokutni s prostranim glagolom postavljenim u središte da vam pomogne. Ovaj gumb mora biti prisutan i na početku i na kraju odredišne stranice.
- Izrazite se jasno i jasno... Potrebno je jasno i sažeto objašnjenje što posjetitelj treba učiniti i što za to dobiva.
- Uklonite sve što bi moglo odvratiti pozornost od glavne točke., naime - nerazumljivi naslovi, grafike, veliki reklamni banneri s postavljenom tuđom robom, neutralne slike itd.
- Uvjerite klijenta u jedinstvenost proizvoda koji nudite. Prilikom opisivanja prednosti proizvoda potrebno je koristiti mnoge usporedbe i brojke. Pored ovih podataka morate postaviti crveni gumb... Ponekad odluka o kupnji proizvoda može biti spontana. Kako bi trenutačno zadovoljili želju kupca, potreban je ovaj cijenjeni gumb "kupi".
- Navedite posebne pogodnosti iz upotrebe vaše ponude od strane posjetitelja.
Međutim, nemojte biti previše revni u želji da dobijete kupca. Prisutnost mnogih reklamnih trikova i opsesivne ponude za kupnju proizvoda kod posjetitelja će izazvati samo negativan.
Pravilo broj 3. Napravite marketinške i privlačne naslove
Dobra odredišna stranica ima jedan oglas koji se lako uklapa u naslov.
Primjeri prodajnih naslova: Ako su vaš proizvod fluorescentne svjetiljke? Evo naslova - "Uštedite energiju 4 puta učinkovitije" ... Trebate li pozvati debele u fitness centar? Napišite njihov san u naslovu - "Tko želi lik TV zvijezde?" .
Moraju se koristiti zaglavlja izgleda oznake h1 i h2... Ako je moguće, uključite ključne fraze u naslove- to su riječi ili fraze po kojima će kupci pronaći vašu stranicu putem tražilice.
Pravilo #4. Koristite pametnu marketinšku kopiju
Tekst je na prvom mjestu.
Važno! Dizajn slijetanja treba naručiti tek nakon izrade konačnog kvalitetnog teksta.
Da biste napisali prvoklasni tekst, morate:
- stvoriti portret "idealnog kupca", odnosno osoba kojoj je potreban vaš proizvod;
- čitati knjige o psihologiji prodaje i marketinga;
- naučiti uključiti posjetitelja u razgovor. U ovom slučaju, to će biti monolog. Pokušajte uspostaviti virtualni dijalog s klijentom, naznačite pitanja koja on može imati. Odgovore na njih upiši u tekst. Informacije o Proizvodu treba biti sveobuhvatan... Ne biste trebali biti ograničeni na određeni broj znakova.
Sada sa strane gurua internet marketinga možete čuti kritike velikih odredišnih stranica. Međutim, ako pažljivo ispitate ovu situaciju, postaje jasno da najveći dio kritike pada na dosadne i neinformativne tekstove... Ali ljubavnici nekako zaborave kritizirati solidne dugačke odredišne stranice.
Ne morate se bojati velikih tekstova ako:
- Proizvod je nepoznat i složen. Klijent će morati detaljno opisati svaku od svojih prednosti. Navedite mnogo primjera koji će dokazati prednosti proizvoda.
- Proizvod je skup. Da biste zainteresirali osobu, morat ćete "naoružati" sve supermoći odredišne stranice - popusti, pokloni, jamstveni i postgarantni servis, futrole, recenzije.
Pravilo broj 5. Pravilno formatirajte svoje tekstove
Ovo pravilo je jedno od najznačajnijih za promociju i prodaju usluga ili robe.
Prilikom oblikovanja teksta trebate se pridržavati sljedećih preporuka:
- Čitljivi font je veličine 16 točaka. ( Open Sans, Garamond, Georgia, PT Serif, Arial).
- Redak ne smije sadržavati više od 80 znakova.
- Svakih 3-5 redaka treba biti u odlomku.
- Podnaslov je potreban za svaka 2-4 stavka. Podnaslovi moraju biti sastavljeni na takav način da ih korisnik može lako razumjeti o čemu će biti riječi u sljedećem paragrafu.
- Obavezna prisutnost tablica, citata, popisa (numeriranih ili s grafičkim oznakama).
Pravilo #6. Manje agresivno oglašavanje!!!
Tri uskličnika na kraju jedan su od znakova agresivnog oglašavanja. Uz to, tu je i "CAPS LOCK".
Bilješka! Za većinu ljudi riječi ili fraze sa svim velikim slovima i uskličnicima su sumnjive. Imaju čvrsto uvjerenje da žele prevariti.
Ako copywriter, content manager ili urednik koristi takve stvari, onda to ukazuje na njihovu nisku kvalifikaciju.
Također se ne preporuča u tekst ubacivati otkačene fraze kao što su "najniže cijene u regiji", "fleksibilni sustav popusta", "individualni pristup" itd. Informacije koje nisu potkrijepljene činjenicama, brojkama, usporedbama jednostavno su beskorisne. Stoga se bez žaljenja mora ukloniti iz teksta.
Pravilo broj 7. Kompetentna struktura odredišne stranice
Potrebno je razumjeti kako će se kretati pogled korisnika.
Ako su svi elementi stranice postavljeni na svoja mjesta, osoba može lako percipirati informaciju. A ako posjetitelj razumije proizvod koji nudite, vjerojatnost da će ga kupiti značajno će se povećati.
Također potrebno vizualna navigacija- to su tematske slike, ikone i strelice. Možete privući pažnju osobe kontrastnim bojama - označiti zaglavlja , napravi gumb crvenim , naranča ili žuta boja.
Pravilo broj 8. Odredišna stranica mora biti relevantna - ovo je vrlo važno!
Relevantnost znači sukladnosti.
Relevantna odredišna stranica je web stranica koja ispunjava očekivanja posjetitelja.
Landing stranicu treba razvijati ne samo za svaku marketinšku kampanju, već za svaki izvor prometa. Na primjer, ako posjetitelji posjete vašu stranicu s bilo koje društvene mreže, te bi informacije trebale biti prikazane na web mjestu.
Pravilo broj 9. Morate biti spremni na prigovore
Oko 9 od 10 klijenata prije kupovine, razmatraju svoju odluku... Ljudi se boje prevaranata, boje se za vlastitu sigurnost.
Mnogo je kupaca koji svoju kupnju žele sakriti od drugih. Neki ljudi imaju strah od gubitka novca ili ne vjeruju u tako nisku cijenu robe.
Budući da nemate priliku osobno komunicirati i otkloniti sve strahove korisnika, morate se unaprijed pobrinuti za dobro obrazložene odgovore na sve prigovore. Treba ih umetnuti u tekst.
- jamčiti povrat ulaganja na primjer, unutar 1-2 tjedna;
- dati priliku besplatno isprobati proizvod, također, u roku od 2 tjedna. Naglasite da će takav prijedlog pomoći osobi da se odluči.
Ovi marketinški potezi su uvijek bili i bit će relevantni u razvoju odredišnih stranica.
Pravilo broj 10. Koristite princip oskudice i učinak hitnosti
Morate biti s deficitom vrlo uredan, budući da nisu svi navedeni na takav trik.
Važno! Danas nitko ne obraća pažnju na odbrojavanje. Štoviše, ako se redovito ažurira nakon ponovnog učitavanja stranice.
Morate koristiti druge metode. Na primjer, prikazati podatke o količini preostale robe i redovito ažurirati te brojeve. Posjetitelj bi trebao vidjeti da se proizvod brzo rasproda.
Primjer: Moramo pokušati osigurati da je algoritam radnji ili razmišljanja kupca sljedeći: „Jučer je bilo 100 proizvođača kruha na zalihama s popustom 50% , jutros je već 33, a bliže ručku je samo 5 stvari. Hitno moramo kupiti dok je roba još tamo!"
Pravilo broj 11. Uvjerite posjetitelja u svoju pouzdanost
Stavke povjerenja najbolje je postaviti u blizini poziva na radnju.
- Korištenje gumba društvenih medija- stvaranje grupe (stranice), popisa pretplatnika u VK grupi, tweet feed-a, Facebook lajkova. (i već smo pisali da to promoviramo u našem prošlom broju ")
- Objavljivanje recenzija zajedno s poveznicama na tvrtke ili osobe koji ih je napustio.
- Prikaz svjedodžbi, nagrada. Ako je potrebno, sve dokumente treba otvoriti u punoj veličini i lako ih je čitati.
Pravilo broj 12. Nema kompliciranih obrazaca za ispunjavanje na stranici
Obrazac za unos osobnih podataka u pravilu ne iritira većinu posjetitelja. Ako je potrebno, ljudi iz ciljane publike uvijek su spremni pisati ime, zanimanje, email adresa.
Obično se poteškoće pojavljuju u sljedećim fazama registracije, kada se od posjetitelja traži da ispriča detalje svog života. Bolje je postavljati takva pitanja nakon što korisnik potvrdi činjenicu registracije.
Složeni captcha jednako je čest problem!
Captcha Je skočni obrazac za unos skupa određenih znakova (brojeva i slova). Ispunjavanjem captcha-e posjetitelj potvrđuje da nije robot.
Ponekad je potrebno puno vremena da se dešifriraju znakovi i zapišu u ispravnom slijedu. To je razlog što otprilike 30-40% ljudi jednostavno zatvore karticu i zaborave na tvoj prijedlog.
Nije potrebno koristiti captcha... Neka to imaju vaši konkurenti.
Pravilo broj 13. Jednostavnost i pristupačnost percepcije
Ovo pravilo predstavlja bit svih prethodnih pravila.
Važno! Trebalo bi naručiti jednostavna odredišna stranica.
Ona mora biti:
- bez nepotrebnih grafika i teksta;
- s prijedlogom da izvršite samo jednu radnju - kupiti jedan proizvod, pretplatiti se na jedan newsletter itd .;
- prostran i ne previše zauzet.
Savršena odredišna stranica Stranica je koja se može dobiti testiranjem, prilagodbama i mjerenjem performansi.
3. Je li bolje odredišnu stranicu izraditi sami ili je bolje naručiti odredišnu stranicu od profesionalaca?
Samoizrada odredišne stranice nije tako težak zadatak. Uz znanje i strpljenje, svatko može izraditi odredišnu stranicu. Međutim, u takvom slučaju postoji i jedno i drugo pozitivno (+) trenutke i negativan (-) .
Razmotrite sve prednosti i nedostatke da sami izradite odredišnu stranicu:
Prednosti (+)
- Odredišna stranica stvorena vlastitom rukom koštat će osobu apsolutno besplatno.
- Nema potrebe stvarati opis poslova. Dobivate priliku da to učinite sami prema svojoj zamisli.
- Izrada odredišne stranice vlastitim rukama pruža neprocjenjivo iskustvo, koje će vam u budućnosti biti vrlo korisno pri radu s internetom.
Minusi (-)
- U nedostatku potrebnih znanja, trebat će vremena za njihovo proučavanje.
- Potrebno je dosta vremena za razvoj odredišne stranice da biste prodali određenu količinu proizvoda.
- Možda ćete na kraju dobiti odredišnu stranicu niske kvalitete, a kao rezultat toga, tržišni potencijal promoviranog proizvoda neće biti u potpunosti otkriven.
Naručite odredišnu stranicu u posebnom studiju ili radite na njoj sami - na tebi je.
Međutim, vrijedno je podsjetiti da stvaranje stranice vlastitim rukama ne uključuje nikakve troškove. Stoga se još uvijek vrijedi okušati, čak i ako ste u isto vrijeme naručili odredišnu stranicu u studiju.
U slučaju izrade visokokvalitetne odredišne stranice, u budućnosti možete razviti stečene vještine i sami izraditi razvoj odredišnih stranica. Potražnja za ovim uslugama svake je godine sve veća.
Bilješka! Ako vam se takav posao čini neodoljivim, jer zahtijeva upornost i oduzima puno vremena, onda je bolje ne štedjeti novac i naručite izradu odredišne stranice za profesionalce... I dok su oni zauzeti vašom narudžbom, vi ćete imati vremena riješiti glavne poslovne probleme.
Izrada odredišne stranice "uradi sam" opravdana je samo ako je imate prvi i želite uštedjeti svoj novac. Uostalom, ne možete biti sigurni da će proizvod ili usluga promovirana putem ove stranice biti u velikoj potražnji.
Međutim, ako je prodaja već pokrenuta, pojavile su se prve narudžbe i uvjereni ste da će vaš proizvod postati tražen, onda je vrijeme da se obratite stručnjacima. Oni će pomoći da vaša odredišna stranica izgleda bolje kvalitetno i učinkovito a također će značajno povećati stopu konverzije.
Plaćanjem usluga 5-15 tisuća rubalja, vaša prodaja može porasti za 2-3 jedinice dnevno... Za godinu dana će se pojaviti prilično pristojan iznos, koji će znatno premašiti iznos potrošen na "nadogradnju" vaše stranice.
Važno! Povećanje konverzije samo za 0,5% može donijeti milijunske profite u godini.
Naravno, sami možete izraditi kvalitetniju odredišnu stranicu nego što to može učiniti usamljeni freelancer. O tome pročitajte u članku na poveznici.
Narudžba u studiju neće koštati jeftino, ali ćete uštedjeti svoje vrijeme, a utrošeni novac će vam se kasnije višestruko vratiti u obliku dobiti.
4. Odredišna stranica modernih konstruktora 🛠 - TOP-3 najboljih
Velika popularnost odredišnih stranica dovela je do pojave mnogih dizajnera. Pogledajmo nekoliko najpopularnijih konstruktora na ruskom jeziku.
Graditelj odredišne stranice br. 1."LPgenerator" (lpgenerator.ru)
Lpgenerator je izvrstan graditelj web stranica s kojim možete kreirati odredišnu stranicu od nule. Usluga ima više za ponuditi 300 predlošci, veliki broj alata - vodeći menadžment, A/B testiranje i mnoge druge dobrote.
Jednostavna tarifna cijena- 2156 rubalja mjesečno. Ova tarifa pretpostavlja ograničenje broja posjetitelja - 9 tisuća mjesečno.
Tamo je neograničena tarifa... Njegov trošak je 4000 rubalja mjesečno.
Cijene su skupe, ali mnogi kažu da se Lpgenerator isplati.
Graditelj odredišne stranice br. 2. Flexby (flexbe.com)
Flexbe web builder smatra se jednim od najpouzdanijih i najjednostavnijih graditelja odredišnih stranica. Tamo je besplatna verzija koji djeluje 14 dana. Ovo vrijeme je sasvim dovoljno za procjenu pogodnosti konstruktora i njegove prikladnosti za vaše poslovanje.
Najpovoljnija tarifa- 750 rubalja mjesečno. Tarifa uključuje: domena - 1, stranica - 10, SMS obavijesti - 250, tehnička podrška, vlastiti poštanski sandučić, besplatna domena.RU itd.
Najskuplja tarifa košta 3000 rubalja mjesečno. Uključuje neograničen broj domena i stranica, 1000 SMS obavijesti itd.
Iz kontra (-) možemo istaknuti ograničenja u izradi odredišne stranice. Nije moguće dobiti nešto cool jer alatni okvir ovog graditelja web stranica nije velik.
DO plus (+) vrijedi spomenuti brzinu izrade odredišne stranice. Za deset minuta dobiva savršeno podnošljivu stranicu od jedne stranice koja dobro izgleda na ekranima mobitela.
Dizajner odredišne stranice br. 3."LPTrend" (lptrend.com)
"LPTrend" je lako čitljiv alat za izgradnju odredišne stranice pogodno za početnike... Usluga može ponuditi 61 gotov predložak s ograničenjima izgleda.
Imati na umu! Izrada odredišne stranice od nule ovdje nije predviđeno... Nema integracije s drugim servisima.
Od funkcionalnog postoji A/B testiranje, kartica "korisne usluge". koji ima veze s raznim alatima.
Probni rok je 15 dana. Dovoljno vremena za testiranje mogućnosti usluge.
Najjeftinija tarifa — 500 rubalja mjesečno. Moguće je generirati jednu odredišnu stranicu.
Po najskuplja tarifa morat će se širiti dalje 2000 rubalja mjesečno.
Pretplata na premijska stopa omogućuje stvaranje neograničenog broja odredišnih stranica.
Ostali graditelji odredišnih stranica na mreži
Postoji nekoliko drugih graditelja web stranica koje vrijedno pažnje:
"bazij" Prilično je dobar graditelj web stranica. Usluga nudi gotovo 400 varijacija dizajna, 53 bloka i 27 različitih postavki, sposobne u potpunosti zadovoljiti sve potrebe. Od pozitivnih aspekata posebno se može istaknuti mogućnost plaćanja usluga kako se koriste. Ovu uslugu ćete morati platiti 35 rubalja dnevno.
"Tilda"- nudi modularni sustav. Najjeftinija tarifa košta 500 rubalja, uz plaćanje tijekom cijele godine. Ako se plaćanje vrši mjesečno, tada će trošak tarife biti 750 rubalja.
5. Kako besplatno izraditi odredišnu stranicu 💸
Razmotrite popularne usluge na kojima također možete besplatno izraditi odredišnu stranicu (jednostranicu):
- landingi.ru;
- www.setup.ru;
- lpgenerator.ru;
- ru.wix.com;
- Izrada odredišnih stranica (web-lokacija na jednoj stranici) po narudžbi za mali iznos na stranicama slobodnih zanimanja (od 1000 str. i više).
6. Primjeri najprodavanijih odredišnih stranica 📰
Pogledajmo nekoliko primjera prodaje odredišnih stranica. Imajte na umu da odredišne stranice stalno mijenjaju svoju relevantnost. Ako su "danas" određeni predlošci bili s visokom konverzijom, onda nije činjenica da će ti predlošci "sutra" raditi s istom konverzijom.
Stoga preporučamo ne kopiraj, ali uzmite za primjer i izradite vlastite odredišne stranice s vlastitim jedinstvenim slikama i tekstovima (sadržajem koji drugi nemaju) ili ih naručite od stručnjaka koji znaju relevantnost djelovanja odredišnih stranica.
7. Predlošci odredišne stranice - gdje preuzeti + upute za instalaciju korak po korak 📝
Struktura odredišne stranice sastoji se od nekoliko elemenata:
- Logo, telefonski brojevi, obrazac za prikupljanje podataka, odnosno povratni poziv.
- Ponuda ili ponuda koja se prikazuje kao relevantan naslov.
- Popis vaših pogodnosti.
- Poziv na akciju (crveni gumb objavljen).
- Fotografije, crteži i ostala kvalitetna grafika.
- Informacije koje pomažu povećati povjerenje u proizvod - certifikati, recenzije itd.
- Kontakt informacije.
Svaka poznata platforma kao "Wordpress", "joomla" i drugi, ima vlastite predloške odredišne stranice. Međutim, postoje visokokvalitetne i besplatne odredišne stranice za WordPress. nemoguće ... Relativno dobra odredišna stranica počinje od 15-25 dolara.
Postoje i predlošci koji nisu vezani ni za jednu od platformi. Broje se u stotinama tisuća. Možete pronaći mnoge stranice na kojima možete preuzeti gotove besplatne predloške odredišne stranice.
Međutim, o normalnoj besplatnoj odredišnoj stranici ne treba govoriti. Većina ovih prijedloga su samo smeće. Ima vrlo malo pristojnih opcija. Možete pokušati pronaći kvalitetne predloške odredišne stranice na popularnim landing platformama (na primjer, lpgenerator, wix, itd.)
Razvoj dizajna odredišna stranica po principu “hoću kao njegov” ostao je još 2014. godine, kada je učinkovitost prodajne stranice otkrivena do maksimuma, a tvrtke su shvatile da se uz pomoć landing stranice ne može samo brzo prodati proizvod/usluga, ali i otkriti se sa kreativnog stajališta. Moderna odredišna stranica nije samo prodajna struktura, već i izvrsna prilika da posjetitelja izazovete WOW efekt, divite se ideji stranice i njenoj implementaciji.
Ako se ne želite mučiti, možete preuzeti prototip "savršene odredišne stranice" i kreirati stranicu na temelju pravila, napisati naslov, ponudu, prednosti i pogodnosti, umetnuti blok povjerenja i gumb s pozivom na akciju i zaspati s mišlju da je posao obavljen na "pet pet". No, ako želite nadmašiti očekivanja ciljane publike, a što sakriti, a i svoja očekivanja, onda upotrijebite primjere landing stranice koje smo smatrali najboljima.
Sve 9 primjera prikupljeno s interneta, mislili smo da je cool. Jednostavnost koja odgovara principu odredišne stranice, praktičnost i uzimanje u obzir osnovnih zahtjeva svojstvenih odredišnoj stranici čine primjere prodaje odredišnih stranica visokom konverzijom.
Primjer prodajnog mjesta broj 1
Prvi landing koji ćemo pogledati ima nevjerojatno atraktivan i moderan dizajn, ali loše promišljen marketing i copywriting. Na prvom ekranu vidimo svijetli banner bez jedinstvenog prodajnog prijedloga, naglasak je na svijetloj fotografiji. Prilikom posjete jednoj stranici na početku nije jasno je li ona posvećena jednom jedinstvenom proizvodu ili cijeloj seriji, što u početnoj fazi zbunjuje klijenta.
Svaka osoba ima određeni cilj, zašto mu je potreban proizvod ili usluga. U ovom bloku promatramo suhe kriterije odabira, ali ne i konačnu potrebu. Istodobno, pokazatelji "od i do" mogu zbuniti klijenta. U ovom slučaju, bolje je usredotočiti se na maksimalnu izvedbu. Opis proizvoda u stilu "kratkoća je sestra talenta" postavlja određeno pitanje kompetentnosti.
Bit bloka trebala bi biti dobivanje savjeta od stručnjaka koji zna sve o proizvodu i koji je spreman dati odgovarajući savjet o proizvodu, ovisno o uvjetima poslovanja klijenta.
Teško je zamisliti kako se najjednostavniji blok odredišne stranice može učiniti tako složenim i nerazumljivim. Osim toga, tekstovi trebaju biti napisani u stilu obraćanja klijentu. Ne "ostaviti zahtjev", nego "ostaviti zahtjev".
Primjer odredišne stranice br. 2
Sjajna struktura odredišne stranice, dizajn robne marke i nevjerojatan marketinški rad učinili su ovu odredišnu stranicu našom omiljenom. Vidi se da je klijent odgovorno pristupio odabiru videa i fotografija za razvojni studio. Na prvom ekranu vidimo jedinstvenu prodajnu ponudu, nekoliko potreba i kriterija je zatvoreno. Najsnažniji i najljepši element je video umjesto pozadine, koji otkriva bit treninga i opreme teretane.
Interes se potiče kriterijima.
Profesionalne i svijetle fotografije i video materijali dodatno raspiruju interes za uslugu.
Posjetitelja "stisnemo" nizom prednosti i zatvaramo potrebe, budimo "želju".
Logički završetak AIDA strukture je blok "akcija".
Primjer odredišne stranice broj 3
Jedinstvena slika, stilski umetak s USP-om, navigacijski izbornik, upečatljiv dizajn prvog bloka i naslov u stilu poziva u općoj kombinaciji tjeraju da se prijavite na probni trening. Tome pridonosi i postavljeni gumb za poziv na radnju. Nedostaje strelica za navigaciju, što bi trebalo značiti da se pri dnu nalaze i nove informacije. Sljedeći blok su prednosti u obliku kriterija. Izrađeno u obliku ikona s kratkim opisom.
Odlično rješenje bilo je postaviti blok poziva na akciju s ponudom popusta i vremenskim ograničenjem. Fotografije ulijevaju povjerenje posjetitelja, motiviraju, a ujedno su i neobičan i moderan dodatak dizajnu.
Izvrstan blok s motivacijom za prvu lekciju. Veliki minus je lik druge nacionalnosti.
Primjer odredišne stranice pokazuje stil i jezgrovitost dizajna, ali istodobno motivira čitatelja da poduzme glavnu akciju zbog odsutnosti ometajućih detalja i minimiziranja boja.
Primjer odredišne stranice broj 4
Dobra landing stranica koju je izradio naš web studio koja može biti uzor i inspiracija drugim programerima i klijentima. Jedna stranica i otkriva problem ciljane publike (u našem slučaju to su žene s velikim grudima), a odmah ga rješava kvalitetnom ponudom.
Svaki blok je točan pogodak u bolu ciljanog potrošača. Odmah nakon toga - ispravno i kompetentno rješenje za iskustva kupaca na temelju njihove nelagode.
Bonus i za posjetitelja i za odredišnu stranicu u smislu generiranja potencijalnih kupaca je blok prednosti i prednosti, dopunjen stvarnim fotografijama koje jasno pokazuju rezultat.
Sjajan način komuniciranja koristi ne samo verbalno, već i vizualno. Tako se sve informacije bolje percipiraju.
Dva moćna marketinška elementa koriste se kao društveni dokaz. Video koji još jednom stavlja pritisak na problem i govori o prednostima pravilno odabranog donjeg rublja.
I fotografija direktora tvrtke s njegovom obraćanjem klijentu.
Velika količina negativnog bijelog prostora, zbog kojeg je pažnja koncentrirana na sadržaj, kao i prilično jednostavan dizajn sadržaja, stvara dojam elegantnog i modernog dizajna. Landing page osvaja svojim konceptom i pretvara posjetitelje u kupce zahvaljujući kompetentnom marketingu.
Primjer odredišne stranice br. 5
Elegantan primjer odredišne stranice usmjerene na prodaju usluge je projektiranje i izgradnja luksuznih privatnih kuća i vikendica. Landing stranica je razvijena prema AIDA marketinškoj strategiji – klasiku koji neumorno pokazuje svoju učinkovitost.
Svaki blok demonstrira složen pristup marketera, copywritera i dizajnera. Snažni i motivirajući pozivi na akciju, originalna i stilska grafika te prodajni primjerak ne ostavljaju posjetitelju nikakvu šansu osim da potaknu željenu akciju.
Glavni cilj stranice na jednoj stranici je stvaranje pozitivnog dojma o tvrtki, njezinoj reputaciji, što postaje glavni motivator za ciljanu publiku, a to su imućni potrošači. Takvu ciljanu publiku manje zanima pitanje cijene, više - imidž, sposobnosti tvrtke koja se bavi izvršenjem. Stoga ciljna stranica ima za cilj osloboditi prednosti građevinske tvrtke.
Ukratko, uz pomoć ove prodajne jednostrane stranice, potrošaču se nudi rješenje za njegov problem u pronalaženju pouzdanog i profesionalnog izvođača. Landing stranica u potpunosti otkriva sve prednosti tvrtke, koje postaju motivator za suradnju.
Primjer uspješne odredišne stranice broj 6
Evo sjajnog primjera lijepe i funkcionalne odredišne stranice. Moderan dizajn s tematskim slikama, razvijen u kombinaciji tamnih tonova sa svijetlim tonovima sa svijetlim akcentnim umetcima, stvara ugodan dojam plemenitosti.
Ova odredišna stranica ima karakterističnu značajku koju drugi programeri rijetko koriste. Ono što je više moguće otkriva pitanje cijene, pozivajući korisnika da samostalno odabere cjenovni rang, razmatrajući opcije koje si može priuštiti.
Ovo je vrlo zgodna i praktična funkcija koja online vizualno prikazuje korisniku sve ponude koje su prikladne za cijenu. Još jedan plus stranice na jednoj stranici je što je fokusirana na sve zahtjeve ciljanog kupca. Posjetitelj koji koristi ovu odredišnu stranicu može dobiti savjet, naručiti se, kretati se po cijeni kuhinjskog seta i dobiti procjenu svoje narudžbe. Svaka prilika dolazi s pozivom na akciju.
Općenito, projekt ulijeva povjerenje u tvrtku. A to je glavna stvar koja bi trebala formirati jednostranu ponudu usluga od potencijalnog kupca. Uostalom, na temelju povjerenja u izvođača klijent iz potencijala postaje stvaran.
Primjer odredišne stranice br. 7
Odabrali smo ovaj primjer odredišne stranice jer se bitno razlikuje od uobičajenih tradicionalnih stranica na jednoj stranici.
Stranica je posvećena usluzi dostave mlijeka. No, napravljen je u duhovitom obliku i usmjeren je samo na malu skupinu ciljane publike.
Nakon čitanja priče, od koje počinje jednostrano, postaje jasno da cilja na mlade ljude koje zanima sleng.
Nema prodajne strukture i elaboracije problema, što se može vidjeti na prethodnim lijepim primjerima landing stranica. Međutim, poruka stranice je jasna i zanimljiva, tako da i sam Landos ima gdje biti.
Veliku količinu informativnog sadržaja, koji je postavljen "za zabavu" kako bi vas izmamio osmijeh, nadopunjuje i funkcija reprodukcije zvuka, koja također dodaje humor na stranicu. No, skrolujući malo prema dolje, vidimo blok s pozivom na akciju, tipičan za "klasične" prodajne odredišne stranice.
Nema društvenog dokaza, nema bloka povjerenja, nema bloka beneficija i beneficija. Ali postoji recept za kotlete :-)
Teško je reći o učinkovitosti ove odredišne stranice. Jedina očita stvar je da je stranica zanimljiva, izvrsnog dizajna i "školskog" humora. I unatoč činjenici da su ovakvi projekti rijedak fenomen u području internet marketinga, oni su vrijedni postojanja jer će sigurno pronaći svoju publiku.
Primjer odredišne stranice broj 8 prodajne stranice
Primjer još jednog našeg rada koji zaslužuje pažnju. Landing page prodaje uslugu prodaje ili najma mobilnih štandova/foto zona. Uz pomoć ove jednostrane, potencijalni klijent pronalazi sve odgovore na svoja pitanja.
Izvrsno rješenje za one koji žele detaljno razumjeti uslugu. Za svaku kategoriju usluge postoje jedinstvene fotografije, cijena svake s mogućnošću da odmah odaberete onu koja vas zanima. Za one koji se nisu mogli odlučiti, odredišna stranica nudi uslugu individualne narudžbe s naznakom osobnih zahtjeva, izdanu u obliku poziva na akciju.
Blok pogodnosti usredotočuje se na praktičnost suradnje.
Blok pogodnosti nadopunjuje se blokom prednosti tvrtke, koje zajedno stvaraju snažnu motivaciju klijenta za akciju.
Zanimljiva dizajnerska odluka koja kombinira bijelu i tamno sivu s elementima crvene kako bi se stvorio stilski okus nakon prikaza odredišne stranice. Za razliku od drugih landing stranica koje rade na problemima ciljane publike, nudeći njihovo rješenje, ovaj projekt otkriva sve prednosti usluga tvrtke, a također pomaže klijentu da pronađe odgovore na sva svoja pitanja.
Primjer odredišne stranice br. 9
Ova odredišna stranica, koju je izradio naš web studio, zadržava pažnju posjetitelja s prvog preklopa ekrana i motivira ga na akciju. Landing stranica posvećena prodaji usluga dizajna i izgradnje otvara mnoštvo mogućnosti za klijenta. To potvrđuje obrazac za povratne informacije, koji vam omogućuje da odmah naručite pojedinačni projekt ili preuzmete besplatni uzorak projekta.
Prilikom odabira izvođača za potencijalnog naručitelja važan je ugled i iskustvo tvrtke. Na tim informacijama potrošač stvara sebi koristi.
Poseban bonus za posjetitelja su prave fotografije projekata koje je izradila tvrtka. Svijetle, lijepe i atraktivne fotografije postaju plus za povjerenje posjetitelja.
Sljedeći - blok "buks". Ta punđa koju konkurenti rijetko nude je prilika da klijent svojim očima vidi kuće koje je izgradila tvrtka. Ova usluga ne obvezuje posjetitelja da naruči uslugu. No uz pomoć obrasca za povratne informacije posjetitelj već postaje vodeći.
Kao rezultat toga, klijentu se prezentira web stranica originalnog dizajna, promišljene strukture i koncepta, kompetentnog sadržaja, koji kompleksno utječe na konverziju stranica, što dovodi do visoke učinkovitosti.
Oproštajne riječi
Suvremeni korisnik, sofisticiran nebrojenim brojem prodajnih stranica koje mu upadaju u oči, već je umoran od istog tipa. Danas je jedinstvenost u modi, što je odredišna stranica zanimljivija i neobičnija, veća je vjerojatnost da će privući pozornost korisnika. Osim toga, dobar i ekskluzivan dizajn je uvijek plus: iznenadite i posjetitelja i ugodite sebi. I ugodno iznenađen posjetitelj, barem + 10% do konverzije. Želimo vam originalne i ukusne ideje! A ako imate bilo kakvih poteškoća s tim, uvijek možete naručiti landing stranicu u našem web studiju.
Pretplatite se na blog i pratite naša ažuriranja.
Pozdrav dragi moji čitatelji. Danas ćemo govoriti o tehničkim točkama uz pomoć kojih se možemo povećati konverzija prodaje njihove robe ili usluge. Jedna od važnih točaka je dobro osmišljena odredišna stranica s proizvodima. Takozvana odredišna stranica, o čijem ćemo stvaranju dalje govoriti i dobiti gotove kodove stranica.
Što je odredišna stranica? Ovo je stranica na koju ljudi obično dolaze nakon klika na oglas. Stvoren za jednu ponudu: proizvod, uslugu ili pretplatu. Učinkovita odredišna stranica kamen je temelj uspješnog internet marketinga. Proizvod je možda najbolji na tržištu, oglasi su usavršeni, ali bez dobre landing stranice trud ne daje 100% rezultata. Posjetiteljima govori što se nudi i zašto bi to trebali poželjeti. Osjećaj hitnosti pridonosi brzom donošenju odluka i prelasku korisnika u kategoriju klijenta.
Kako napraviti Landing Page? Pogrešno je vjerovati da odgovor leži u sposobnosti pisanja. Dobra odredišna stranica rezultat je dobro koordiniranog rada na ciljevima, tekstu, dizajnu i kodu. Odredišne stranice, čiji će primjeri biti u nastavku, pomoći će početnicima da nauče osnove rada s izgledom, ali neće zamijeniti tekstove konverzije i razumijevanje ciljane publike. Također ih možete stvoriti koristeći razne konstruktori Odredišna stranica.
Stoga prije nego što izradite svoju odredišnu stranicu, zapitajte se:
- Što će osoba učiniti nakon što klikne na odredišnu stranicu? Hoće li nešto kupiti? Ispuniti obrazac? Pretplatite se na newsletter? Prije praćenja stope konverzije postavite jasne ciljeve.
- Tko su moji konkurenti? Zapravo, to su tri pitanja: tko je, koliko su uspješni i kako se njihova postignuća mogu primijeniti? Oponašanje je najiskreniji oblik laskanja. Ako konkurenti rade ono što funkcionira, ponovite ovo na svojoj web stranici.
- Tko je moja publika? Što bolje razumijete svoju nišu i ciljanu publiku, veće su šanse da će se vaš trud isplatiti.
Morate ponuditi sve informacije koje su vam potrebne, ali ne dovoljno da preplavite i otjerate potencijalnog klijenta.
Primjeri izrade odredišne stranice + kodiranje za lutke
Prije nego što krenemo s poslom, pogledajmo na brzinu HTML i CSS. Razumijevanje njihovog funkcioniranja pomoći će vam da napravite odredišnu stranicu.
HTML- jezik za označavanje preglednika za vizualizaciju web stranice. Napisano pomoću oznaka zatvorenih u kutnim zagradama koje definiraju sadržaj.
Oznaka se otvara (<>) i zatvara () oko nadjeva:
<тег>sadržajтег>
Za precizno podešavanje, sljedeći se atributi dodaju iza naziva:
<тег атрибут="значение">sadržajтег>
CSS - definira kako rasporediti HTML elemente. Sastoji se od selektora, svojstava i vrijednosti:
# birač (svojstvo: vrijednost;)
Selektor odgovara imenu određene oznake u html-u. Promjena vrijednosti i dodavanje svojstava kontrolira njegov izgled. Možete stvoriti različite stranice primjenom različitih CSS stilova na isti HTML.
5 početnih koraka
Za brzi izgled koristit ćemo predložak s minimalnim dizajnom koji se temelji na bootstrapu. Riječ je o sustavu s vlastitim selektorima, koji se koristi u cijelom svijetu za ubrzavanje izgleda.
Izgleda skromno.
Od ove ribe u nekoliko faza stvara se stranica za svačiji ukus.
Struktura imenika u mapi:
- index.html: Ovo je glavna datoteka koju ćemo uređivati.
- / sredstva: pomoćne datoteke nalaze se ovdje:
- / css: direktorij sadrži bootstrap i stilove ikona. Datoteka koju treba uređivati je main.css.
- / img: mapa za slike web mjesta.
- / fontovi: fontovi ikona.
- / js: javascript datoteke za bootstrap.
Korak 1: Korištenje zaglavlja
Naslov i podnaslovi su ključne točke koje pomažu prenijeti vrijednost prijedloga na jasan način.
Promijenimo naslov i naziv stranice. Ovdje nije potrebna mogućnost pisanja teksta - vaš je tekst ispisan na mjestima označenim žutom bojom na ekranu.
Korak 2. Kratkoća je sestra obraćenja. Dodavanje pogodnosti i stopa
Trebat će 4 dijela:
- Pogodnosti;
- stope;
- recenzije;
- poziv na akciju.
Dizajnirajmo "glavni" odjeljak glavnog sadržaja, u koji ćemo umetnuti potrebne odjeljke:
…..
…..
…..
…..
Umjesto točkica punite filom.
Odjeljak pogodnosti zahtijevat će ovaj kod:
Prednosti
Brzo
Sigurno
Sed diam nonummy
Profitabilno
Elit, sed diam nonummy
Tehnički
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
Sigurno
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
Profitabilno
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
Tehnički
Lorem ipsum dolor sit amet, consectetuer adipiscing
Sigurno
Lorem ipsum dolor sit amet, consectetuer adipiscing
Profitabilno
Lorem ipsum dolor sit amet, consectetuer adipiscing
Sadržaj radi jasnoće:
Iako izgleda traljavo, ali razloga za paniku nema, nastavljamo.
Cijene propisujemo. Sadržaj se mijenja na isti način kao u prvom koraku. Opći opis s klasom "tarife" i tri tarife.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Tarifni planovi
Tarifni broj 1
$10
mjesečno / po osobi
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- Lorem ipsum dolor
- 10 Lorem ipsum
Tarifni broj 2
$20
mjesečno / po osobi
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- Lorem ipsum dolor
- 10 Lorem ipsum
Tarifni broj 3
$30
mjesečno / po osobi
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- Lorem ipsum dolor
- 10 Lorem ipsum
Tako izgleda.
Iako nas izgled buduće odredišne stranice ne zanima – u nastavku ćemo razmotriti primjere promjene stilova.
Korak 3: Signali povjerenja i poziv na akciju
Korištenje ciljanih signala posjetiteljima ukazuje da je marka vrijedna povjerenja. Signali mogu imati različite oblike, ali klasika su recenzije kupaca.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo:
Recenzije kupaca
“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
Postavimo poziv na akciju.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat:
Pogodnost kada naručite danas
Recenzije će pomoći potencijalnim kupcima da donesu odluku o kupnji proizvoda. Radi jasnoće, potrebni su nam avatari, pa ćemo ih odmah napisati na mjesto - ispod svakog citata.
Ime klijenta.
Korak 4: Mrežna integracija i prilagođenost mobilnim uređajima
Potrebni su nam Bootstrap spremnici za ubrizgavanje mreže. Važno je zapamtiti ukupan broj dopuštenih segmenata stupca - 12. Klasa određuje širinu prikaza sadržaja. Prednost ove gotove mreže je u tome što su spremnici dizajnirani s obzirom na odziv i odmah su primjenjivi na mobilne uređaje. Detaljan opis na službenoj web stranici. Mreža izgleda ovako.
Sadržaj "glavnog" zamotat ćemo u posudu. Da biste to učinili, u gornjem dijelu je napisano:
Ako želite da blok odgovara cijeloj širini zaslona, tada se spremnik umeće unutra. Ovdje će to biti jambotron i poziv na akciju.
Sve elemente koji zahtijevaju pozicioniranje jedan iznad drugog omotamo separatorima linija.
Sada možemo podesiti širinu stupaca, fokusirajući se na bootstrap mrežu. Nakon zamatanja, punjenje se prestalo lijepiti za rubove ekrana, a pojavile su se uredne udubine.
Cijene postavljamo u nizu koristeći klasu stupaca col-lg-4. Unutar redova više nije potrebno pisati zasebne dive za omatanje, možete ih kombinirati s postojećim odvojenim razmakom.
Analogno, postavili smo stupce za odjeljak s recenzijama i pogodnostima. Ako trebate pomaknuti element u stranu, upotrijebite klasu stupca pomaka col-lg-offset-2. Broj na kraju određuje koliko će osnovnih stupaca zauzeti pomak.
Korak 5. Fontovi i ikone
Implementirat ćemo fontove za zaglavlja Google fontova. Kada odaberete, otvorite karticu za uvoz i kopirajte podatke iz nje u datoteku main.css. Datoteci također dodajemo birače zaglavlja za koje se primjenjuje novi font.
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed" / * uvoz fonta za naslove * /
.navbar-brand,
h1,
h2,
h3,
h4,
h5,
h6 (
font-family: "Roboto Condensed", sans-serif; / * izlaz za Googlephone * /
}
Radi jasnoće, registrirana je klasa s samorazumljivim nazivom text-center i FontAwesome ikonama iz skupa za pokretanje.
Time je priprema završena.
Odredišna stranica: primjeri koda s rečenicom, paralaksom i brojačem
Koristimo tri najpopularnije vrste: s prijedlogom, obrascem i s brojačem. Dok tipkate, predložak će biti nadopunjen efektima.
Primjer 1: s rečenicom
Postavite pozadinu za glavno tijelo i podlogu za pokrivanje prvog zaslona.
Jumbotron (
pozadina: # f5f5f5 url (../ img / fon.jpg) gornji centar bez ponavljanja;
maks. širina: 100%;
padding-top: 250px;
padding-bottom: 200px;
poravnavanje teksta: središte;
}
Promijenite veličinu glave jambotrona s h2 na h1. Zatim pišemo stilove za elemente koje je potrebno promijeniti.
Krenimo od ikona.
Prednosti ja (
boja: # cac4c4;
}
Boja je navedena nakon znaka hash. Možete odabrati svoju opciju koristeći html tablice boja ili uređivač slika.
Uvlačenje za zaglavlja odjeljaka
odjeljak h2 (
padding-top: 30px;
margin-bottom: 25px;
}
Dovodimo u red izgled tarifa. Radi praktičnosti, stvaramo vlastite klase za elemente koje želimo istaknuti točkasto.
Tarifni broj 1
$ 10
mjesečno / po osobi
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- Lorem ipsum dolor
- 10 Lorem ipsum
I puno CSS-a. Za koja su mjesta odgovorne stranice napisano je u komentarima - / * između kosih crta sa zvjezdicom * /
/ * ========= Tarifni stilovi ======== * /
/ * opći prikaz tarife * /
.pricing_item (
pozadina: # f2f2f2;
položaj: relativan;
prikaz: -webkit-flex;
zaslon: flex;
flex-direction: stupac;
align-items: rastegnuti;
poravnavanje teksta: središte;
-webkit-flex: 0 1 330px;
flex: 0 1 330px;
padding: 2em 3em;
margina: 1em;
boja: # 262b38;
kursor: zadano;
prelijevanje: skriveno;
}
/ * promijeni pozadinu kada se pritisne * /
.pricing_item: zadržite pokazivač miša (
boja: # 444;
pozadina: #daebef;
}
/ * pojedinačna podloga cjenika u svakoj tarifi * /
.pricing_item: prvo dijete .price (
pozadina: # 9ba9b5;
}
.pricing_item: nth-child (2) .price (
pozadina: # 1f6098;
}
/ * na širokim ekranima, popunjavanje i isticanje srednjeg stupca tarife * /
@medijski zaslon i (min. širina: 66.250em) (
.pricing_item (
margina: 1,5em 0;
}
.istaknuto (
z-indeks: 10;
margina: 0;
veličina fonta: 1,15em;
}
}
/ * Zaglavlje * /
.pricing_item h3 (
veličina fonta: 2em;
margina: 0,5em 0 0;
boja: # 1d211f;
}
/ * podloga naljepnice * /
.cijena (
veličina fonta: 2em;
font-weight: bold;
boja: #fff;
položaj: relativan;
z-indeks: 100;
visina linije: 95px;
širina: 100px;
visina: 100px;
margina: 1,15em auto 1em;
radijus granice: 50%;
pozadina: # 77a5cc;
-webkit-prijelaz: boja 0,3s, pozadina 0,3s;
prijelaz: boja 0,3s, pozadina 0,3s;
}
/* valuta */
.valuta (
veličina fonta: 0,5em;
vertikalno poravnanje: super;
}
/ * pojašnjenje klauzule * /
.rečenica (
font-weight: bold;
margina: 0 0 1em 0;
padding: 0 0 0,5em;
boja: # 2a6496;
}
/* popis */
.pricing_item ul (
veličina fonta: 0,95em;
margina: 0;
padding: 1,5em 0,5em 2,5em;
poravnavanje teksta: lijevo;
}
/ * popis stavki * /
.pricing_item li (
padding: 0,15em 0;
}
/ * gumb za naručivanje tarife * /
gumb .pricing_item (
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
boja: #fff;
radijus granice: 5px;
pozadina: # 428bca;
-webkit-prijelaz: boja pozadine 0,3s;
prijelaz: boja pozadine 0,3s;
}
/ * promjena boje kada se pritisne tipka * /
Gumb .pricing_item: zadržite pokazivač miša,
.pricing_item gumb: fokus (
boja pozadine: # 285e8e;
}
/ * pozadina tarife * /
.bg-2 (
pozadina: #dddddd;
}
Proizlaziti
Recenzije kupaca. Dajmo im uredan izgled, odredimo mjesto.
/ * ========= Stilovi svjedočanstava ======== * /
svjedočanstva (
padding: 4em 0;
poravnavanje teksta: središte;
}
.svjedočanstva .avatar img (
radijus granice: 50%;
plutati: lijevo;
zaslon: inline;
margin-desno: 1em;
širina: 65px;
visina: 65px;
margin-bottom: 30px;
}
.svjedočanstva .avatar p (
poravnavanje teksta: lijevo;
padding-top: 1em;
boja: # 5d5d5d;
font-weight: 900;
}
Ostaje samo ukrasiti završni poziv na akciju i podnožje.
/ * Akcija * /
.akcija (
pozadina: # 476177;
min-visina: 180px;
širina: 100%;
padding: 4em 0;
poravnavanje teksta: središte;
}
.akcija h2 (
boja: #fff;
font-weight: 300;
}
.akcija p (
boja: #fff;
sjena teksta: 0 1px 2px rgba (0, 0, 0, .2);
veličina fonta: 1,2em;
}
.akcija .spremnik (
margin-top: 3em;
}
/ * Podnožje * /
podnožje (
pozadina: # 333333;
padding: 1em 0;
poravnavanje teksta: desno;
}
podnožje p (
boja: #fff;
visina linije: 1;
transformacija teksta: velika slova;
veličina fonta: 0,7em;
margin-top: 0,5em;
}
Gumbu podnožja dodijeljena je btn-default ugrađena klasa za pokretanje.
Oživljavanje predloška. Uvest ćemo glatko pomicanje i gumbe za odjeljke, kao i animaciju teksta na prvom ekranu.
Da bi prijelazi funkcionirali, neke od klasa odjeljka zamijenit ćemo id - za pogodnosti i tarife. I gumbima ćemo dodijeliti veze na id. Zaslon - ono što je priloženo onome što je istaknuto žutim markerom.
Postavite padding za gumbe - jbutton. Pomicanje kada se pritisne radi, ali vrlo naglo.
Glatki prijelazi se stvaraju pomoću javascripta ili jqueryja. Potonji je prema zadanim postavkama povezan s Bootstrap predlošcima.
Pomicanje je sada glatko.
Dodavanje animacije tekstu pomoću Animate.css ( https://raw.githubusercontent.com/daneden/animate.css/master/animate.css). Ovo je gotov open source, može se koristiti na bilo kojem mjestu. Stavite datoteku s githuba u css mapu i napišite put.
Ovdje biramo efekte: https://daneden.github.io/animate.css/... Odabrali smo fadeInDown. Napisano je u kodu ovako:
Sada, prilikom učitavanja ili osvježavanja stranice, tekst će biti animiran. Spreman.
Primjer 2: s učinkom oblika i paralakse
Što se posjetitelju ponudi više polja obrasca, manja je vjerojatnost da će ih ispuniti. Zatražite samo minimalne informacije koje su vam potrebne.
Prikupljeno po analogiji. Promijenit ćemo pozadinu i boje. I, naravno, dodajmo oblik.
Počnimo s paralakse .
Promijenite pozadinu jumbotrona u prozirnu:
pozadina: prozirna;
Unutar glave ćemo umetnuti skriptu:
Prvi redak u tijelu je spremnik za paralaksu:
A u CSS-u, njegovo ponašanje je:
Bgparalaksa (
pozadina: url (/../ img / fon.jpg) ponoviti;
položaj: fiksni;
širina: 100%;
visina: 300%;
vrh: 0;
lijevo: 0;
z-indeks: -1;
}
Paralaksa je spremna. No za promjenu koda i nove pozadine potrebno je ponovno dodijeliti shemu boja.
Zatamnjenje jelovnika:
Navbar-zadano (
boja pozadine: # 333;
boja obruba: # 444;
boja: tamno siva;
granica-radijus: 0;
}
Navbar-default .navbar-nav> .active> a, .navbar-default .navbar-nav> .active> a: lebdeći, .navbar-default .navbar-nav> .active> a: fokus (
boja: tamno siva;
boja pozadine: rgba (0, 0, 0, 0,5);
}
Rečenicu u jumbotronu zamjenjujemo novom - kodom obrasca:
Odredišna stranica pretvara posjetitelje u kupce
Quisque tincidunt dui augue suspendisse lorem vel diam consectetur posuere vehicula posueret mauris vehicula tortor rhoncus vulputate massa.
-
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.
A mi propisujemo izgled
/ * obrazac * /
.headform-list (
tip-stil liste: nema;
visina linije: 26px;
font-weight: 400;
padding: 0px;
margin-bottom: 40px;
}
.oblik glave (
prelijevanje: skriveno;
položaj: relativan;
boja pozadine: rgba (0,0,0, .4);
padding: 35px 40px;
radijus granice: 8px;
}
unos, gumb, odabir, tekstualno područje (
širina: 100%;
margin-bottom: 10px;
}
.headform-list li .fa (
pozicija: apsolutna;
vrh: 0px;
lijevo: 0px;
širina: 42px;
veličina fonta: 24px;
poravnavanje teksta: središte;
}
.headform-list li (
položaj: relativan;
min-visina: 38px;
padding-left: 62px;
margin-bottom: 20px;
}
.jumbotron p (
boja: #fff;
veličina fonta: 16px;
stil fonta: kurziv;
}
Ovdje je stigao i tekst Jambotrona, jer je zahtijevao promjene.
Mi mijenjamo tarife.
/ * opći prikaz tarife * /
.pricing_item (
boja pozadine: rgba (0,0,0, .4); / * redak promijenjen * /
radijus granice: 4px; / * redak promijenjen * /
položaj: relativan;
prikaz: -webkit-flex;
zaslon: flex;
-webkit-flex-direction: stupac;
flex-direction: stupac;
-webkit-align-items: rastegnuti;
align-items: rastegnuti;
poravnavanje teksta: središte;
-webkit-flex: 0 1 330px;
flex: 0 1 330px;
padding: 2em 3em;
margina: 1em;
boja: # f2f2f2; / * redak promijenjen * /
kursor: zadano;
prelijevanje: skriveno;
box-shadow: 0 0 15px rgba (0, 0, 0, 0,05);
}
/ * promijeni pozadinu kada se pritisne * /
.pricing_item: zadržite pokazivač miša (
boja: # 444;
pozadina: #ddd; / * redak promijenjen * /
}
Sada izgledaju ovako - prozirna pozadina i zaobljeni kutovi.
Šablon je spreman.
Primjer 3: s brojačem za odbrojavanje
Ponovno promijenite punjenje jambotrona i promijenite boju predloška kako bi odgovarao novoj pozadini po analogiji s prethodnim predloškom. Povezujemo skriptu brojača:
HTML
Vrijeme istječe
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent du luptalotum te prezz
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.
U listi stilova uklonite donji radijus oblika i podesite gumb.
Dodatno, izbornik je preslikan za novu pozadinu i promijenjen je stil tekstova u jambotronu - po analogiji s prethodnim primjerom. Proizlaziti.
Donji dio
Time su dovršeni primjeri odredišne stranice, ali kod zahtijeva dodatni rad.
Odredišne stranice moraju biti brze i dobre poput Ferrarija - vrijeme učitavanja stranice ima ogroman utjecaj na stope napuštanja početne stranice. Optimizirajte slike, minimizirajte veličinu gotovih skripti i stilova za maksimalnu učinkovitost.
Lekcija daje primjere izrade dobrih odredišnih stranica koje će vam pomoći da dovedete prave kupce, a naučit ćete nešto novo. Lajkamo i repostujemo. Vidimo se uskoro.
Za preuzimanje svih izvora predstavljenih u lekciji u obliku gotovih stranica, kliknite na jedan od gumba društveni dvorac da ga otvorite i dobijete vezu.
S poštovanjem, Galiulin Ruslan.