Cum se creează un Wireframe de pagină de destinație cu sfaturi de la experți

Publicat: 2018-05-08

O pagină de destinație după clic este adesea una dintre primele impresii pe care oamenii le văd despre marca dvs., deci este important să o faceți excepțională. Un wireframe pentru pagina de destinație după clic vă poate ajuta în acest sens, permițându-vă să vizualizați dispunerea elementelor paginii înainte de a construi pagina.

Ce este un wireframe pentru pagina de destinație după clic?

Un wireframe este un aspect de schiță de bază sau un schelet al unei pagini de destinație post-clic pentru a oferi părților interesate o idee despre cum va fi structurată pagina și ce active sunt necesare pentru a o construi.

Rares Cimpean, un Visual Designer pentru Instapage, explică:

Atunci când creați un wireframe pentru pagina de destinație după clic, ar trebui să vă concentrați asupra fluxului, utilizabilității și accesibilității paginii, cât de repede pot ajunge oamenii la informațiile de care au nevoie, cât de accesibil și de recunoscut este CTA, etc. Toți acești factori sunt luate în considerare în faza de wireframe.

Iată câteva exemple de pagini de destinație wireframe post-clic, atât lungi cât și scurte:

Un șablon wireframe pentru pagina de destinație după clic face mai multe scopuri principale:

Pentru a acționa ca un punct de mijloc între schița stilou și hârtie și primul prototip
Pentru a prezenta o prezentare generală a conținutului care va fi afișat pe pagină
Pentru a oferi un plan al structurii paginii
Pentru a transmite direcția generală a interfeței cu utilizatorul

Notă: nu există un singur design wireframe pentru pagina de destinație după clic care să se potrivească tuturor campaniilor. Unele pagini de destinație după clic pot necesita pur și simplu un titlu, o copie marcată, un formular și un buton CTA, în timp ce altele ar putea avea nevoie să evidențieze beneficii suplimentare și să demonstreze dovezi sociale. De exemplu, paginile de vânzări necesită descrieri mai detaliate ale produselor și pot fi mai lungi. (Rețineți, puteți oricând să testați A / B o pagină scurtă față de o pagină lungă pentru a vedea care produce rezultate mai bune.)

Indiferent de tipul de pagină pe care îl înregistrați, Rafal Bogdan, Managerul nostru de proiectare grafică, exprimă importanța menținerii wireframe-ului foarte simplu la început, pentru a nu copleși părțile interesate implicate:

Nu vreau să mă concentrez prea profund asupra elementelor care ar putea fi respinse de părțile interesate în faza următoare. Ideea principală a unui wireframe este să afișeze caracteristici specifice proiectului pe o pagină de destinație după clic și să îi ajute să înțeleagă cum se vor comporta acele caracteristici pe pagina reală.

Odată ce ai wireframe-ul, este timpul ca designul să-l strălucească. Mai jos sunt elementele găsite în mod obișnuit pe paginile de destinație post-clic cu conversie ridicată.

Cum să conectați o pagină de destinație post-clic

Fără navigare

Întrucât paginile de destinație după clic sunt concepute pentru conversie și pentru un singur scop, nu ar trebui să existe linkuri de navigare care ar putea distrage utilizatorii de la obiectivul dvs. de conversie. Este fie convertit, fie plecat - nu există alte opțiuni.

Multe companii au văzut modificări substanțiale ale ratelor de conversie după eliminarea barelor de navigare:

Career Point College a înregistrat o creștere cu 336% a ratei de conversie după eliminarea barei de navigare de sus și modificarea aspectului formularului.
Yuppiechef a asistat la o creștere de 100% a ratelor de conversie (de la 3% la 6%) prin eliminarea barei de navigare.
SparkPage a avut o creștere a ratei de conversie, de la 9,2% la 17,6%, în luna în care au testat A / B eliminând navigarea de sus.

Comporium Media Services este un alt brand care înțelege nevoia de a elimina navigarea pentru a maximiza conversiile. Nici măcar sigla lor nu este legată, ceea ce menține vizitatorii pe pagină și se concentrează pe solicitarea unei consultații:

Atunci când urmați cele mai bune practici, singurele link-uri care ar trebui utilizate sunt cele care sporesc credibilitatea (de exemplu, Termenii de utilizare și / sau o politică de confidențialitate) și linkurile care îmbunătățesc experiența utilizatorului (cum ar fi etichetele de ancorare și un telefon cu clic pentru apelare) număr).

Titlu și subtitlu

Titlul dvs. este unul dintre cele mai importante elemente, deoarece fără unul convingător, vizitatorii nu vor fi suficient de convinși pentru a continua să vă evalueze oferta. Deoarece acesta este principalul mod de a vă transmite mesajul, acesta trebuie să atragă atenția, să fie clar vizibil de îndată ce utilizatorii aterizează pe pagină și deasupra paginii.

