Cele mai Bune Modele de Pagina de start de pe Internet și Cum să Le Copiați

Oamenii au prezis „moartea din pagina de start” de ani de zile.

dar pagina de pornire nu va dispărea niciodată.fiecare site are nevoie de o ușă din față pentru a-și întâmpina noii utilizatori pentru prima dată și pentru a le oferi terenul.

cu toate acestea, pagina de pornire evoluează.chiar și acum câțiva ani, paginile de pornire conțineau tone de informații diferite despre fiecare aspect al companiei.

au fost blocate pline de link-uri și locuri pentru a merge., Compania a dorit să evidențieze toate diferitele aspecte ale ceea ce a făcut.

problema este că a eșuat.au fost pur și simplu prea multe opțiuni. A fost copleșitoare și distrag atenția pentru utilizatori.una dintre cele mai bune metode de a îmbunătăți rapid conversiile de design al site-ului web este prin eliminarea funcțiilor care diminuează experiența utilizatorului.glisoarele carusel sunt un exemplu perfect. Sunt utilizate în mod obișnuit pentru a prezenta mai multe lucruri diferite simultan.dar această versatilitate vine adesea la un cost. Testele au arătat că afectează conversiile, SEO și timpii de încărcare a paginilor.,

vedeți procentul scăzut de clicuri din imaginea de mai sus? Nu e un semn bun.de fapt, acesta este întregul motiv pentru care am creat Crazy Egg. Dacă vedeți că utilizatorii nu fac clic pe ceea ce ar trebui să facă, puteți schimba designul înainte de a fi prea târziu.cele mai bune pagini de pornire iau în considerare experiența utilizatorului.

iată câteva dintre modelele mele preferate de pagină de pornire. Puteți începe să le copiați pentru a obține rezultate similare.

Bills.com

prima tendință majoră de evidențiat este ” pagina de pornire ca pagină de destinație.,’

se face o mulțime de sens atunci când te gândești la asta.scopul tău final este să crești clienți potențiali și vânzări. Site-ul „broșura online” a fost mort și plecat de ani de zile.

partea dificilă este să știi cea mai bună abordare pentru a genera clienți potențiali pe pagina principală, astfel încât să nu-i sperii pe toți și să-i forțezi să sară.

de exemplu, este o mulțime de a cere vizitatorilor noi care nici măcar nu au auzit de tine să cumpere un produs mare.deci, în schimb, aveți nevoie de o abordare mai simplă, mai puțin invazivă pentru a obține în cele din urmă ceea ce doriți.

și de aceea îmi place ce Bills.com este de a face.,de exemplu, mergeți la site-ul lor și veți vedea următorul cursor:

acum Puteți glisa interactiv înainte și înapoi pentru a alege suma datoriei pe care o puteți datora. Este atât de simplu încât un copil o poate face.este, de asemenea, singura opțiune pe care ți-o oferă până acum! În acest fel nu te simți copleșit sau distras.

după ce faceți clic pe” Continuați”, vă întreabă dacă sunteți în urmă cu plățile sau nu (și dacă da, pentru cât timp).

te califică aici., Dacă nu sunteți în urmă cu plățile, s-ar putea să nu vă poată ajuta mult (citiți: faceți bani de la dvs.).

ei pot folosi această întrebare pentru a personaliza răspunsul pe care îl vor da în cele din urmă. Acest lucru poate ajuta chiar și la împărțirea internă a persoanei sau departamentului care va fi cel mai bine să se ocupe de cazul dvs. dacă deveniți client.

următorul pas este de a selecta care locuiți în stat:

din nou, acest lucru se califică mai departe de tine și, de asemenea, ridică orice potențiale probleme cu statul restricții (care ar trebui să se ocupe mai târziu).,ultimul pas este cel pe care si l-au dorit de la inceput: informatiile tale personale!

KlientBoost solicită acest „Breadcrumb Tehnica,” pentru că în loc să sperie oamenii cu forma inițială, esti obtinerea-le pentru a face mici micro angajamente.fiecare micro-angajament le duce puțin mai departe până când sunt deja atât de investite încât trebuie să termine procesul.

de exemplu, dacă ți-ar fi cerut numele și numărul de telefon în față, s-ar putea să te fi speriat.,

cu toate acestea, prin obtinerea să se angajeze la aceste alte etape în primul rând, ei dau ei înșiși o șansă mai bună la în cele din urmă te convertesc la un nou client.KlientBoost a folosit cu succes această tehnică pentru a crește ratele de conversie de la 1% la aproape 20%.

trucul cu aceste pagini de destinație în mai multe etape este să începeți cu cea mai puțin amenințătoare întrebare posibilă.

