12 tehnici pentru inspirația de proiectare a paginii de destinație după clic

Proiectarea paginii de destinație după clic contează, deoarece aceste pagini sunt vitrinele dvs. digitale - esențiale pentru promovarea și vânzarea produselor și serviciilor dvs. Când sunt optimizate corect, paginile pot crește substanțial ratele de conversie. Întrucât acestea sunt esențiale pentru succesul general al afacerii dvs., crearea de pagini de destinație profesionale și cu conversie ridicată după clic sunt parte integrantă a strategiei dvs. de marketing.

Fie că sunteți în căutarea inspirației pentru pagina de destinație post-clic a aplicației, a paginii de destinație post-clic a produsului, a paginii de destinație post-clic pentru mobil sau pentru altceva. Există o mulțime de diverse inspirații pentru proiectarea paginilor de destinație după clic.

La Instapage, avem o întreagă categorie de blog dedicată exemplelor de pagini de destinație după clic. Cercetăm și scriem frecvent pe acest subiect pentru a oferi publicului nostru inspirație de la unele dintre cele mai mari mărci din lume. Inclusiv Microsoft, Lyft, Marketo, Constant Contact, Oracle, Facebook, MailChimp și HubSpot.

În acest articol, vom prezenta câteva pagini de destinație post-clic, evidențiind mai multe tehnici de proiectare diferite, pentru a vă oferi inspirație atunci când vă creați paginile. Pentru fiecare exemplu, vom discuta despre ce face pagina bine și despre ce ar putea fi testat A / B pentru a produce rezultate mai bune.

inspirație pentru proiectarea paginii de destinație după clic

Imagine de erou convingătoare

Oamenii procesează de obicei imagini de până la 60.000 de ori mai repede decât textul. Atunci când sunt folosite corect pe pagina dvs., imaginile pot determina vizitatorii să interacționeze cu pagina dvs. suficient de mult timp pentru a face conversie la oferta dvs. Este timpul să nu mai spuneți vizitatorilor ce vor primi atunci când vă valorifică oferta și începeți să le arătați. O lovitură de erou ajută perspectiva să vizualizeze cum ar fi să experimentezi beneficiile ofertei tale.

TaskEasy înțelege acest lucru și folosesc foarte bine o imagine de erou pe pagina lor. De îndată ce vizitatorii aterizează pe pagină, ei văd ce ar putea arăta peluza lor dacă angajează TaskEasy:

Ce face pagina bine.

• Culoarea butonului CTA iese în evidență, deoarece nu este folosită în altă parte a paginii, în afară de butonul Contactați-ne.
• Copia butonului CTA folosește persoana întâi, ceea ce face ca potențialii să se simtă conectați personal la ofertă.
• Indiciile direcționale (săgețile de pe butoanele CTA și săgețile îndreptate în jos pe pagină) arată vizitatorilor unde ar trebui să își concentreze atenția în continuare.
• Iconografia ajută să atragă atenția asupra caracteristicilor și beneficiilor angajării TaskEasy.
• Semnalele de încredere și dovada socială (ecusoane de securitate, un sigiliu de atribuire și un contor de tip Facebook) probabil îi fac pe potențiali să se simtă confortabili, siguri și chiar obligați să angajeze TaskEasy.
• Formularul de glisare de contact ne permite vizitatorilor să contacteze cu ușurință compania pentru a se întreba despre serviciile lor.

Ce trebuie testat A / B:

• Sigla TaskEasy este hyperlinkată, ceea ce înseamnă că vizitatorii au o rută ușoară de ieșire de pe pagină.
• Butonul CTA Manager de proprietate din partea de sus a paginii îndepărtează vizitatorii de această pagină. Deși deschide o altă pagină de captare a clienților potențiali, ar trebui să aibă propria campanie, complet separată de aceasta.
• Adăugarea copiei ar ajuta potențialii să înțeleagă mai bine avantajele colaborării cu TaskEasy. În prezent, nu există nicio copie pe pagină, ceea ce ar putea îngreuna vizitatorii să aibă o impresie bună pentru companie și ofertă.
• Navigarea în subsol oferă prea multe modalități prin care vizitatorii pot scăpa de pagină fără a face conversii.
• Numărul de telefon ar putea fi activat clic-pentru-apel, ceea ce face vizitatorii mult mai ușor să contacteze TaskEasy, mai ales că compania îi încurajează să sune cu „Vrei să ne suni? Au fost aici!"

