Pagini de destinație reușite 15 exemple de design pe care trebuie să le vedeți
Nu este atât de ușor să creați o pagină de destinație atrăgătoare care funcționează și așa cum doriți.
Există o mulțime de lucruri diferite de care trebuie să aveți grijă să aveți o pagină de destinație excelentă. Care sunt exact acestea depinde - ca și altele - de obiectivul paginii dvs. de destinație.
Luați lungimea formularului ca exemplu: formularul este doar unul dintre nenumăratele elemente de pe pagina de destinație pe care trebuie să le modificați. Și dacă urmați cele mai bune practici, veți descoperi că nu există „corect” sau „greșit” în lungimea formularului. Formele scurte și lungi pot funcționa la fel de bine - fiecare depinde dacă doriți să generați o mulțime de clienți potențiali cu interes (potențial) mai mic sau un număr mai mic de clienți potențiali cu mai mult interes.
Înainte de a începe să creați propriile pagini de destinație, ar trebui să aflați mai întâi ce face o pagină de destinație bună - și să utilizați exemple pentru a vă face o idee despre modul în care aceste elemente individuale sunt implementate în mod eficient. Cu toate acestea, atunci când căutăm exemple de modele de pagini de destinație de succes, am observat că nu există aproape nici o pagină de destinație modernă, impresionantă, care să ofere mai mult decât o pagină de pornire cu un formular de înregistrare. Acesta a fost motivul pentru care a fost alcătuită această listă cu pagini de destinație care ne-au convins în ceea ce privește designul.
O notă în avans: Nu avem acces la statisticile din aceste pagini. Prin urmare, nu putem face declarații despre câți vizitatori, clienți potențiali și clienți vor fi convertiți în cele din urmă pe aceste pagini de destinație. Acestea sunt exemple de combinație și integrare reușită a elementelor individuale ale paginii de destinație. Desigur, dacă doriți să încercați singuri una dintre tacticile prezentate în următoarea postare, nu puteți ști în prealabil dacă vor funcționa. Deci deviza este: test, test, test!
Pagini de destinație reușite: 16 exemple de design pe care trebuie să le vedeți
1) Wistia
Primul candidat este pagina de destinație a Wistia, unde vizitatorii se pot înregistra pentru un cont gratuit. Ochiul cade imediat pe formularul scurt pentru crearea unui cont, care cu câmpurile sale albe iese în evidență perfect pe fundalul albastru, cu modele minime.
Datorită lungimii câmpului formularului în combinație cu plasarea atrăgătoare, vizitatorul știe imediat despre ce este vorba: crearea unui cont. Și dacă totuși ezitați, puteți derula în jos și citi răspunsurile la întrebările frecvente acolo. Deoarece aceste două zone sunt proiectate în culori opuse, în calitate de vizitator puteți păstra cu ușurință o imagine de ansamblu și nu pierdeți din vedere formularul - perfect pentru rata de conversie!
2) Deconectați
În mod surprinzător, următorul loc pe lista noastră este: Unbounce! La urma urmei, această companie ne-a impresionat în trecut prin expertiza sa în paginile de destinație și optimizarea orientată spre conversie. Această pagină de destinație are, fără îndoială, multe elemente grozave, dintre care 2 am dori să evidențiem: 1) Săgeata îndreptată de la direcția imaginilor de susținere la butonul CTA și 2) informațiile detaliate - dar bine ambalate - de sub formular.
Punctul 1 (săgeata) informează imediat vizitatorii despre obiectivul paginii: ar trebui să completeze formularul! Și totul funcționează fără a fi deosebit de intruziv. Ghidarea subtilă a vizitatorilor printr-o pagină este o artă în sine, iar Unbounce face asta perfect. Punctul 2 (informațiile detaliate) oferă, de asemenea, avantaje pentru pagină din perspectiva SEO, deoarece motoarele de căutare au mai mult conținut pe care îl pot indexa. În același timp, vizitatorii care ar dori să afle mai multe înainte de a-și dezvălui datele de contact sunt mulțumiți - iar plasarea inteligentă a acestor informații nu distrage atenția de la formular.
3) IMPACT branding & design
În avans: Da, IMPACT este un partener HubSpot! Dar nu de asta le-am pus pe lista noastră. Paginile de destinație ale IMPACT au fost considerate mult timp o sursă de inspirație pentru un design de succes. Aspectul simplu al paginii, de la titlul mare și imaginea detaliată a caracteristicii până la cadrul care înconjoară formularul, la culorile și fonturile care sunt foarte ușoare pentru ochi, totul are succes aici.
Poate ați observat și căsuța pentru a vă abona la blog? Este verificat implicit! Rețineți că, deși o casetă de abonare dintr-un formular de pagină de destinație este excelentă pentru atragerea de noi abonați, vă recomandăm să nu bifați caseta în mod implicit, astfel încât utilizatorii să poată alege dacă să se aboneze vrei. Altfel riscați să adăugați prea mulți abonați neinteresați la baza de date de contact .
4) WebDAM
Pagina de destinație WebDAM are, fără îndoială, o mulțime de elemente frumoase, dar preferatul nostru (incontestabil) este formularul. Se încadrează perfect în structura paginii și astfel arată ca o componentă naturală, dar care se remarcă totuși vizual datorită culorii sale de fundal. Prin plasarea formularului lângă o imagine care în sine nu oferă informații esențiale, utilizatorii nu sunt distrasi și toată atenția se concentrează asupra formularului. Butonul de trimitere este magenta (o culoare complementară albastrului turcoaz) și iese în evidență și încurajează vizitatorii să descarce oferta.
Sub formular, promisiunea companiei de performanță este rezumată pe scurt în trei puncte. În plus, acest bloc de text acționează ca o separare vizuală de formularul de mai sus. Lucrare de primă clasă, WebDAM!
5) Bills.com
Se presupune adesea că paginile de destinație sunt pagini statice pe un site web. Dar nu trebuie să fie așa. Cu instrumentele potrivite, paginile de destinație pot fi, de asemenea, proiectate interactiv și personalizate.
De exemplu, aruncați o privire la următorul exemplu de pe Bills.com. În primul rând, trebuie să răspundeți la trei întrebări pentru a ajunge la formular. Acest lucru vă va clarifica în avans dacă aveți nevoie chiar de sfaturi. În primul rând, vizitatorii trebuie să indice care este nivelul datoriilor:
Urmează încă două întrebări, cum ar fi: B. Acestea sunt aici („Aveți restanțe la plățile dvs.?”):
Și ați ajuns la formularul propriu-zis al paginii de destinație, unde vi se va cere să introduceți detaliile:
Indiferent de modul în care funcționează algoritmul (dacă există vreunul), abordarea îi va face uneori pe vizitatori să se simtă puțin nervoși că s-ar putea să nu fie eligibili pentru sfaturi. Atunci când veți vedea formularul, ușurința se instalează și completarea formularului este foarte ușoară. Credem că, datorită exclusivității ofertei (fie ea reală sau falsă), Bills.com are o rată de conversie destul de mare.
6) Trulia
Trulia o face pe pagina sa de destinație în mod similar cu Bills.com. Acolo începeți cu un formular simplu care cere „o adresă” (care nu sună la fel de intruziv ca „adresa dvs.”, deși exact asta se înțelege). Există un buton portocaliu sub câmpul simplu al formularului, care se evidențiază bine față de imaginea de fundal a formularului. Textul CTA indică în mod specific că va fi făcută o estimare individuală pentru proprietatea dvs.
Desigur, adresa nu este suficientă pentru a determina valoarea unei proprietăți. De fapt, sunt înregistrate numai locația și împrejurimile. Din acest motiv, pe pagina următoare urmează întrebări suplimentare despre proprietate, cum ar fi numărul de dormitoare și băi. Mai jos veți vedea textul „Spuneți-ne unde să trimitem raportul” - cu o notă că prin introducerea acestor informații sunteți de acord să fiți contactat de un agent imobiliar. Acesta este un exemplu excelent de companie care adaugă valoare vizitatorilor săi, indicând totodată la ce să ne așteptăm.
7) Basecamp
Basecamp are o pagină de destinație extinsă cu o mulțime de informații în și sub zona vizibilă direct. Majoritatea informațiilor sunt sub formă de text, ceea ce are și efectul că singurul element vizual al paginii, formularul, iese în evidență cu atât mai mult. Și aici, procesul de înregistrare este la fel de simplu, cu simpla introducere a adresei dvs. de e-mail sau conectarea la contul dvs. Google.
Cu titlul care enumeră numărul de companii care s-au înregistrat la Basecamp în săptămâna precedentă și recomandările clienților, Basecamp se bazează pe deplin pe dovada socială pentru a realiza conversiile dorite. Efectul de evidențiere din recomandările clienților, care arată ca și cum ar fi folosit un marcator aici, oferă un accent suplimentar asupra punctelor pe care Basecamp ar dori să le promoveze în mod special.
8) Zendesk
Ne place pagina de destinație pentru versiunea de încercare gratuită a Zendesk, deoarece este păstrată simplă și simplă atât în ceea ce privește textul, cât și designul. Singurele lucruri care ies în evidență sunt cele două butoane CTA - și oul de deasupra care se mișcă de parcă un pui este pe cale să clocească. Formularul în sine este simplu și solicită doar adresa de e-mail profesională și o parolă, astfel încât să poată fi creat un cont. Conectarea utilizând datele de conectare Google Apps este și mai ușoară. Furnizarea acestei opțiuni este întotdeauna recomandată, deoarece scurtează calea de conversie și mai mult și are, în general, un prag de inhibare mai mic pentru utilizatorii care au deja un cont Google.
9) profituri web
Ce zici de o pagină de destinație puțin mai lungă pentru o modificare? Cu doar câteva trucuri, chiar și cea mai lungă pagină de destinație poate da impresia că este scurtă. Webprofits ne arată cum să o facem.
În partea de sus există un câmp de formular plasat în mod vizibil pentru o adresă de e-mail, care se remarcă bine pe fundal și, prin urmare, este deja vizibil în sine. Dacă doriți să vă lăsați detaliile imediat, tot ce trebuie să faceți este să introduceți adresa de e-mail și restul câmpului formularului va apărea în mod magic. Deoarece formularul complet nu este afișat imediat, pagina nu pare atât de complexă.
În plus, puteți vedea la prima vedere ce face de fapt Webprofits. Restul paginii oferă informații detaliate despre ceea ce obțineți atunci când introduceți detaliile. În plus, CTA-urile sunt plasate peste tot în puncte strategice cu care vizitatorii pot reveni în partea de sus a paginii.
10) Emoție de intrare
Această pagină de destinație în spaniolă este de la un partener HubSpot. Similar cu exemplul din Basecamp, formularul este plasat vizibil și rămâne întotdeauna în zona vizibilă, chiar și atunci când vizitatorii derulează în jos. De asemenea, ne plac mâinile grafice care arată vizitatorilor unde își pot introduce datele sau unde pot partaja pagina cu alții.
11) H.BLOOM
Uneori doriți doar să lăsați o pagină de destinație să stea pe dvs. pentru o vreme, deoarece este atât de drăguță. H.BLOOM face exact asta cu fotografii de înaltă rezoluție și multă libertate - nu mai vrei să te uiți în altă parte.
În plus față de designul atrăgător, site-ul are și câteva elemente excelente de conversie: un formular în zona direct vizibilă, o explicație clară și concisă a ceea ce se întâmplă după completarea formularului și un buton portocaliu de trimitere. Am schimba doar un singur lucru: textul de pe butonul de trimitere, astfel încât să se raporteze mai specific la ofertă.
12) Chat live Velaro
Uneori cele mai mici lucruri fac cea mai mare diferență. Acesta este cazul, de exemplu, cu pagina de destinație Velaro Live Chat.
Simbolul PDF mic din imaginea caracteristică este o indicație subtilă a formatului în care este furnizată oferta. Săgeata din fața subtitlului atrage atenția vizitatorului asupra textului, care ar trebui citit. Ca și în cazul IMPACT, există o casetă bifată automat pentru abonamentul la newsletter, care, ca versiune opt-in, este o modalitate excelentă de a câștiga noi abonați. Toate aceste mici detalii, care la prima vedere par nesemnificative, se adaugă la un design excelent și funcțional al paginii de destinație.
13) Laboratorul de conversie
În mod obișnuit, nu am enumera o pagină de start cu un formular ca exemplu de pagină de destinație excelentă. Facem o excepție pe acest site din motive întemeiate! Pagina principală este site-ul web complet și linkurile de navigare vă duc doar la informațiile de mai jos.
Tot ce trebuie să faceți este să faceți clic pe „Obțineți ajutor cu paginile de destinație” și întregul site web se va deplasa într-o parte, făcând loc formularului. Așa arată înainte de clic:
După ce faceți clic pe CTA, se afișează formularul:
Faptul că nu trebuie să părăsiți pagina pentru a completa formularul asigură o experiență lină a utilizatorului. În plus, formularul este plasat foarte discret.
14) Marketing de rezistență industrială
Această pagină de destinație stârnește imediat interesul vizitatorilor cu titlul său provocator. Pentru că scrie clar: „Nu mă face să măresc” (aproximativ: „Oprește zoomul!”). Aici este abordată o problemă obișnuită pe care o avem majoritatea dintre noi atunci când navigăm pe web cu smartphone-ul sau tableta noastră - iar afirmația este păstrată în mod deliberat pe un ton ușor provocator.
Dar acesta nu este singurul element interesant al acestei pagini de destinație. Ai observat cum culoarea roșie a fost plasată strategic? De exemplu, deasupra și dedesubtul formularului, ceea ce vă va duce mai aproape de conversie.
Acest design are, de asemenea, un avantaj decisiv: De asemenea, arată excelent pe dispozitivele mobile. Pentru că ar trebui să rețineți întotdeauna că mulți vizitatori vă apelează paginile de destinație cu smartphone-urile sau tabletele lor. Dacă designul nu este corect, acestea pot părăsi site-ul dvs. rapid.
Cei de la Industrial Strength Marketing au făcut ca fontul și formularul să fie suficient de mari, astfel încât vizitatorii să nu fie nevoiți să mărească pentru a vedea lucruri precum: B. citiți textul sau interacționați cu conținutul. (Citiți această postare de blog pentru a afla ce înseamnă designul site-ului web pentru o experiență bună a utilizatorului.)
15) Shopify
La fel ca multe alte exemple din această postare, Shopify a optat pentru simplitate, fără niciun fel de fior pentru pagina sa de destinație pentru testul de testare. Titlul orientat către utilizator, de exemplu, constă din doar câteva cuvinte, sub-titlul („Încredere de peste 325.000 de companii din întreaga lume”, de exemplu: „Peste 325.000 de companii din toată lumea au încredere în noi”) aduce dovezi sociale în joc și imaginile sugerează că utilizatorii folosesc produsul poate utiliza pe toate dispozitivele. Tot ce trebuie să faceți este să furnizați adresa de e-mail pentru a începe. Așa ajungeți rapid la punctul real: Vânzarea produselor online - cu instrumentul de la Shopify.
Cireasa de pe tort? Pagina de destinație este optimizată pentru fiecare dispozitiv, atât în ceea ce privește designul, cât și funcționalitatea. Designul receptiv este secretul!
Aveți și exemple inspiratoare de pagini de destinație grozave? Vă rugăm să ne lăsați un comentariu cu favoritele dvs.!