Izrada odredišne ​​stranice: 12 važnih pravila s realnim primjerima

U našem prethodnom članku o odredišnim stranicama, pogledali smo 8 glavnih čimbenika koji se moraju uzeti u obzir pri njihovom stvaranju. U ovom trenutku odlučili smo razraditi dizajn odredišnih stranica. Budući da je dizajn web stranica neraskidivo povezan sa sadržajem, ispitat ćemo i neke točke u vezi sadržaja odredišnih stranica.

Sigurno znate glavnu svrhu odredišne ​​stranice - potaknite posjetitelja da poduzme određenu radnju (na primjer, kupite proizvod ili se pretplatite na newsletter). U provedbi tog cilja ne zadnju ulogu igra kvalitetan dizajn. On je u stanju usredotočiti pažnju potencijalnih kupaca na vaš poziv na akciju, kako bi ona postala vidljivija. Osim toga, pojednostavljuje percepciju svih informacija objavljenih na odredišnoj stranici.

A sada, od riječi - do posla. Razmislite o određenim pravilima, nakon kojih možete poboljšati dizajn svoje odredišne ​​stranice i stoga povećati razinu pretvorbe na svojoj web-lokaciji.

1. Vodite računa o upotrebljivosti Vaše odredišne ​​stranice.

Dolaskom na svoju odredišnu stranicu posjetitelj web-lokacije treba odmah shvatiti:

  • ciljne stranice
  • koju mora poduzeti
  • prednosti koje će proizvod donijeti

Ako ne ispunjava te zahtjeve, može se smatrati beskorisnim. Ne prisiljavajte posjetitelje na vašu web-lokaciju da lutaju labirintom svoje odredišne ​​stranice. Vjerujte mi, neće htjeti potrošiti svoje vrijeme na to i jednostavno vam mašu olovkom. Zbog toga će Vaša web lokacija samo povećati stopu napuštanja, a povećanje stope pretvorbe ostat će nedostižan san.

Ovdje je primjer uspješne odredišne ​​stranice, preuzete sa stranice FeedMyInbox, s kojom će se čak i školarac baviti:

2. Nemojte koristiti previše grafike.

Vaša stranica za poziv na radnju trebala bi sadržavati samo potrebne grafičke elemente. Pretjerane slike će ga samo zakrčiti, osobito ako se nalaze u području "prvog zaslona". U gornjoj polovici klizača trebala bi biti samo logotip i stilizirana slika proizvoda koji želite prodati.

Uz ove slike, dopuštene su i slike koje prikazuju prednosti ili karakteristike vašeg proizvoda. Budite oprezni kada koristite ikone. U nekim slučajevima neće donijeti nikakvu korist, ali će samo odvratiti pozornost potencijalnih kupaca.

Razmotrite odredišnu stranicu internetske stranice Dialogix koja nudi web-uslugu za praćenje društvenih mreža:

Kao što možete vidjeti, na stranici nema dodatnih grafičkih elemenata. Sadrži samo logotip programa, njegov screenshot, ikone tvrtki klijenata, kao i sliku slatke ptice koja simbolizira Twitter.

3. Smanjite mogućnosti navigacije

Što više navigacijskih opcija nudite posjetiteljima web-lokacije na odredišnu stranicu, to je vjerojatnije da će ih koristiti. Vaša početna stranica može sadržavati desetke navigacijskih veza, ali bi odredišna stranica trebala naznačiti samo jedan smjer prema potencijalnim klijentima, budući da je to početni element toka prodaje.

Ako ne možete bez veza na druga područja vaše web-lokacije, razmislite o tome kako smanjiti vjerojatnost da će ih posjetitelji web-lokacije kliknuti. Na primjer, možete ostaviti samo gornju navigacijsku traku i potpuno ukloniti neke veze. Navigacijski linkovi su potrebni samo ako posjetitelji imaju ozbiljan razlog da kliknu na njih. Ako smatrate da potencijalni kupci vjerojatno neće tražiti takve veze, onda ih ne možete uključiti.

