Designul paginii de pornire (sau a paginii de pornire) este designul vizual și structural al primei pagini a unui site web pe care vizitatorii o văd atunci când vizitează prima dată site-ul. Pagina principală joacă un rol cheie în crearea primei impresii a site-ului și îi ajută pe vizitatori să găsească informațiile de care au nevoie sau să navigheze mai departe prin resursă.
1. Designul paginii de pornire Shopify
La fel ca multe dintre celelalte pagini de destinație din această postare, eșantionul de pagină de destinație Shopify face simplu. De exemplu, titlul axat pe utilizator este de doar câteva cuvinte, iar pagina se bazează mai degrabă pe marcatori simple decât pe paragrafe pentru a transmite detaliile și beneficiile procesului. Există doar câteva câmpuri care trebuie completate înainte de a începe. Toate acestea vă fac mai ușor să vindeți online folosind instrumentul dvs.
2. Designul paginii de pornire a botului
Paginile de destinație îi ajută pe utilizatori să decidă dacă produsul sau serviciul dvs. merită timpul și energia lor prețios. Ce modalitate mai bună de a-ți comunica propunerea de valoare în mod clar și direct decât potrivirea vizitatorilor cu problema pe care o rezolvă aplicația ta?
Comentariile Instagram primesc mai multe
BotO aplicație pentru Mac care reduce la tăcere notificările de pe ecran acoperă complet acest lucru arată fără să spună mentalitate pe pagina lor de destinație minimă. Vizitatorii acestei pagini sunt întâmpinați de un foc rapid de notificări incomode în colțul din stânga sus al ecranului. Animația nu este doar distractivă, ci și transmite în mod convingător utilitatea aplicației fără descrieri lungi.
3. Proiectarea paginii de pornire TransferWise
TransferWise vă permite să trimiteți și să primiți bani în mai multe valute, iar pagina sa de destinație, prezentată mai jos, defalcă fiecare acțiune individuală, astfel încât să nu fiți distras de opțiunile care nu vi se aplică.
Dacă doriți să trimiteți bani, puteți completa formularul de transfer. Pentru a primi bani, mergeți pur și simplu la fila din mijloc și pentru a vă înscrie la TransferWise folosind cardul de debit, accesați fila din dreapta.
Fiecare filă de pe această pagină de destinație își creează propria ei apel la acțiune în funcție de ceea ce vă înscrieți - fiecare cu un cadru verde strălucitor pentru a vă evidenția următorul pas după trei posibile puncte de plecare.
4. Designul paginii de pornire Airbnb
Pentru a ajuta la convertirea vizitatorilor în gazde, Airbnb oferă o personalizare tentantă: o estimare aproximativă a veniturilor medii în funcție de locația dvs. Puteți introduce informații suplimentare despre potențiala dvs. plasare în câmpurile pentru a obține o evaluare și mai personalizată.
Dacă ați vizitat deja o pagină de care sunteți convins, un îndemn clar la acțiune în partea de sus a paginii facilitează conversia pe loc.
5.Teambit
ciudat nu este de obicei primul cuvânt care vă vine în minte atunci când vă gândiți la software-ul de resurse umane, dar pagina de destinație vizuală a Teambit este doar asta. Un formular simplu cu un câmp este însoțit de un birou adorabil plin de personaje animale - toate foarte multumit de Teambit, daca esti interesat. Un animal din desene animate apare lângă fiecare secțiune de informații a paginii de destinație, atrăgând vizitatorii să deruleze în jos pentru a afla mai multe. Designul paginii de start
Pagina de destinație Teambit este o dovadă excelentă că nu trebuie să ai un produs sau un serviciu „distractiv” pentru a crea o pagină de destinație amuzantă.
6. Wistia Home Page Design
În primul rând, aceasta este pagina de destinație Wistia pentru contul lor gratuit Wistia. Imediat observați formularul cu un câmp pentru a crea un cont - fundalul albastru cu design minimal contrastează frumos cu câmpul de formular alb strălucitor.
Lungimea câmpului de formular combinată cu plasarea proeminentă elimină aproape toate fricțiunile la crearea unui cont... dar dacă aveți îndoieli, puteți oricând să derulați mai jos pentru a citi Întrebările frecvente. Prin separarea celor două cu un contrast puternic de culoare, Wistia face procesul de conversie mult mai ușor.
7. Flux web. Designul paginii de start
Webflow, un instrument de design pentru dezvoltatorii web, împachetează o mulțime de informații într-un GIF și trei câmpuri de formular. Ar fi bine să aveți întregul formular de înregistrare pe o singură linie - nu numai că face pagina mai scurtă, dar completarea fiecărui câmp de la stânga la dreapta arată utilizatorilor cât de aproape sunt de a face clic pe al patrulea buton albastru și de a începe gratuit.
GIF-ul animat de sub formular este afișat în același cadru pe site, astfel încât utilizatorii să poată vedea cum funcționează produsul. и înregistrați-vă fără a derula sau a merge la o pagină nouă.
Proiectarea paginii de start pentru cărți electronice
8. Nauto Home Page Design
Nauto, o platformă de date pentru mașini cu auto-conducere, ajută la creșterea siguranței conducerii autonome pentru companiile care gestionează flote. Desigur, clienții săi vor avea nevoie de toate informațiile pentru a vinde pe această platformă. Nauto este foarte simplu e-carte, a cărui pagină de destinație vă oferă un scurt formular de contact și previzualizați statistici pentru a demonstra de ce această resursă este atât de importantă.
Este posibil ca butonul verde „Descarcă acum” să fi fost chiar intenționat (verde înseamnă „du-te” până la urmă).
Derulați în jos și veți vedea un alt CTA „Obțineți cartea electronică” pentru a reaminti utilizatorilor ce este în magazin. Veți vedea, de asemenea, trei statistici tulburătoare despre accidente de mașină pentru a încuraja utilizatorii să învețe mai multe. Verifică-l mai jos.
9. Industrial Strong Marketing Home Page Design
Această pagină de destinație mă atrage imediat cu titlul său irezistibil și puternic: „Nu mă face să mă zoomez”. Acest lucru se referă direct la experiența generală pe care o au cei mai mulți dintre noi atunci când parcurgem telefoanele sau tabletele noastre - și este, de asemenea, puțin obraznică.
Dar acesta nu este singurul lucru care m-a interesat de această pagină de destinație. Observați cum culoarea roșie este plasată strategic în partea de sus și de jos a formularului, apropiindu-vă și mai mult de evenimentul de conversie.
De asemenea, acest design este meta pentru pornire: arată și funcționează grozav dispozitive mobile. Rețineți că mulți vizitatori vă vor accesa paginile de destinație pe smartphone-urile sau tabletele lor și dacă designul site-ului dvs nu le convine, s-ar putea să renunțe și să-ți părăsească pagina.
Specialiştii în marketingul puterii industriale au făcut acest domeniu fonturi și forme suficient de mari încât vizitatorii să nu fie nevoiți, de exemplu, să mărească pentru a citi și a interacționa cu conținutul.
10. Velaro Live Chat
Uneori, cele mai mici detalii fac cea mai mare diferență. De exemplu, ei sunt cei care fac pagina de destinație Velaro Live Chat uimitor.
Acel mic simbol PDF de deasupra imaginii articolului ajută la determinarea în ce format va fi descărcarea. O săgeată înainte de subtitlu ajută la evidențierea copiei importante pe care vizitatorii doresc să o citească. La fel ca IMPACT, au și o casetă de selectare bifată automat pentru abonamente la buletinul informativ din formularul lor - care, dacă este transformat într-o casetă de selectare suplimentară, este o modalitate excelentă de a vă crește numărul de abonați. Toate aceste detalii mici, aparent nesemnificative, contribuie la un design solid și uimitor al paginii de destinație. Designul paginii de start
11. IMPACT Branding și design / Proiectarea paginii de pornire
Acasă IMPACT au fost multă vreme o sursă de inspirație pentru designeri. Îmi place aspectul simplu al paginii, de la titlul mare și imaginea detaliată, la conturul care înconjoară forma, la culorile și fonturile care sunt foarte plăcute ochiului.
Manualul gratuit IMPACT oferă spre descărcare aici, de asemenea, nu evidențiază descărcarea în sine în butonul albastru care vă permite să trimiteți formularul completat. Mai degrabă, IMPACT vă invită să „generați mai multe conversii” concentrându-vă pe ceea ce puteți câștiga citind ghidul.
Pagini de destinație pentru a afla mai multe
12. Unbounce
Nu e de mirare că Unbounce se află în fruntea acestei liste - au scris cu adevărat cartea despre crearea paginilor de destinație cu conversie ridicată. Deși există o mulțime de lucruri uimitoare despre această pagină de destinație, două care îmi plac foarte mult sunt: 1) utilizarea unei casete de chat în loc de un formular clasic și 2) informațiile detaliate - dar bine ambalate - de sub formular/Acasă Designul paginii
Primul vă ajută să dirijați atenția asupra scopului paginii – să completați un formular – într-un mod care să nu pătrundă și să nu pară o corvoadă. Al doilea oferă acelei pagini un impuls SEO (motoarele de căutare vor avea mai mult conținut de accesat cu crawlere) și îndepărtează anxietatea persoanelor care au nevoie să afle mai multe despre un conținut înainte de a-și trimite informațiile, fără a distrage atenția oamenilor de la fereastra de chat.
13. Bills.com. Designul paginii de start
Oamenii consideră adesea paginile de destinație ca fiind pagini statice de pe site-ul dvs. Dar cu instrumentele potrivite, le puteți face interactive și personalizate.
Luați exemplul de mai jos cu Bills.com. Pentru a afla dacă ați beneficia de consultarea lor, răspundeți la trei întrebări înainte de a vi se arăta formularul. Începe cu asta:
Apoi mai răspundeți la două întrebări precum cea de mai jos:
Și iată formularul final al paginii de destinație în care vă completați informațiile:
Nu sunt sigur cum funcționează algoritmul (sau dacă există unul), dar în timp ce îl completam, aveam o anumită îngrijorare cu privire la nu calificări. Odată ce am aflat ce am făcut, am fost încântat să completez formularul, ceea ce sunt sigur că majoritatea oamenilor care au datorii și folosesc acest instrument o fac. Făcând această ofertă mai exclusivistă înainte ca formularul să apară pe pagina de destinație, pun pariu că Bills.com o va face în mod semnificativ conversie crescută.
14. Trulia Home Page Design
Cu adevărat a făcut ceva foarte asemănător cu Bills.com cu pagina de destinație. Începe cu o formă simplă care cere „adresă” (care sună mai puțin înfiorător decât „adresa ta”, deși asta înseamnă). Sub acest câmp simplu de formular se află un buton portocaliu strălucitor care contrastează bine cu imaginea caracterului din spatele formularului și subliniază faptul că estimarea va fi personalizată pentru casa dvs.
Desigur, adresa în sine nu este suficientă pentru a estima valoarea casei. Pur și simplu denotă împrejurimile casei. De aceea, pagina următoare include întrebări suplimentare despre proprietate, cum ar fi numărul de paturi și băi. Mai jos puteți vedea o copie a „Spuneți-ne unde să trimitem raportul” – cu mențiunea de declinare a răspunderii că prin introducerea acestor informații sunteți de acord să contactați agentul imobiliar. Acesta este un exemplu grozav al modului în care o companie își prețuiește vizitatorii încă de la început, stabilind în același timp așteptările vizitatorilor cu privire la ceea ce se va întâmpla ca urmare.
15. Landbot Home Page Design
landbot, un serviciu care creează pagini de destinație bazate pe chatbot, își plasează propriul produs în centrul paginii de destinație bazate pe chat. Vizitatorii sunt întâmpinați de un bot prietenos – complet cu emoji-uri și GIF-uri – care îi încurajează să furnizeze informații într-un format conversațional, mai degrabă decât în forma tradițională.
16. Webprofits
Pentru un mic contrast... ce zici de paginile de destinație lungi? Cu doar câteva trucuri, puteți face chiar și cea mai lungă pagină de destinație să pară scurtă. Pagina de destinație Webprofits de mai jos arată cum să faceți acest lucru. Designul paginii de start
Există un buton CTA proeminent în dreapta sus pentru a afla mai multe - cu un contrast bun pe fundal pentru a-l scoate în evidență și o săgeată în jos pentru a încuraja derularea. Prin faptul că nu plasează câmpul de formular în față, ele ajută la reducerea frecării și oferă vizitatorilor posibilitatea de a afla mai multe înainte de a li se prezenta o opțiune de conversie.
De asemenea, vă permit să înțelegeți ce este cu adevărat face profituri web . Restul paginii oferă detalii despre ceea ce veți primi atunci când trimiteți informațiile dvs. În plus, include îndemnuri strategice pentru a vă ajuta să navigați înapoi în partea de sus pentru a completa formularul, cum ar fi „Hai să vorbim”.
17. H.BLOOM
Uneori trebuie doar să te oprești și să admiri o pagină de destinație pentru cât de frumoasă este. Când utilizați o fotografie de înaltă rezoluție și mult spațiu alb pe pagina de destinație H.BLOOM frumos de privit.
Dincolo de frumusețea ei, pagina are câteva elemente grozave de conversie: un formular general, o descriere clară și concisă a ceea ce se va întâmpla atunci când completați formularul și chiar un buton portocaliu strălucitor „Trimite”. Singurul lucru pe care îl vom schimba? Copiere pe butonul de trimitere – Acesta poate fi mai specific pentru propunerea oferită. Designul paginii de start
18. Conversionlab
Deși nu aș include un exemplu de postare de formular într-o postare despre paginile de destinație, acest site este special. Pagina principală este întregul site - linkurile de navigare vă vor duce pur și simplu la informațiile de mai jos. Designul paginii de start
Când faceți clic pe „Obțineți ajutor pe paginile de destinație”, întregul site se mută pentru a face loc formularului. Iată cum arată înainte să dați clic:
Și, când dați clic pe acel CTA, verificați cum arată formularul:
Îmi place că nu trebuie să părăsiți pagina pentru a completa formularul, dar formularul nu va fi intruziv pentru vizitatorii ocazionali ai site-ului.
Idei/Design paginii de pornire
O pagină de pornire bine optimizată poate transforma clienții în clienți potențiali prin captarea informațiilor care vă vor ajuta să înțelegeți mai bine, să vă comercializați și să vă bucurați vizitatorii. Deoarece paginile de destinație sunt esențiale pentru conversii, este important să vă asigurați că sunt bine planificate, proiectate și executate. Iată câteva lucruri de luat în considerare atunci când creați vizate pagini: Estetică atractivă: doar culoarea paginii dvs. de destinație și o interfață de utilizator curată vă pot ajuta. Vizitatorii vor dori să afle mai multe despre produsele tale și să vadă dovezi ale valorii pe care o oferi. Aruncă o privire la numărul 10 din lista noastră, Inbound Emotion, pentru un exemplu grozav de pagină web minunată.
Mai puțin înseamnă mai mult: lăsați propoziția sau imaginile să vorbească în cea mai mare parte, dar asigurați-vă că includeți toate titlurile descriptive și textul de sprijin pentru a face pagina dvs. de destinație clară și convingătoare. Acest lucru se aplică pentru aproape fiecare componentă a paginii: spațiu alb, copie simplă și formulare mai scurte.
Designul paginii de start
Păstrați vizitatorii pe pagină: eliminând navigarea principală sau orice backlink care vă distrage atenția, este mai puțin probabil să existe un fel de fricțiune de generare de clienți potențiali care ar putea determina vizitatorii să abandoneze pagina dvs.
Distribuire pe rețelele sociale. O modalitate ușoară de a atrage vizitatori către pagina dvs. de destinație este folosirea butoanelor de distribuirerețelele sociale, astfel încât să poată distribui conținutul dvs. către adepții lor din rețelele sociale. La urma urmei, clienții sunt centrul volantului tău de marketing.
Testare A/B: paginile de destinație sunt importante pentru a fi efectuate corect și, deoarece psihologia consumatorilor poate fi uneori surprinzătoare, este întotdeauna cel mai bine să experimentați cu diferite versiuni ale paginilor dvs. pentru a vedea care are cea mai mare rată de conversie (CVR). Verificați poziționarea ofertei, tipurile de CTA sau chiar schema de culori.
Îndemn la acțiune: CTA, unde carnea este pe pagina de destinație, sau punctul de cotitură, unde este perspectiva de a deveni contacte. CTA-urile pot cere vizitatorilor să se aboneze, să descarce, să completeze un formular, să partajeze rețelele sociale etc., dar, în general, CTA-urile sunt necesare pentru a-ți implica publicul mai activ cu oferta ta. Pentru a genera clienți potențiali, CTA-urile trebuie să fie îndrăznețe și captivante, dar, cel mai important, trebuie să transmită valoare în mod eficient.
Lasă un comentariu