Subtitlul dvs. este utilizat pentru a completa titlul principal, mai ales dacă titlul principal este lung sau necesită un context suplimentar (cum ar fi o statistică, de exemplu).

Cheia pentru a scrie un titlu bun este să vă asigurați că transmite propunerea dvs. unică de valoare (UVP) sau ceea ce diferențiază produsul sau serviciul dvs. de concurenții dvs.

Acest titlu al paginii de destinație după clic pe pilot automat le permite companiilor să știe că pot „crește mai repede” pe pilot automat în comparație cu alte programe de automatizare a marketingului. Subtitlul completează apoi această idee prin descrierea modului în care pot crește mai repede:

Pe lângă includerea UVP, există patru tipuri principale de titluri convingătoare:

Știri: introduceți o nouă soluție pentru potențiali
Interes personal: apel la interesul propriu inerent al potențialilor <
Soluție rapidă și ușoară: faceți apel la dorința potențialilor de soluții rapide
Curiozitate: Piqueți interesul și curiozitatea vizitatorilor, ademenindu-i să citească mai multe

Puteți utiliza unul sau combinați mai multe pentru un titlu și mai puternic. Cele mai convingătoare titluri folosesc două sau mai multe.

Mass-media

Deoarece este mai ușor pentru oameni să proceseze imagini decât textul, conținutul media (imagini, gif-uri și videoclipuri) ajută la transmiterea valorii unei oferte, chiar mai mult decât pot cuvintele. Cu toate acestea, elementele vizuale nu sunt o soluție unică. Tipul de suport media pe care îl alegeți pentru pagina dvs. de destinație după clic depinde de ceea ce oferiți.

Tipurile de imagini ale paginii de destinație după clic includ:

Fotografii cu eroi: oferiți vizitatorilor o privire asupra modului în care produsul sau serviciul dvs. le-ar schimba viața în bine
Imagini de produs: permiteți vizitatorilor să vadă detaliile ofertei dvs., inclusiv caracteristicile sale principale
Infografie: permiteți vizitatorilor să conceptualizeze mai ușor datele și statisticile (diagrame, grafice etc.)

Aruncați o privire asupra imaginilor pe care iContact le folosește pentru a arăta potențialilor mai multe exemple de e-mailuri comerciale pe care le ajută să creeze:

În plus față de imagini, există mai multe tipuri de videoclipuri de pe pagina de destinație după clic:

Videoclipuri explicative: explicați modul în care funcționează produsul dvs. - mai ales dacă este nou sau complicat - cu accent pe modul în care acesta va aduce beneficii clienților dvs.
Videoclipuri introductive: prezentați companii noi, anunțați produse noi sau evidențiați caracteristici noi ale produsului
Mărturii video și studii de caz: serviți drept dovadă socială, arătând clienți reali, mulțumiți, explicându-le satisfacția și succesul cu produsul sau serviciul dvs.

Dacă utilizați imagini, stați departe de fotografiile stoc, cu excepția cazului în care transmit o situație realistă a ofertei dvs. și sunt relevante pentru subiect. Orice mai puțin și riscați să vă reduceți percepția și valoarea mărcii.

Copie

Oricât de tentat ai fi de a le spune vizitatorilor totul despre oferta ta - nu. Durata de atenție este de doar câteva secunde, astfel încât copia dvs. trebuie să fie succintă și să capteze imediat atenția oamenilor.

De exemplu, punctele glonț (marcate prin iconografie, bife, săgeți etc.) sunt o modalitate obișnuită de a transmite informații importante, permițând vizitatorilor să scaneze rapid pagina și să identifice principalele oferte.

Perspectivele pot afla rapid despre soluția de conferință video Highfive cu ajutorul antetelor de secțiune îndrăznețe, a copiilor minime și a punctelor glonț:

Dovada sociala

Înainte de conversie, oamenii trebuie să aibă încredere că compania dvs. oferă un serviciu de încredere. Aici dovada socială îi poate convinge într-o varietate de moduri:

Mărturii ale clienților: arătați clienților că respectați promisiunea, deoarece aceasta este verificată direct de la clienții dvs. (prin ofertele cu informații specifice, statistici, nume complete, afiliere și titluri profesionale și fotografii în cap).
Siglele clienților (și numărul): afișați companiile cunoscute cu care ați lucrat deja (și câte), comunicând vizitatorilor: „Deoarece produsul sau serviciul nostru a fost suficient de bun pentru ei, va fi și pentru dvs.”
Premii din industrie: demonstrați că ați fost recunoscut public de liderii din industrie, reporteri, posturi de știri, site-uri web etc.
Sigiliile de încredere: asigurați-vă că potențialul informațiilor de plată este sigur și sigur de la părți externe.
Politica de confidențialitate: asigură potențialilor că adresa lor de e-mail va fi utilizată în mod corespunzător și nu va fi distribuită altcuiva.