Puncte cheie

Oamenii nu doresc adesea să citească text interminabil pentru a găsi ceea ce caută. Ar prefera să scaneze rapid pagina pentru a găsi informații specifice - o copie cu marcatori face acest lucru posibil. Copierea cu marcatori (folosind bifele, săgețile, iconografia etc.) este eficientă, deoarece permite vizitatorilor să scaneze rapid pagina și să găsească ceea ce caută.

Acest exemplu Yodle folosește copii cu marcatori (bife) pentru a evidenția beneficiile software-ului lor. Se remarcă și din restul copiei de pe pagină, cu spațiu alb:

Ce face pagina bine.

• Sigla Yodle nu este legată de pagina de pornire, permițându-le vizitatorilor să vadă pe a cărei pagină web se află, fără a risca să facă clic deasupra paginii.
• Numărul de telefon cu clic pentru apelare facilitează accesul vizitatorilor la companie.
• Titlul și subtitlul informează vizitatorii despre oferta și despre avantajele acestora.
• Copia cu caractere italizate se remarcă de restul copiei, obligându-i pe vizitatori să o citească.
• Forma încapsulată atrage atenția, arătând vizitatorilor unde trebuie să meargă pentru a solicita o demonstrație.
• „Demo-ul personalizat” face ca potențialii să creadă că oferta este special pentru ei.
• Culoarea butonului portocaliu CTA r „apare” pe pagină, atrăgând atenția asupra acestuia și crescând șansele ca oamenii să facă clic.
• Săgeata de pe butonul CTA acționează ca un indiciu direcțional, provocând interesul oamenilor pentru ceea ce se află în spatele formularului.
• Semnalele de încredere (mărturia clienților, siglele companiei și sigiliile de atribuire) măresc nivelul de încredere pe care îl au potențialii pentru Yodle, ceea ce ajută la convingerea vizitatorilor să își completeze informațiile personale.

Ce trebuie testat A / B:

• Copia butonului CTA nu este personalizată și este posibil să nu convingă mulți vizitatori să facă clic. Schimbarea acestuia la ceva de genul „Vreau o demonstrație” sau „Programează-mi demonstrația” ar putea genera rezultate mai bune.
• Incluzând o lovitură în cap cu clientul, mărturia ar face-o să pară mai simpatică, insuflând și mai multă încredere în perspectivă.
• Amprenta fină din subsol ar putea copleși perspectivele și îi va descuraja de la conversie.

F-Pattern

Când vă proiectați pagina, gândiți-vă la modul în care vizitatorii dvs. sunt cel mai probabil să vă vadă pagina. În acest fel, puteți plasa cele mai importante elemente în consecință. Deoarece oamenii tind să citească de sus în jos și de la stânga la dreapta, proiectarea paginii dvs. pentru a urma un model F este inteligentă.

Pagina de destinație a demonstrației Oracle post-clic de mai jos urmează un aspect distinct al modelului F. Fiecare element important este situat de-a lungul căii F-Pattern, unde vizitatorii vor privi în mod natural atunci când vizionează pagina.

1. Vizitatorii vor vedea mai întâi imaginea computerului în colțul din stânga sus.
2. Ochii lor vor urma apoi tulpina orizontală și vor vedea apoi oamenii zâmbind.
3. Trecând în partea stângă a paginii la următoarea tijă orizontală, vizitatorii își vor concentra atenția asupra titlului și apoi către câmpul de formular unic.
4. Apoi, vor continua modelul F pe tulpina verticală, unde vor scana paragraful textului și punctele glonț.
5. În cele din urmă, focalizarea lor va ajunge pe butonul CTA roșu aprins.

Ce face pagina bine.

• Oamenii zâmbitori fac ca pagina să fie mai umanizată, ceea ce probabil îi va face pe vizitatori să se simtă mai confortabil.
• Punctele glonț și copiile îndrăznețe atrag atenția asupra caracteristicilor principale ale ofertei.
• Formularul cu 1 câmp îl face rapid și ușor de completat.
• Privirea ochiului vizitatorilor este îndreptată către formular și butonul CTA, ceea ce implică faptul că ar trebui să se concentreze acolo și să se convertească.

Ce trebuie testat A / B:

• Imaginea produsului ar putea fi mai mare. În prezent, este dificil să vedeți ceva pe ecran.
• Titlul nu este convingător, deoarece nu oferă vizitatorilor nicio informație cu privire la modul în care oferta îi va aduce beneficii.
• Copierea butonului CTA este slabă. „Continuați” nu spune nimic despre ofertă și nu este atrăgător să faceți clic.
• Includerea dovezilor sociale , precum o mărturie a clienților, ar putea crește credibilitatea companiei și a ofertei acesteia.
• Link-urile de navigare din subsol ar putea distrage vizitatorii, îi pot îndepărta de pagină și, probabil, vor reduce rata de conversie.

Z-Pattern

La fel ca modelul F, modelul Z îi ajută și pe spectatori să navigheze pe pagina dvs., devenind o altă opțiune excelentă de aspect pentru designul paginii.

Iată un exemplu de la Business-Software.com care urmează un model Z clar.

1. Vizitatorii vor vedea mai întâi titlul îndrăzneț în colțul din stânga sus.
2. Mișcându-se de-a lungul tijei Z orizontale superioare, ajung la ștampila roșie „Înregistrați-vă pentru a descărca”.
3. Deplasându-se diagonal în jos și în stânga jos, spectatorii își vor concentra atenția asupra imaginii raportului.
4. În cele din urmă, vor completa modelul Z cu o altă tijă orizontală, unde vor ajunge pe cel mai important element al paginii - butonul CTA.

Ce face pagina bine.

• Logo-ul din stânga sus nu este legat, astfel încât vizitatorii să nu fie imediat distrași și luați de pe pagină.
• Titlul și subtitlul sunt eficiente pentru a le spune vizitatorilor că acest raport oferă primii 10 furnizori de automatizare de marketing și le permite să știe cum pot beneficia de descărcarea raportului.
• Punctele glonț cu o copie minimă permit spectatorilor să scaneze pagina rapid și să învețe cheile de luat masa fără a fi nevoie să citească mult text.
• Cuvântul „gratuit” este folosit în două locuri. Pe ștampila roșie, care este înconjurată de spațiu alb și este foarte atrăgătoare, și în copie, care este în format bold și chiar deasupra imaginii.
• Previzualizarea raportului permite potențialilor să vadă cum arată raportul, dacă ar alege să îl descarce.
• Butonul galben CTA contrastează bine cu restul paginii, făcând probabil ca mai mulți vizitatori să facă clic pe el.

Ce trebuie testat A / B:

• Sigla companiei din colțul din dreapta jos este hyperlinkată la pagina de pornire, care oferă vizitatorilor o cale de ieșire de pe pagină înainte de a face conversia la ofertă.
• 13 câmpuri de formular este mult pentru o ofertă în etapa de conștientizare a pâlniei de marketing. A cere atât de multe informații atât de devreme în călătoria cumpărătorului ar putea descuraja cu ușurință oamenii de la conversie.
• Creșterea spațiului alb în jurul celor mai importante elemente. De exemplu, imaginea și butonul CTA ar atrage mai mult atenția asupra lor și ar atrage vizitatorii să descarce raportul.
• Adăugarea dovezilor sociale ar convinge probabil mai mulți potențiali de conversie. Întrucât le-ar face să se simtă mai confortabil și mai entuziasmați de ideea de a lucra cu Business-Software.com.
• Subsolul paginii ar putea fi eliminat. Literele mici par inutile, iar sigla companiei acționează ca un link de ieșire, îndepărtând vizitatorii de pe această pagină.

spatiu alb

O altă modalitate de a convinge vizitatorii să își concentreze atenția este să adăugați spațiu alb. Prin includerea unui spațiu alb suficient în jurul anumitor elemente, aceste elemente se evidențiază mai mult pe pagină.

Pe lângă creșterea focalizării pe elemente specifice, spațiul alb ajută și el.

• Reduceți dezordinea
• Face pagina dvs. plăcută din punct de vedere estetic
• Creșteți lizibilitatea și înțelegerea
• Îmbunătățiți experiența utilizatorului

Aruncați o privire la tot spațiul alb din jurul formei de captare a plumbului în exemplul MarcomCentral de mai jos. Observați că spațiul din jurul formularului nu este de fapt alb. Spațiul alb poate avea orice culoare, atâta timp cât ajută la separarea diferitelor elemente ale paginii și contrastează cu elementul pe care îl evidențiază. În acest caz, formularul:

Ce face pagina bine.

• Numărul de telefon cu clic pentru apelare oferă vizitatorilor o modalitate convenabilă de a contacta serviciul clienți.
• Videoclipul de 50 de secunde permite prospecților să obțină informații rapid și ușor fără a fi nevoie să citească copia.
• „Gratuit” în titlul formularului și primul buton CTA este o copie foarte convingătoare, deoarece toată lumea iubește gratuit. Adăugarea unei copii personalizate ar putea face această pagină și mai convingătoare.
• Etichetele de ancorare duc vizitatorii înapoi direct la formular atunci când fac clic, facilitându-le găsirea și completarea.
• Dovezile sociale inspiră încredere în vizitatori. Includerea fotografiilor în cap cu mărturiile clienților ar adăuga și mai multă valoare.
• Imaginile din secțiunea „Cum funcționează” permit prospecților să înțeleagă mai bine și să prevadă ce descrie fiecare pas.

Ce trebuie testat A / B:

• Logo-ul companiei hiperlegate are potențialul de a îndepărta vizitatorii de pe pagină înainte de a vedea chiar întreaga ofertă.
• Titlul ar trebui schimbat deoarece, deși este mare și iese în evidență, nu este convingător. Deoarece nu oferă niciun beneficiu prospectului.
• Butonul portocaliu CTA nu iese în evidență atât de bine, deoarece portocaliul este folosit de mai multe ori pe toată pagina.
• Butoanele pentru rețelele sociale din partea de jos a paginii ar putea distrage vizitatorii și îi pot împiedica să se convertească.

Etichete de ancorare

Etichetele de ancorare se leagă de o altă locație din aceeași pagină, permițând vizitatorilor să sară la o anumită parte a paginii fără a fi nevoie să deruleze. Deoarece link-urile de ancorare duc vizitatorii acolo unde doresc să meargă fără eforturi mari, acestea ajută la îmbunătățirea experienței generale a utilizatorului, care ajută la procesul de conversie.

PRWeb a inclus două etichete de ancorare pe pagina lor - ambele „Începeți acum!” Butoanele CTA de sub cutie. Atunci când faceți clic, trimiteți vizitatorii înapoi la formularul de captare a potențialului de deasupra pliantei:

Ce face bine pagina:

• Titlul este specific și folosește o copie a doua persoană - două calități care sunt excelente pentru a convinge vizitatorii să citească în continuare oferta și, eventual, să se convertească.
• Incapsularea formularului îl atrage mai mult, ceea ce este probabil să atragă perspectivele pentru ao completa.
• Lăsând bifată caseta de înscriere pe formular , potențialii se simt liberi să ia propriile decizii, decât să ia decizii PRWeb pentru ei.
• Imaginile și copiile formatate din secțiunile „Cum” și „De ce” atrag atenția asupra celor mai importante detalii cu privire la modul în care funcționează PRWeb și de ce potențialii ar trebui să aleagă PRWeb.

Ce trebuie testat A / B:

• Link-urile de ieșire (sigla companiei, butoanele pentru rețelele sociale și navigarea în subsol) ar putea să-i îndepărteze pe oameni de pe pagină fără a face conversii.
• Copia cu marcatori ar putea ieși mai mult în evidență. Indentarea sau mărirea săgeților ar atrage mai mult atenția asupra acesteia.
• Imaginea ghidului este întreruptă, ceea ce face să pară o eroare de proiectare. De asemenea, se poate face clic, dar când imaginea se deschide, nu este încă imaginea completă sau mai mare.
• Câmpurile cu 7 forme ar putea intimida vizitatorii și îi vor împiedica să completeze formularul. Mai ales că sunt probabil încă în faza de analiză a călătoriei cumpărătorului.
• Culoarea butonului CTA (din toate cele trei butoane) nu iese în evidență, deoarece roșu și albastru sunt utilizate pe toată pagina.
• Copierea butonului CTA (din nou, pe toate cele trei butoane) este vagă. Ceva de genul: „Vreau Ghidul de marketing!” este mai convingător și ar duce probabil la mai multe clicuri.
• Mărturia clienților nu este optimizată. Nu există nici o fotografie a lui Craig Kasnoff, nici un nume de companie (și nu ar trebui să existe o virgulă după Media Consultant), iar mărturia în sine nu spune nimic specific pentru a încuraja potențialii să lucreze și cu compania.