Kreatori aplikacije eWedding, s kojom možete kreirati vlastitu web stranicu posvećenu vašem vjenčanju, usvojili su ovo pravilo. Na odredišnoj stranici njihove web-lokacije vidljivi su samo veze koje se odnose na sam proizvod (na primjer, značajke aplikacije ili varijacije teme). Ostale veze nalaze se na skrovitom mjestu: na samom dnu stranice. Osim toga, ispisuju se u sitnim slovima:

4. Koristite modalne prozore

Kada objavljujete informacije ili neke veze koje mogu biti zanimljive posjetiteljima vaše web-lokacije, pokušajte koristiti modalne prozore umjesto da ih preusmjerite na novu stranicu. Modalni prozori mogu potencijalnim klijentima pružiti informacije bez prekida toka konverzije.

Modalni prozori i opisi alata mogu sadržavati često postavljana pitanja, popise značajki proizvoda, snimke zaslona itd. Koristite ih na prvi zgodan način, kako ne biste zaustavili proces pretvaranja posjetitelja u stvarne kupce.

Na primjer, na stranici prodaje Capo programa koji stvara spektrograme glazbenih datoteka, koristi se modalni prozor u obliku snimke zaslona njegova sučelja:

5. Izbjegavajte crveno u gumbu poziva na radnju.

U mnogim kulturama, osobito u Sjedinjenim Državama i europskim zemljama, crvena boja ima negativnu konotaciju. U njihovoj slici svijeta, crvena je boja agresije, opasnosti i svjetla. Čak iu najpozitivnijim konotacijama (strast i ljubav), nijanse crvene boje izazivaju tjeskobu kod ljudi. Odavde zaključak: ako je vaša stranica namijenjena europskoj i američkoj publici, odbijte koristiti crvenu pozadinu u pozivu na akciju. Možda će se, u nekim slučajevima, izvući s tobom, ali nije vrijedno rizika. Bolje koristite mirnije boje, kao što su plava ili zelena (kao što je učinjeno u aplikaciji za planiranje vremena žetve):

6. Vidite gumb poziva na radnju.

Tako smo otkrili da crvena pozadina nije najbolje rješenje za privlačenje pozornosti na gumb poziva na akciju (vidi prethodni odlomak). Ali postoji još jedan ekstrem - korištenje previše blijedih boja ili sitnog tiska, zbog čega se doslovno gubi na odredišnoj stranici. Gumb poziva na radnju trebao bi biti svijetla točka na odredišnoj stranici kako bi je posjetitelji mogli primijetiti čak i golim okom.

Stupanj "vidljivosti" gumba poziva na akciju može se procijeniti jednostavnim vizualnim testom: odmaknite se oko metra i pol od ekrana računala i iskreno odgovorite na pitanje: "Je li gumb za pogled u oči očišćen?" Ako ne možete sa sigurnošću odgovoriti da, tada treba kliknuti gumb za poziv na radnju.

Možda ćete morati promijeniti boju tako da bude u kontrastu s pozadinom same stranice ili malo povećati veličinu fonta. Neki bezbrižni web dizajneri čak uspijevaju smjestiti CTA gumb izvan "prvog zaslona", a onda su još uvijek iznenađeni zašto se stope pretvorbe web-mjesta ne sruše. Kako ne biste ponovili svoje pogreške, pažljivo razmotrite sve aspekte gumba poziv na radnju.

Uzmite primjer od dizajnera stranice Plnnr, koja čini individualne izlete u različite gradove. Njihov žuti gumb, smješten na sivoj pozadini, jednostavno je nemoguće ne primijetiti!

7. Navedite samo informacije od interesa za posjetitelje web-lokacije.

Dajte posjetiteljima web-lokacije samo informacije koje su im potrebne za donošenje odluke. Nemojte preopterećivati ​​njihove glave s previše informacija. Vaš je cilj pretvoriti potencijalne kupce u stvarne kupce uz minimalnu količinu informacija.

