Cum să deveniți un designer concentrat pe conversii

Deci vrei să fii designer de șablon de pagină de destinație? S-ar putea să vă credeți că este ușor - totuși, șabloanele de pagini de destinație sunt doar o singură pagină. Este mult mai ușor decât să creați un site complet. Dar regulile de proiectare se schimbă destul de mult atunci când se construiesc pagini de destinație centrate pe conversii.

Ce este o pagină de destinație?

Înainte de a ajunge în principiile de proiectare din spatele paginilor de destinație, să luăm câteva definiții:

O pagină de destinație este o pagină web autonomă, specifică campaniei. Intenția acestuia este să-i facă pe vizitatori să efectueze o singură acțiune. Nu este site-ul dvs. și, desigur, nu este pagina dvs. de pornire.

Site-urile web sunt posturi centrale de marcă și sunt destinate persoanelor care găsesc în mod organic site-ul dvs. sau care au nevoie să le facă referire sau să le privească în modul de cercetare al ciclului lor de achiziție. Sunt nu bun pentru campaniile de marketing.

Campaniile de marketing se bazează pe un singur scop - cumpărați acest lucru, abonați-vă la acesta și, ca atare, aveți nevoie de o experiență mai concentrată. Cel mai important motiv pentru utilizarea unei pagini de destinație față de o pagină de pornire pentru ținta traficului de campanie (PPC, e-mail, social) se datorează faptului că a fost numit atenție.

Raportul de atenție este raportul dintre punctele de interacțiune (link-uri) dintr-o pagină și numărul acțiunilor intenționate pe acea pagină (care pentru o campanie este întotdeauna 1). Pe o pagină de pornire, aceasta este de obicei în jur de 40: 1, ceea ce înseamnă că există 39 de acțiuni care distrag atenția și o acțiune dorită.

O pagină de destinație focalizată, pe de altă parte, are un raport de atenție de 1: 1. Din acest motiv, comercianții inteligenți folosesc o pagină de destinație dedicată promovării, dedicată fiecărei campanii pe care o desfășoară.

Ce inseamna asta pentru mine ca designer??

Au dispărut zilele când a fost acceptabil să proiectați o experiență web frumoasă, puneți pensula în jos și mergeți cu un cec în buzunar.

Conversia este una dintre cele mai tari cuvinte de pe web chiar acum. Fiecare pagină web pe care o proiectați este acum o piesă de "conținut responsabil". Prin aceasta vreau să spun că scopul, impactul și succesul său pot fi și sunt măsurate. Dacă nu participă la conversia cu succes a vizitatorilor în clienți, nu a fost proiectată corect.

Designul nu este singurul factor în ratele de conversie ridicate. Copierea joacă un rol enorm. Dar cea mai mare copie din lume nu va ajuta dacă vizitatorul dvs. este distras, jignit - știm cu toții că designul rău poate fi chiar ofensator - sau confuz.

Prin combinarea câtorva principii de proiectare simple și a unor psihologii de bază puteți schimba complet concentrarea dvs. asupra designului de experiență web care atât încântă și convertesc.

Eu numesc acest proiect bazat pe conversii. CCD pe scurt.

Acesta este un curs de accidente în CCD, așa că voi discuta cele 7 principii, te vei strecura pe unele Psych 101, apoi îți arătăm câteva șabloane de pagină de destinație frumoase și de mare conversie care le-au pus în practică, astfel încât să poți învăța prin exemplu.

Sunteți gata să deveniți designer centrat pe conversii?

Cele 7 principii ale designului concentrat pe conversie

Principiile sunt simple. Aflați-le, exersați-le și veți vedea că rata de conversie crește.

Principiul 1: Încapsulare

Îmbogățirea lucrurilor este o practică inteligentă. Funcționează pentru capul tău la temperaturi scăzute, cartofi coapte în fierbinte, și face Crăciun mai distractiv. Deci, luați cel mai important lucru pe pagina dvs. (obiectivul de conversie) și împachetați-l în ceva pentru a demonstra că este demn de atenția vizitatorului dvs..

Principiul 2: Contrast

Atât de mulți marketing vorbesc despre culoarea butonului. Aceasta este o greșeală. Un designer bine orientat spre conversie știe că culoarea butonului este irelevantă. Este un contrast care contează. Dacă aveți o pagină principală în culoarea verde, un buton roșu va sari la vizitatorii dvs. Nu vă îngrijorați că pare supărat; potențialii clienți nu sunt tauri.