GIF-uri

Încorporarea conținutului media în pagina dvs. de destinație după clic (sub formă de imagini, videoclipuri sau GIF-uri) poate contribui la creșterea conversiilor, deoarece explică produsul sau serviciul dvs., făcând totodată pagina dvs. mai atractivă din punct de vedere vizual.

GIF-urile sunt imagini animate care vă ajută să explicați ofertele dvs. mai interactiv. Deci, mai degrabă decât să adăugați imagini statice la paginile dvs., cum ar fi o captură de ecran cu aspectul tabloului de bord al software-ului, adăugați un GIF pentru a demonstra vizual modul în care potențialii pot efectua diferite acțiuni.

ActiveCampaign face acest lucru pe pagina lor:

Ce face pagina bine.

• Titlul și subtitlul sunt convingătoare. Titlul folosește o copie pentru persoana a doua, iar titlul completează bine titlul, informând potențialii că peste 150.000 de alți specialiști în marketing folosesc ActiveCampaign.
• „Nu este necesar un card de credit” asigură vizitatorii că această ofertă este complet gratuită.
• Doar două câmpuri de formular fac posibil ca mai mulți clienți să completeze formularul.
• Mărturiile clienților sunt excelente pentru a adăuga dovezi sociale, dar mânerele de pe Twitter ar putea îndepărta vizitatorii de pe pagină fără a face mai întâi conversia.
• Formularul de derulare și butonul CTA măresc șansele ca vizitatorii să acționeze, deoarece este vizibil indiferent unde se află pe pagină.

Ce trebuie testat A / B:

• Butonul CTA nu iese în evidență. Culoarea se amestecă cu restul de albastru de pe pagină, iar copia nu este impresionantă.
• Copia de sub butonul CTA spune „Făcând clic pe„ Creați ”...”, dar butonul CTA nu spune „Creați”.
• Linkurile de navigare din subsol ar putea distrage cu ușurință vizitatorii de la obiectivul paginii.

Repere vizuale

Indiciile vizuale joacă un rol imens în proiectarea paginii de destinație după clic. Deoarece ajută la menținerea unei ierarhii vizuale, mențin vizitatorii implicați și îi orientează în direcția elementelor esențiale. Trei indicii vizuale utilizate în mod obișnuit includ săgeți, privirea ochiului și obiecte plasate strategic, toate îndreptându-se în direcția elementelor care fac parte integrantă din obiectivul tău de conversie.

Săgeți

Săgețile sunt utilizate frecvent pe paginile de destinație după clic, deoarece sunt simple, simple și ușor de înțeles. Ele pot fi animate sau staționare și sunt cel mai frecvent folosite pentru a îndrepta vizitatorii către formulare de captare a clienților potențiali și butoane CTA, așa cum face Bridgeline Digital în acest exemplu:

Ce face pagina bine.

• Includerea unei statistici despre ratele crescute de conversie este susceptibilă să stârnească interesul vizitatorilor pentru automatizarea marketingului. De asemenea, formatarea îndrăzneață ajută la atragerea atenției asupra acesteia.
• „Gratuit” este menționat în două locuri diferite, subliniind faptul că potențialii nu trebuie să plătească pentru această carte albă.
• Copierea cu marcatori face mai ușor pentru potențiali să afle ce va conține cartea albă, fără a fi nevoie să citească blocuri de text.
• Butonul portocaliu CTA iese în evidență și se coordonează bine cu titlul formularului și săgeata.
• Logo-urile companiei adaugă valoare de încredere paginii, făcându-i pe vizitatori să se gândească: „Dacă aceste companii bine-cunoscute s-au asociat cu Bridgeline Digital, atunci ar trebui și eu.”

Ce trebuie testat A / B:

• Logo-ul companiei hiperlegate și link-urile de subsol oferă vizitatorilor o ieșire de pe pagină, crescând probabil rata de respingere.
• Creșterea spațiului alb din jurul imaginii produsului ar face-o să iasă în evidență.
• Copia butonului CTA trebuie îmbunătățită, deoarece nu există nimic convingător despre „Descărcați Whitepaper”. Adăugarea copiilor orientate spre beneficii și / sau pentru prima persoană ar încuraja probabil mai mulți potențiali să facă clic.

Privirea ochiului