Razmislite o tome koje informacije potencijalni klijenti mogu biti zainteresirani i izrazite ih pomoću točnih i razumljivih riječi. Vaš tekst treba biti kratak i dodirnuti točku. Moderni potrošači zaista cijene svoje vrijeme, pa će odmah htjeti znati hoće li vaša ponuda zadovoljiti njihove potrebe. Ako to ne učine u sekundi, napustit će vašu web-lokaciju bez oklijevanja.

Osim toga, tekst predstavljen na odredišnoj stranici trebao bi imati jasnu strukturu (naslov, podnaslov, popise s grafičkim oznakama). Podložno ovom uvjetu, posjetitelji web-lokacije moći će pregledavati cijelu stranicu i odabrati samo one informacije koje vas zanimaju.

Pogledajte odredišnu stranicu mrežnog uređivača teksta TitanPad. Kao što možete vidjeti, on sadrži samo potrebne informacije (funkcije aplikacije i jasan poziv na akciju):

8. Nemojte tražiti previše informacija.

Prilikom izrade obrasca za pretplatu pokušajte minimizirati informacije koje zatražite od posjetitelja web-lokacije. U većini slučajeva dovoljno je samo zatražiti adresu e-pošte. Ako trebate druge osobne podatke svojih potencijalnih kupaca, na primjer, broj mobilnog telefona, trebate objasniti zašto tražite te informacije.

Opet, to je potrebno kako bi posjetitelji vaše web-lokacije imali manje razloga da ga napuste. Uostalom, gotovo svaka osoba ima sumnje o tome kako ćete koristiti njegove osobne podatke. Što ako počnete popunjavati svoju e-mail kutiju sa spamom? Ili ćeš mu poslati tekstualnu poruku, zatrpavajući svoj mobilni telefon nepotrebnim informacijama?

Sve dodatne informacije koje postavite posjetiteljima web-lokacije još je jedna prepreka da postanete klijenti. I što je više prepreka na njihovom putu, veća je vjerojatnost da neće doći do svog konačnog odredišta.

Srećom, mnogi web programeri su svjesni ove jednostavne istine i pokušavaju ne izazvati dodatne informacije od potencijalnih kupaca. Na nekim stranicama oni uopće ne traže nikakve osobne podatke: jednostavno se registrirate i nastavite s radom. Uzmite, na primjer, blog na Pen.io. Sve što se od vas traži je da smislite naziv stranice i zaporku, a možete odmah početi stvarati post:

9. Ne pitajte sve posjetitelje stranice odjednom.

Zamislite da potencijalni kupac dođe na vašu web-lokaciju i odmah vidi ogroman svijetli gumb koji poziva na kupnju određenog proizvoda. Kakva će biti njegova reakcija? U najboljem slučaju, on će imati niz pitanja, kao što su: "Što oni predlažu da kupim?" ili "Koliko košta ovaj proizvod?". I u najgorem slučaju - odmah će zatvoriti vašu odredišnu stranicu, misleći da žele zabiti neupotrebljivu stvar, a da ne pitaju je li mu potrebna.

Stoga, nemojte odmah početi govoriti o kupnji, ako ne želite uplašiti svoje klijente. Podijelite proces kupnje na 2-3 koraka kako bi naučili potrebne informacije prije donošenja konačne odluke. Inače će steći dojam da na njih namećete svoj proizvod.

Gumb poziva na radnju trebao bi sadržavati više neutralnih izraza, npr. "Prikaz tarifnih planova i cijena" ili "Saznajte više". Oni sadrže manje prisilnog podteksta nego izraze "Kupi odmah" ili "Pretplati se". Osim toga, zahvaljujući njima, posjetitelji stranica razumiju što bi trebali očekivati ​​u sljedećem koraku.

Programeri programa VaultPress koji su dizajnirani za podršku web-lokacijama WordPress uspješno su primijenili ovo pravilo u praksi:

10. Usmjerite se prema jednostavnom i čistom dizajnu.

Svi iskrcaji imaju jedan specifičan cilj: potaknuti posjetitelje na određenu radnju. Ako određeni elementi dizajna ne pridonose provedbi ovog zadatka, možete ih se sigurno riješiti.