Principiul 3: direcții de direcție

În unele culturi, se consideră nepoliticos să se indice. Nu în teren de conversie. Când cineva ajunge pe pagina dvs. de destinație, designul dvs. ar trebui să le îndrepte spre obiectivul pe care doriți să-l atingă. Utilizați săgețile și triangulația pentru a crea puncte focale. Cu ajutorul fotografiei, utilizați linia de vedere pentru a vă îndrepta atenția asupra solicitării dvs. de acțiune (CTA).

Principiul 4: spațiul alb

E simplu. Nu strângeți lucrurile împreună. Lipsa spațiului alb este un design ofensiv. Lăsând ochii oamenilor să respire (pot face asta?), Creați o experiență mai încântătoare, care vă va oferi câteva secunde prețioase pentru a comunica mesajul dvs. de campanie.

Principiul 5: Urgența și deficitul

Acesta este primul principiu bazat pe psihologie. Crearea urgenței sau a deficitului este în primul rând un exercițiu scris, dar depinde de dumneavoastră să prezentați informațiile folosind un design bun. Apropierea de obiectivul de conversie al paginii de destinație este esențială atunci când vine vorba de lipsa de semnalizare. Asigurându-vă că vizitatorul înțelege că are un termen limită, puteți face acest clic mult mai probabil.

Expediază o treabă excelentă aici prin utilizarea încapsulării pentru a evidenția declarația de deficit ("Numai 3 bilete rămase la acest preț!") În imaginea de mai jos.

Principiul 6: Încearcă înainte de a cumpăra

Ați încercat vreodată un strugure într-un supermarket? Aceasta este o previzualizare a calității și ajută oamenii să ia decizii de cumpărare în cunoștință de cauză. Exemple din domeniul digital includ un capitol dintr-o carte electronică sau un slideshow vizual care acoperă câteva aspecte importante dintr-un raport al industriei, un curs online sau un videoclip de teaser / trailer pentru un eveniment viitoare. Amazon a setat cu adevărat standardul cu previzualizările cărților "Look Inside".

Prin deschiderea produsului înainte de cumpărare, vă apar autoritate și credibilitate. Acest lucru crește încrederea și poate fi un factor important în creșterea conversiilor.

Ca designer concentrat pe conversii, ar trebui să găsiți modalități creative de prezentare a acestor previzualizări.

Principiul 7: Dovada socială

Elementele de încredere reprezintă o parte esențială a oricărei pagini de destinație. Acestea vă susțin pretențiile și, atunci când ați făcut corect, vorbiți vizitatorilor dvs. din perspectiva unui consumator asemănător. Marturii sunt cea mai populară abordare. Ca și principiul 5, acesta este în primul rând un element scris, dar puteți utiliza aspecte ale designului de conținut inteligent - în special ierarhia - pentru a încuraja oamenii să le citească efectiv.

Adăugarea unui titlu explicativ deasupra mărturiilor (sau a logourilor clienților etc.) poate crește puterea probelor sociale.

Concepția orientată spre conversii în acțiune; 5 șabloane pentru paginile de destinație

Înarmat cu noile dvs. instrumente de design, să aruncăm o privire asupra a șase șabloane de pagini de debarcare Unbounce pentru a vă inspira în timp ce creați propriile șabloane.

1. Lockwood: Imobiliare

  • încapsularea Scopul de conversie este forma, astfel încât este poziționat în față și centru și încapsulat într-un container care permite conținutului critic de deasupra acestuia să se conecteze vizual.
  • Contrast CTA se remarcă clar pe pagină cu o culoare vibrantă contrastantă.
  • Direcționale Cues Există o săgeată poziționată la capătul zonei principale de conținut care vă îndreaptă privirea spre CTA, iar utilizarea aceleiași culori portocalii conectează cele două elemente.
  • Spatiu alb Pe măsură ce vă deplasați în jos, ochii pot cădea liber prin blocurile de conținut. Fotografia aerisită și spațioasă și o paletă minimalistă se combină pentru a face o experiență plăcută.
  • raritate Declarația că doar 3 dintre unitățile rămân este poziționată direct sub CTA, pentru a vă aminti că trebuie să vă grăbiți. Dacă doriți să deveniți mai agresiv aici, puteți încerca un fel de "starburst" * - doar amintiți-vă să rămâneți la modă. Acesta ar fi un test A / B excelent.
  • Dovada sociala Se utilizează aici o dovadă socială adecvată, care se concentrează mai degrabă pe premii de proiectare, decât o mărturie care ar avea un impact foarte limitat.