Deoarece oamenii au tendința de a privi ceea ce privesc alții, folosirea privirii ochiului uman ca indiciu direcțional este deosebit de eficientă pe paginile de destinație post-clic. De exemplu, dacă o imagine umană de pe pagina dvs. se uită la titlu, atenția vizitatorului dvs. va fi atrasă și la titlu. Prin urmare, această tehnică este utilă pentru a face vizitatorii să privească unde doriți.

Pe pagina de mai jos, Vistage a inclus o imagine a unei femei care privea în direcția formularului de captare a plumbului. Când vizitatorii o privesc, se simt în mod inconștient constrânși să privească formularul:

Ce face bine pagina:

• Niciun link de ieșire (în afară de politica de confidențialitate) face imposibilă vizitatorii să părăsească pagina fără să facă clic pe „X” în browserul lor sau să completeze formularul.
• Culorile contrastante servesc drept indiciu vizual, atrăgând atenția asupra celor mai importante elemente de pe pagină: titlul, femeia și butonul CTA. Deoarece restul paginii are tonuri de gri, aceste trei componente se remarcă mai presus de orice altceva.
• Includerea unei politici de confidențialitate ajută la încrederea vizitatorilor, informându-i că informațiile lor sunt sigure și sigure în cadrul companiei.

Ce trebuie testat A / B:

• Adăugarea dovezilor sociale , cum ar fi mărturiile clienților sau insignele companiei, ar atrage probabil mai mulți vizitatori să afle dacă se califică pentru ofertă.
• Informațiile minime despre ofertă ar putea împiedica oamenii să facă conversii. Adăugarea de puncte glonț sau mici bucăți de text pentru a evidenția avantajele ofertei ar putea produce rezultate mai bune.

Obiecte

O a treia tehnică de vizualizare frecvent utilizată este poziționarea obiectelor astfel încât acestea să fie îndreptate direct către o anumită zonă a paginii. Făcând acest lucru se concentrează atenția potențialilor asupra anumitor elemente importante ale paginii.

Lyft face acest lucru în exemplul de mai jos poziționând un vehicul direct spre - și aproape atingând - forma lor de captare a plumbului:

Ce face bine pagina:

• Un singur câmp de formular este excelent pentru a convinge oamenii să predea informațiile lor.
• Dacă nu bifați caseta de selectare a acordului, potențialii se simt mai controlați și mai confortabili cu procesul de conversie.
• Secțiunea „Vedeți cât puteți face” este utilă, deoarece permite potențialilor să introducă informațiile lor și să facă clic pe butonul „Calculați” CTA fără a părăsi pagina. După calcularea sumei plătite săptămânal, butonul se transformă într-un alt buton „Aplicați acum”, ajutând la procesul de conversie.
• Secțiunea „Cum funcționează Lyft Driving” permite companiei să furnizeze informații pas cu pas despre modul în care funcționează Lyft - și, din moment ce derulează orizontal, nu încurcă pagina cu copierea.

Ce trebuie testat A / B:

• Mai multe link - uri de ieșire facilitează vizitatorii să se distragă și să navigheze departe de pagină fără a face conversie la ofertă.
• Titlul și subtitlul sunt greu de citit din cauza fundalului ocupat. Testarea acestora într-o locație diferită, unde sunt mai vizibile, poate atrage mai multă atenție și produce rezultate mai bune.
• Copia butonului CTA este cât se poate de vagă. „Următorul” nu spune nimic despre ofertă și probabil că nu obligă mulți oameni să facă clic.

Ierarhia vizuală

Fiecare pagină de destinație după clic ar trebui să urmeze o ierarhie vizuală specifică - conținut organizat de la cel mai important la cel mai puțin important. Elementul destinat să atragă mai întâi atenția vizitatorilor (de obicei titlul) ar trebui plasat în partea de sus a paginii, deoarece acesta este partea de sus a ierarhiei, restul conținutului fiind apoi livrat de la cea mai mare la cea mai mică prioritate.

Multe caracteristici joacă un rol în crearea ierarhiei vizuale, inclusiv, dar fără a se limita la:

• mărimea
• Culoare / contrast
• Densitate / proximitate
• spatiu alb
• Textură / stil

SendGrid utilizează mai multe dintre aceste componente pe pagina lor. Să vedem pe care le folosesc și pe care ar trebui să le ia în considerare îmbunătățirea:

Ce face pagina bine.