trebuie să fie legat de modul în care îi vei ajuta în cele din urmă. Cu toate acestea, ar trebui să fie incredibil de simplu pentru cineva să ofere.,evident ,în acest moment ar trebui să se menționeze zero prețul sau datele lor personale.

ar putea fi chiar la fel de simplu ca cere un cod poștal.următorul pas devine ceva mai specific, sugerând nivelul de servicii de care vor avea nevoie.

după ce i-ai determinat să se angajeze în primii doi pași, poți aduce câteva întrebări personale pe care să le urmărești după aceea.

veți observa că Bills.com de asemenea, utilizează conținut interactiv pentru a vă menține angajat pe site-ul lor.Qzzr este un instrument pe care îl puteți utiliza pentru a face acest lucru pe propriul site., Au deja „widget-uri” pre-construite care pot fi configurate în câteva minute (spre deosebire de plata unui dezvoltator pentru a-l face personalizat pentru dvs.).Victoria ‘s Secret folosește unul care întreabă” Care este persoana ta de fitness?”Rețeaua alimentară întreabă:” putem ghici vârsta dvs. în funcție de preferințele dvs. alimentare?”

în fiecare caz, aceste mărci folosesc o întrebare distractivă care vă implică. Nu există nici o amenințare în a răspunde la aceste întrebări inițial.un alt instrument alternativ este SnapApp., De asemenea, creează calculatoare interactive și chiar infografice pe care oamenii le pot indica, da clic și ajusta pentru a vedea rezultate noi.

Iată un exemplu amuzant despre cât de zadarnic este marketingul dvs. care vă face să răspundeți la întrebări într-un mod de diagramă.

o recomandare finală instrument este Brackify. Acest nume sună ca „paranteze”, nu?

Ei bine, asta e exact punctul! Puteți crea paranteze interactive sau concursuri pentru aproape orice, și lăsați clienții sau vizitatorii site-ului intra în acțiune.,

Iată cum ar putea arăta dacă cineva ar întreba Care este filmul tău preferat Disney:

Kiva

Kiva este o platformă de microlending.ele conectează antreprenorii din țările lumii a treia cu donatori și sponsori din alte părți ale lumii.de exemplu ,să presupunem că un antreprenor din India are nevoie de 1.000 de dolari pentru o nouă mașină de cusut comercială, astfel încât să poată produce și vinde de două ori mai multe produse.,astfel, oamenii din întreaga lume pot dona în cantități mici și apoi pot fi plătiți înapoi pe parcursul unui an sau doi din noul flux de numerar pe care acest antreprenor îl poate genera.

pagina de pornire a Kiva este relativ de bază, pentru a fi sincer.

cu toate acestea, după cum am văzut, este în regulă!simplu și direct poate păstra oamenii concentrat pe ceea ce este important (oferindu-vă informațiile lor în schimbul ceva de valoare).,

problema este că, deși oamenii ar putea vizita pagina dvs. de pornire și ar putea fi interesați de ceea ce faceți, nu există întotdeauna un motiv convingător pentru a începe acest proces.uneori, trebuie să fii puțin mai agresiv sau mai asertiv pentru a-i informa despre valoarea uimitoare pe care o pot obține.

În acest caz, Kiva a decis să utilizeze o suprapunere pop-up pentru a obține pur și simplu e-mail newsletter opt-in-uri.au vrut să înceapă mici (și să nu folosească ceva amenințător așa cum am învățat în ultimul pas).,deci, Kiva a ales o opțiune simplă de e-mail pentru a obține cel puțin ceva de la cineva înainte de a sări și a părăsi site-ul.

Iată cum arăta noua suprapunere a ofertei:

suprapunerile de acest fel sunt dificil de realizat.

unele audiențe îi urăsc, evident. Dar poate plăti dividende uriașe dacă vă poziționați conținutul și oferiți bine.de asemenea, puteți controla cum sau când se afișează. De exemplu, puteți decide să îl declanșați doar vizitatorilor noi (față de cei care se întorc) și numai atunci când cursorul lor începe să se deplaseze din fereastră.,

acestea vor crea adesea un efect „lightbox” care de-subliniază orice altceva în fundal, astfel încât oamenii să se uite direct la noua dvs. ofertă.

Iată un alt exemplu al celui pe care îl folosesc pentru webinariile viitoare:

întotdeauna va exista un procent din publicul dvs. care urăște aceste lucruri.deci, trebuie să fii atent la modul în care le folosești. (De asemenea, trebuie să aveți grijă de greșelile de proiectare care vă vor distruge și SEO.cu toate acestea, rezultatele pot fi adesea în valoare de risc.,

Kiva a decis să împartă această suprapunere pentru a vedea cum a răspuns propriul public.

au cuplat Unbounce cu MailChimp (pentru eventualele opt-in-uri de e-mail) și au decis să afișeze Noua suprapunere La doar 50% din trafic inițial. Asta a venit la aproximativ 5.000 de vizitatori.

doar că o singură suprapunere a capturat un plus de 3-4% din vizitatori chiar de pe bat.încurajat, Kiva a continuat să itereze cu modele mai bune și opțiuni diferite pentru a dubla acest număr la 6-7%.

nu este rău pentru un pop-up „enervant”, nu?

H. Bloom

Ce este exact H. Bloom?,

sunt un serviciu de livrare flori de lux. Puteți merge mai departe, pumn în preferințele dumneavoastră, și ei vor avea grijă de restul.deci sunt perfecte pentru ca antreprenorul suprasolicitat să nu uite niciodată de cei dragi.

Să aruncăm o privire rapidă la pagina lor de pornire și apoi vă voi spune de ce îmi place atât de mult:

În primul rând, au forma lor deasupra pliului.

asta face ca obiectivul acestei pagini să fie clar din start. Clienții dvs. au accesat această pagină și nu trebuie să ghicească ce ar trebui să facă în continuare.,

forma care este în față și în centru păstrează lucrurile frumoase și clare.majoritatea vizitatorilor site-ului tind să-și concentreze cea mai mare parte a atenției deasupra pliului (chiar dacă devin din ce în ce mai obișnuiți să deruleze în jos).

cel mai simplu mod de a vă îmbunătăți optimizarea formei de generare de plumb este să vă păstrați CTA în modelul normal al ochilor pe care oamenii îl folosesc deja.de exemplu, un studiu a fost făcut cu ani în urmă, care a urmărit cum și unde au urmărit ochii oamenilor când au lovit pagina ta. Ei au descoperit că oamenii tind să scaneze site-ul dvs. într-o formă „F”.,

Deci, prima secțiune de H. Bloom pagina imediat spune cititorului ce trebuie să facă pe pagină.și apoi următoarea secțiune din mijloc explică exact cum funcționează procesul lor.

logic, pas-cu-pas progresie ajută oamenii să înțeleagă ce se așteaptă de la ei și cât de dificil sau consumatoare de timp, ceva de genul acest lucru este pe cale de a fi.,

Acest lucru este esențial, deoarece stabilește imediat așteptările și depășește obiecția potențială că ar putea fi prea consumatoare de timp pentru a începe.Acesta funcționează de-a lungul aceleași linii ca o bară de progres.

de exemplu, barele de progres au puterea de a crește conversiile cu 28%, deoarece asigură Rapid spectatorului că nu mai au prea multe de făcut pentru a obține recompensa.’

ultima mea piesă preferată din această pagină este săgeata subtilă folosită ca indiciu vizual pentru a ajuta spectatorii să treacă de la o secțiune la alta.,

este un detaliu minuscul, dar îi ajută pe utilizatori să continue să citească pagina, mai ales dacă nu sunt încă pregătiți să completeze formularul și să înceapă cât mai repede posibil.

Basecamp

înainte ca Basecamp să fie „Basecamp”, acestea erau 37 de semnale cu mai multe produse software diferite.și de-a lungul anilor au repetat în mod constant pentru a vedea ce funcționează cel mai bine pentru a conduce noi înscrieri de încercare gratuite.,

iată una dintre variațiile actuale ale paginii de pornire care utilizează o tehnică clasică de copywriting care a existat de zeci de ani:

citiți rapid primul rând al acelei pagini.

” afacerea dvs. este în creștere și sunteți inundat. Modul în care lucrezi nu mai funcționează.”

ei continuă să enumere câteva dintre diferitele probleme și probleme pe care le așteptați (proprietarul de afaceri suprasolicitat).acesta este un exemplu de manual al tehnicii de copywriting PAS., Iată cum funcționează:

• problemă: ați tăiat rapid la inima problemei confirmând în mod clar problema principală perspectiva dumneavoastră este de până împotriva (de exemplu, „ești inundat.”).
• agitați: apoi treceți în denumirea tuturor diferitelor puncte de durere și simptome pe care le întâmpină în prezent ca urmare a acestei probleme (de exemplu, „e-mailuri și texte dezordonate”, „lucruri care alunecă prin fisuri” etc.).
• soluție: acum vă prezentați soluția ca salvatorul care va elimina toate aceste probleme pentru ei (de exemplu, „este timpul pentru Basecamp.”).,

Iată o altă privire rapidă la acea pagină de pornire acum că puteți identifica formula pe care o urmează.

prea multe companii doresc să lanseze direct în caracteristicile și beneficiile produsului lor pe pagina de pornire.cu toate acestea, problema este că vizitatorii site-ului dvs. nu sunt încă acolo.este posibil ca acești oameni să nu recunoască aceleași probleme din viața lor, astfel încât „soluția” pe care o vindeți să nu rezoneze cu ei. Ei părăsesc site-ul dvs. fără a converti ca rezultat!,de asemenea, veți observa că această pagină de pornire este plină de text, ceea ce este neobișnuit în comparație cu alte site-uri software.

acesta este un alt truc pe care l-au învățat după testarea diferitelor versiuni în ultimii ani.cu ani în urmă, au testat o pagină de destinație clasică în formă lungă și au văzut inițial un salt uriaș în conversii (37, 5%).

cu toate acestea, ei încă nu au fost mulțumiți și au crezut că ar putea face mai bine.așa că au încercat un alt test, dar de data aceasta folosind o mărturie a clientului împotriva designului original.,

clientul a ieșit pe partea de sus cu o creștere de conversie de 102%.

au urmat apoi acest lucru cu încă un test pentru a vedea dacă lungimea copiei are vreo legătură cu rezultatele. (Răspuns: Nu.)

astfel încât să puteți vedea că încă se lipesc de un format greu de text în general. Cu toate acestea, nu este neapărat lungimea acelei copii care face diferența.

În schimb, totul se reduce la cuvintele specifice utilizate și la formula inteligentă pentru a se asigura că clienții lor știu exact ce probleme rezolvă Basecamp.,

MailChimp

pagina de pornire a companiei de software de marketing prin e-mail, MailChimp, prezintă una dintre cele mai bune lecții despre cum să proiectați o pagină de pornire care convertește.

cu toate Acestea, la prima vedere, nu pare mare lucru:

Unul dintre primele lucruri pe care veți observa este că nu există un singur buton de mai sus ori.

nu este literalmente nimic altceva să faceți clic aici!s-a demonstrat că reducerea opțiunilor și a opțiunilor contribuie la îmbunătățirea ratelor de conversie., Ideea este că, cu cât mai multe decizii forțezi vizitatorii să facă, cu atât mai mult le ia să decidă ce să facă (dacă este ceva).

pagina de pornire MailChimp oferă, de asemenea, o lecție în spațiu alb (sau spațiu negativ).

de exemplu, am încercat cu toții să citim o postare pe blog pe un site web, doar pentru a simți că este prea „înghesuit” sau aglomerat. Acesta este un steag roșu masiv pe care designul blogului tău îl pute!în schimb, o pagină bine concepută ar trebui să fie deschisă și aerisită ca cea a lui MailChimp.

spațiul negativ din jurul CTA primar ajută la creșterea semnificației sale pe pagină., Deci, oamenii sunt aproape forțați să-i acorde mai multă atenție.

să derulăm puțin în jos pagina și să vedem cum se joacă cu spațierea orizontală pentru a vă monopoliza atenția.

Se folosesc de o fotografie truc numit „regula treimilor”, care spune că ar trebui să pună cele mai importante elemente de pagină în mijlocul țintei.

conținutul din acea secțiune a paginii de pornire este dezactivat dintr-un motiv! Se termină prin modelarea sau controlul modului în care doresc să vizualizați conținutul paginii în ordinea importanței.,

în acest fel, vă pot ajuta să acordați prioritate subtilă unei ierarhii de pagini care spune „Aceasta este opțiunea #1, Aceasta este opțiunea #2 etc.”

concluzie

cele mai bune pagini de pornire de pe web de astăzi ar putea avea obiective diferite.

cu toate acestea, există întotdeauna unul mare la care se întorc. Generarea de plumb.toate site-urile de astăzi trebuie să vândă.

asta nu înseamnă că trebuie să-i determine pe oameni să cumpere imediat. Dar are nevoie pentru a ajunge la acel punct în cele din urmă.cele mai bune pagini de pornire folosesc diverși factori, de la caracteristici interactive la design, pentru a instrui subtil utilizatorul ce să facă în continuare.,

credeți sau nu, acest lucru ar trebui să fie și în interesul vizitatorului.ajută la simplificarea vieții lor, luând mai puține decizii, în timp ce îi duce mai repede la destinația dorită (astfel încât să poată rezolva problema sau punctul de durere pe care îl întâmpină).

care este exemplul tău preferat de pe pagina de pornire și ce îți place la asta?