2. Lasano: Sănătate și Wellness

  • Formarea încapsulării? Verifica.
  • În contrast cu CTA? Verifica.
  • Spatiu alb? Verifica.
  • Dovada sociala? Verifica.
  • Direcționale Cues Aici veți observa două forme de indicii direcționale. Primul folosește linia femeii pentru a vă îndrepta privirea de la stânga la dreapta. Chiar și mai bine ar fi dacă ar privi în jos și la dreapta, dar asta ar putea să o facă și ea tristă, ceea ce ar merge împotriva temei șablonului. În al doilea rând, există o declarație secundară sub formularul care se termină cu o mică săgeată de memento care vă indică o copie de rezervă. Lucrurile mici nu au întotdeauna un impact mare, dar când aveți câteva lucruri mici care lucrează în concert pot.

3. Yuli: Demo software

  • Formarea încapsulării? Verifica.
  • În contrast cu CTA? Verifica.
  • Spatiu alb? Verifica.
  • Direcționale Cues Partea superioară a paginii este locul în care trăiește întregul conținut principal, astfel încât săgeata - cu o cerere - este plasată în punctul în care a fost citit conținutul, indicând CTA. Observați, de asemenea, cum se creează un fel de triunghi de instruire prin rezervarea culorii portocalii pentru elementele care fac referire la scopul paginii: "demonstrație gratuită", "alătură-te nouă pentru o demonstrație gratuită", "rezervați demo-ul meu acum".
  • Dovada sociala Un videoclip este folosit de data aceasta pentru un nivel mai înalt de sofisticare. Într-un test A / B pe care am rulat-o pe pagina de pornire Unbounce.com, am constatat că înlocuind mărturiile textului cu o versiune video, ratele de conversie au crescut cu 25%. Aici este un combo de video și de text. Observați, de asemenea, că șablonul utilizează ierarhia de proiectare a informațiilor pentru a introduce elementele sociale (video și logo-urile clientului de mai jos) cu titlu descriptiv.

4. Wanderlust: Călătorii

  • În contrast cu CTA? Verifica.
  • Spatiu alb? Verifica.
  • Dovada sociala? Verifica.
  • încapsularea Este puțin diferită pe o pagină de destinație prin care nu există nicio formă, dar CTA este încă poziționat cu alte informații importante într-o casetă delimitată în antetul paginii. Elementul subsol utilizează, de asemenea, contrastul de culoare pentru a încapsula "declarația de închidere a argumentului" cu un CTA repetat.
  • Direcționale Cues E un pic de întindere, dar Turnul Eiffel se conectează cam la CTA. Și mai degrabă arată inteligent că făcând clic pe CTA, veți fi loviți în Paris pentru a sta sub turn. Ce romantic. Într-un alt sens, fotografiile cu caracter circular vă vor îndrepta ochii prin pagina către CTA închisă.

5. Polar: nu pentru profit

  • Spatiu alb? Verifica.
  • Dovada sociala? Verifica.
  • În contrast cu CTA Ca în toate aceste exemple, CTA iese în evidență de restul designului. Observați și modul în care obiectivul campaniei (pentru a strânge bani prin donații) este evidențiat utilizând culoarea portocalie în termometrul țintă. Aceasta face o legătură între obiectivele emoționale și fizice (de conversie) ale paginii.
  • Urgență & Lipsă Combinația dintre ținta de donare și afirmațiile emoționale "Timpul se scurge pentru ursul polar" și "Eu prezic că am putea vedea sumele fără gheață pe Polul Nord într-o decadă" creează atât urgența, cât și sensul iminent al deficitului.

În concluzie

Fiind un Designer bazat pe conversii este următoarea evoluție a designului în afaceri și înarmată cu învățarea de astăzi, veți fi foarte mulțumiți de șeful / clienții dvs. atunci când ratele lor de conversie cresc.

Deci, pe măsură ce proiectați șabloanele de pagini de destinație Themeforest, rulați-le împotriva celor șapte principii ale CCD și vedeți cum se strâng cu adevărat.

Citirea în continuare

  • Ghidul final pentru conversiile centrate pe design (ebook)