Privind înapoi la aceeași pagină de destinație post-clic Highfive mai devreme, consultați toate dovezile sociale pe care le-au folosit pentru a convinge vizitatorii să se convertească - logo-uri ale mărcii, o mărturie citată și rating-uri din industrie:

Iată un alt exemplu, de data aceasta de la Splash Omnimedia, care include toate tipurile de dovezi sociale - un număr de clienți, logo-uri de marcă, videoclip de studiu de caz și mărturii citate:

Combinând toate aceste dovezi, convingeți potențialii să convertească făcând clic pe butonul CTA.

Formular de captare a plumbului

Crearea formei perfecte nu este atât de ușoară. Nu sunt suficiente câmpuri de formular și nu veți colecta toate informațiile de care aveți nevoie; prea multe domenii și riscați să speriați potențialii clienți. Lungimea formularului dvs. depinde de locul în care se află oferta dvs. în pâlnia de marketing. Ca regulă generală, cu cât este mai sus, cu atât forma este mai scurtă și invers.

Justworks a proiectat această pagină de destinație după clic pentru a furniza informații despre prețuri. Deoarece aceasta este o ofertă de top a pâlniei, este logic că conține doar trei din câmpuri și solicită informații de bază:

În schimb, perioada de încercare gratuită a pilotului automat se află mai departe în pâlnie, așadar cererea de informații suplimentare este acceptabilă:

Apel la acțiune

Butonul CTA este locul unde are loc conversia paginii de destinație după clic, deci trebuie să iasă în evidență și să implore să fie făcută clic. Iată principalele aspecte pentru optimizarea butonului CTA:

Culoare: utilizați teoria culorilor pentru a găsi o nuanță, ton, nuanță sau nuanță care să contrasteze bine și să iasă în evidență de restul paginii.
Copiere: „Trimiteți” și „Descărcați” sunt generice și neinspirante. În schimb, creați copii specifice, personalizate și încorporați „dvs.”, „dvs.”, „eu” și „al meu” pentru a genera mai multe clicuri pe butonul CTA.
Dimensiune: nu faceți oamenii să caute butonul - faceți-l vizibil. Poate include, de asemenea, indicii vizuale - cum ar fi săgețile sări în pagina de destinație post-clic Volusion
mai jos - pentru a atrage și mai multă atenție:

Subsol minim

pagina de destinație după clic și subsolurile site-ului web nu sunt aceleași. subsolurile paginii de destinație după clic nu ar trebui să conțină sitemap-uri, linkuri de pagini de produse sau conturi de socializare. Fiecare link pe care îl includeți creează o altă distragere a atenției și o modalitate suplimentară de a părăsi pagina fără a face conversii.

Uitați-vă la toate aceste căi de evacuare pe care Infegy le oferă vizitatorilor:

Dacă alegeți să includeți un subsol al paginii de destinație după clic, asigurați-vă că acesta afișează doar informații actualizate privind drepturile de autor, termenii și condițiile și o politică de confidențialitate, cum face Tapstone:

spatiu alb

Spațiul alb vă permite să respirați pagina, astfel încât toate elementele să atragă atenția și vizitatorii să poată naviga mai ușor în pagina dvs. Adăugarea de spațiu alb, de asemenea:

Scade dezordinea
Îmbunătățește lizibilitatea
Stabilește ierarhia vizuală
Face ca pagina dvs. de destinație după clic să pară mai profesională

Comparați următoarele pagini de destinație post-clic de pe NASM și Acquisio:

Pagina NASM este aglomerată și ar putea fi copleșitoare pentru unii oameni, deoarece este dificil să decideți unde să căutați mai întâi și cum să navigați pe pagină. Pagina Acquisio are suficient spațiu alb, astfel încât este mai ușor de navigat de sus în jos și oferă o experiență mai bună în general.

Totul începe cu un wireframe pentru pagina de destinație după clic

Crearea unui wireframe permite echipei dvs. să determine povestea generală a paginii, să vadă ce active vor fi necesare și câtă copie este necesară. De acolo, puteți proiecta o pagină de destinație optimizată după clic cu sugestiile de mai sus. Dar pentru a crea o pagină de destinație post-clic personalizată, 100% personalizabilă, aveți nevoie de o soluție suficient de puternică pentru sarcină.

Cu Instapage, specialiștii în marketing pot crea pagini perfecte pentru pixeli cu ajutorul constructorului nostru conceput, editor CSS, aliniere și grupare, taste rapide și multe altele. Apoi, utilizați hărți de căldură încorporate pentru testul A / B pentru conversii și mai mari și scalați producția cu Instablocks ™. Nicio altă soluție nu poate compara. Înscrieți-vă astăzi pentru o demonstrație Instapage Enterprise.