To ne znači da bi Vaša odredišna stranica trebala biti napola prazna: samo morate odrediti koje su komponente relevantne, a koje nisu. Ako ste uvjereni da će povećati povjerenje kupaca u vaš prodajni poziv, pomoći im da bolje razumiju vaš proizvod i općenito poboljšaju svoje ukupne dojmove o vašoj tvrtki, zaključak je očigledan: ovi elementi moraju biti prisutni na Vašoj odredišnoj stranici.

Obratite pozornost na odredišnu stranicu aplikacije Stvari 2 za iPhone:

Kao što možete vidjeti, napravljen je jednostavno i ukusno. Istodobno sadrži sve potrebne elemente: opis aplikacije, snimke zaslona i poziv na akciju ("Idi na App Store").

11. Istaknite bolje ponude.

Ako vaša odredišna stranica sadrži nekoliko poziva na radnju (na primjer, tablice s različitim tarifnim planovima), posjetitelje na svoju web-lokaciju možete potaknuti najprofitabilniju ili najpopularniju opciju pomoću grafičkih alata. Na primjer, možete označiti odgovarajuću rečenicu u okviru ili povećati font.

Ne biste trebali automatski istaknuti najskuplju opciju, inače će posjetitelji vaše web-lokacije misliti da to radite namjerno kako bi ih učinili vilicom. Većina tvrtki usmjerava potencijalne kupce na intermedijarni tarifni plan, koji sadrži sve potrebne opcije i istovremeno ima razumnu cijenu.

Pogledajte kako su dizajneri web-lokacije Ning, koji nude aplikaciju za stvaranje vlastite društvene platforme, učinili sljedeće:

Kao što možete vidjeti, odabrali su tamniju pozadinu za tarifni plan Performancé, koji spada u srednju cjenovnu kategoriju. Osim toga, nalazi se u središtu zaslona - najvidljivije područje na stranici. Obratite pozornost na ikonu Popular Choice, koja označava popularnost ovog tarifnog plana.

12. Izvijestite o prednostima vašeg proizvoda.

Glavno pitanje koje zanima posjetitelje vaše web-lokacije: "Koje će prednosti dobiti od ovog proizvoda?" Nije dovoljno navesti njegove opće karakteristike i funkcije - morate naznačiti kako im to može pomoći u stvarnom životu. Prije svega, vi sami morate biti sigurni u vrijednost vašeg proizvoda kako biste tu ideju prenijeli svojim potencijalnim kupcima uz pomoć sjajnog naslova, jasnog teksta i optimalne strukture sadržaja na odredišnoj stranici.

Općenito, nemojte se ustručavati pohvaliti svoj proizvod prema zaslugama, kao što to rade, primjerice, programeri aplikacije Skylight:

Ne zaboravite testirati odredišne ​​stranice

Stoga smo analizirali desetak preporuka za izradu odredišnih stranica i pružili im prave primjere. Nadamo se da će vas potaknuti da dodatno poboljšate svoje odredišne ​​stranice.

Međutim, ne zaboravite još jedan važan korak u stvaranju odredišnih stranica - A / B-testiranje. Bilo kakve promjene koje napravite u dizajnu slijetanja, na ovaj ili onaj način, dovest će do određenih rezultata. Mogu povećati ili smanjiti stopu konverzije vaše web-lokacije ili je čak zadržati na istoj razini. Sve ovisi o konkretnoj situaciji.

Otuda zaključak: ne budite lijeni za provođenje A / B testova prije zaustavljanja na određenoj verziji odredišne ​​stranice. Zapamtite rezultate tih istraživanja i odaberite opciju koja je ispred svih drugih u smislu obraćenja, čak i ako vam se to na prvi pogled činilo neprimjetnim.

Pogledajte videozapis: Anatomija i psihologija Landing Page-a. #WPSU. Drugi Meetup u Subotici (Kolovoz 2019).

Ostavite Komentar