• Variația dimensiunii și formatarea îndrăzneață ajută la atragerea atenției asupra celor mai importanți biți de copiere, formând o ierarhie vizuală puternică.
• Titlul îi obligă pe vizitatori să folosească SendGrid menționând trei companii de renume care folosesc și SendGrid.
• Mai multe butoane CTA cooperative oferă clienților potențiali mai multe oportunități de a valorifica oferta în diferite locații ale paginii.
• Imaginea produsului prezintă o previzualizare a aspectului conținutului livrat.
• Punctele glonț cu o copie minimă o fac astfel încât potențialii să nu fie nevoiți să citească paragrafele de text pentru a găsi ceea ce caută.
• O mărturie a clienților și ecusoane de companie servesc drept dovadă socială, probabil convingând mai mulți potențiali să lucreze cu SendGrid, deoarece alții au reușit cu ei. Adăugarea fotografiei lui Dave Tomback la mărturia sa ar face-o și mai eficientă.

Ce trebuie testat A / B:

• Femeia din imagine s-ar putea uita în jos la titlul / butonul CTA pentru a adăuga un indiciu vizual și a încuraja vizitatorii să arate și ei așa.
• Butoanele CTA ar putea fi mărite și testate într-o altă culoare pentru a atrage mai multă atenție asupra lor. Există albastru în altă parte pe pagină, așa că nu „apar” cât de mult ar putea.
• Creșterea spațiului alb în jurul unor elemente, cum ar fi butoanele CTA și titlul, i-ar ajuta să iasă mai mult în evidență.
• Butonul CTA „Vedeți planuri și prețuri” ar trebui eliminat deoarece duce vizitatorii la o altă pagină, distrăgându-i atenția de la aceasta.

Buton CTA care atrage atenția

Un buton CTA perfect optimizat, care atrage atenția, este cel mai important element de inclus în cadrul paginii de destinație după clic. Ar trebui să iasă în evidență mai presus de toate celelalte elemente, deci nu există confuzie cu privire la locul în care potențialii trebuie să facă clic pentru a valorifica oferta dvs.

WalkMe și-a creat pagina de înscriere în doi pași cu un buton CTA mare, contrastant, care cu siguranță iese în evidență pe pagină, atrăgând atenția vizitatorilor:

Ce face pagina bine.

• Imaginea de fundal oferă vizitatorilor o previzualizare realistă a aspectului software-ului lor.
• Butonul CTA apare într-adevăr pe pagină. Pe lângă faptul că este mare și contrastant, reapare și în partea de sus a paginii pe măsură ce utilizatorul începe să deruleze.
• Forma de înscriere în doi pași reduce dezordinea și îi face pe utilizatori să se simtă mai puțin intimidați, deoarece nu trebuie să introducă informațiile aici.
• Copierea cu marcatori face mai ușor pentru potențialii să afle informații despre ofertă fără a fi nevoie să citească prea mult text.
• Probele sociale (mărturia clienților și siglele companiei care derulează) vor face probabil ca potențialii să se simtă obligați să lucreze cu această companie.

Ce să testați A / B.

• Schimbarea copierii butonului CTA în ceva mai personalizat (cu formatare la prima persoană) și orientată spre beneficii ar îmbunătăți probabil rata de conversie.
• Înlocuirea imaginii cu un GIF (dedesubt) ar oferi utilizatorilor o experiență mai interactivă pe pagină și ar ajuta la o mai bună explicare a produsului.
• Adăugarea unei capturi de cap la mărturiile clienților ar face-o mai de încredere, sporindu-i eficacitatea.

Ce tehnici de proiectare a paginii de destinație după clic v-au inspirat?

Utilizarea paginilor de destinație după clic pentru a vă promova și vinde produsele și serviciile este o parte integrantă a strategiei dvs. de marketing. Acest lucru se datorează faptului că, atunci când este optimizat corect - cu tehnicile descrise mai sus, împreună cu Ghidul nostru de bune practici de proiectare și Ghidul de optimizare a paginii de destinație după clic, acestea pot crește substanțial ratele de conversie.

Transformați clicurile publicitare în conversii, creați pagini post-clic dedicate, care se încarcă rapid pentru fiecare ofertă. Vedeți cum să oferiți tuturor publicului dvs. pagini de destinație unice după clic, înscriindu-vă astăzi la o demonstrație Instapage Enterprise.