Design CTA – Singurul mic detaliu care face o mare diferență

Faceți brainstorming o idee grozavă. Ai designul perfect pentru el. Iar anunțul tău reușește să atragă atenția clienților potriviți. Dar ei îl văd și derulează fără să facă clic pe anunț. Ți-ar plăcea? Evident nu! Dar ce l-a făcut pe clientul tău să ignore anunțul? A fost paleta de culori sau copie? S-ar putea să te gândești la atâtea motive. Dar ai analizat cu atenție designul CTA? Probabil ca nu. Acesta este poate ultimul lucru pe care îl examinezi, dar în mod ideal ar trebui să fie primul!

Da, nu doriți ca anunțul perfect să fie irosit pur și simplu din cauza unui CTA prost proiectat sau slab. De fapt, nici măcar nu o poți numi „anunț perfect” dacă CTA nu îndeplinește scopul.

Dar ce este într-un CTA, nu? Un simplu „click aici” sau „aflați mai multe” este tot ceea ce vedeți de cele mai multe ori. Te auzim. Dar, credeți sau nu, totul, de la poziția acelui buton CTA până la culorile pe care le alegeți, copia pe care o utilizați și stilul fontului din acesta poate influența direct sau indirect impactul acestuia asupra privitorului. Curios mult? Pregătește-te atunci. Vom vorbi astăzi despre designul CTA.

Design CTA – deci, de ce contează?

Un îndemn sau CTA trebuie să fie punctul culminant al anunțului dvs. Să ne uităm la câteva dintre motivele pentru care CTA-urile se dovedesc a fi cele mai importante componente în majoritatea graficelor de marketing.

1. CTA clarifică obiectivul publicitar

Pentru a defini un CTA trebuie să știi care este obiectivul anunțului tău. De exemplu, pentru toate campaniile pe diverse platforme, nu vă așteptați ca clienții să vă viziteze pagina de pornire a site-ului dvs. Pentru unele dintre aceste anunțuri, doriți ca clienții să vă descarce aplicația. Unii ar trebui să-i ducă la o pagină de captare a clienților potențiali, astfel încât să le puteți aduna detaliile de contact pentru eforturile viitoare de promovare. Și alții ar putea fi nevoiți să ducă clienții către o pagină de vânzare sau o pagină de produs pentru a-i ajuta să adauge articolul în coș și să facă achiziția cât mai repede posibil.

Deci, CTA vă ajută să direcționați traficul în direcția dorită pe baza obiectivelor pe care le-ați stabilit pentru campanie, anunțul specific sau designul de marketing.

2. Ajutați clienții să ia decizii

Clienții știu ce caută, dar cred sau nu, majoritatea consumatorilor apreciază puțin ajutor în luarea deciziei de cumpărare. Cele mai multe anunțuri, pagini de destinație și alte modele de marketing au unul sau două CTA. Pe e-mailuri, este posibil să aveți mai multe atunci când este vorba despre un set de categorii de produse sau despre un e-mail cu ghid de cumpărături. Oricum, adăugarea CTA(-urilor) asigură că clienții depășesc oboseala decizională și trec cu mai multă încredere la pasul următor.

3. Ajutați la îmbunătățirea conversiilor

Uneori, clienții nu trec la pasul următor din canalul dvs. de clienți potențiali pur și simplu pentru că nu știu unde să meargă în continuare. Adăugarea unui CTA le face mai ușor să înțeleagă asta.

Să luăm un exemplu pentru a înțelege mai bine acest lucru. Glisorul de mai jos apare pe site-ul Apple.

Bine, ce zici de Black & Blues a lui Louis Armstrong? De ce văd clienții asta pe site-ul Apple? Poate că sigla Apple TV din partea de jos arată că acest documentar este disponibil pe Apple TV. Dar ce? Dacă nu ar fi fost CTA „Stream Now”, majoritatea răspunsurilor de mai sus ar fi rămas fără răspuns. Clienții confuzi s-ar putea să fi derulat pe lângă el. Dar datorită butonului CTA, vizitatorii știu că făcând clic pe el îi vor duce la pagina de streaming de pe Apple TV fără nicio bătaie de cap. Acest lucru îi motivează să facă clic pe glisor. Acolo, tocmai a avut loc o conversie!

Acesta este un exemplu despre modul în care cel mai simplu mod de a face conversia este să adăugați un CTA clar și ușor de înțeles.

După ce am stabilit faptul că CTA-urile sunt importante în design, să vorbim acum despre câteva sfaturi de design CTA.

Design CTA: sfaturi pentru a-l face demn de clic

CTA ar trebui să fie un detaliu care se distinge în mod evident în designul tău. Dar, în același timp, nu trebuie să distragă atenția clienților de la informațiile esențiale care îl precedă. Imaginile, copia și CTA împreună ar trebui să prezinte clar mesajul și să spună clienților de ce ar trebui să facă clic pe CTA și ce se întâmplă atunci când o fac. Pentru ca toate acestea să se întâmple, iată câteva sfaturi pentru ca CTA să funcționeze în favoarea designului tău.

1. O mică modificare a copiei dvs. aduce un drum lung

Trebuie să știți că 90% dintre utilizatorii care citesc titlul din anunț sau din pagina web citesc și copia CTA. Deci, da, copia contează.

În CTA de mai jos, un simplu CTA „Descărcare” ar fi fost suficient. Dar adăugarea cuvântului „gratuit” îi asigură pe clienți că nu plătesc nimic în acest moment, dar pot încă descărca conținutul.

Se estimează că CTA-urile personalizate au performanțe cu 202% mai bune decât cele simple CTA. Deci, petreceți suficient timp pe copie. Identificați cele mai bune cuvinte care sună cel mai convingător și cele mai relevante pentru context.

CTA-urile personalizate sunt modalități simple de a informa clienții ce se întâmplă atunci când fac clic pe buton. În e-mailul de mai jos, de exemplu, costumele înțeleg imediat că făcând clic pe butonul „Rezervați-vă locul” le duce la pagina de rezervare. Deci, ar face clic pe asta numai dacă sunt cu adevărat interesați să facă o rezervare sau să afle mai multe despre aceasta.

Prin urmare, dacă aveți un CTA personalizat, puteți fi sigur că numai clienții potențiali interesați cu adevărat se deplasează mai departe în pâlnie. Acestea sunt genul de clienți potențiali cel mai probabil să se convertească. Și dacă nu știu, știi că sunt genul de lead-uri pentru rețintire.

Sfat Kimp: Pentru ca copia dvs. CTA să aibă cel mai mare impact, alegeți un font simplu și lizibil. Stai departe de fonturile de lux și stilurile decorative. Un îndemn la acțiune ar trebui să fie ușor de citit.

Combinarea fonturilor potrivite fără a folosi prea multe fonturi se simte ca o sarcină copleșitoare? Lasă designerii profesioniști să se ocupe de asta.

2. Faceți ca CTA să arate ca un buton

Dacă îndemnul arată ca restul copiei, cum vor ști clienții că pot face clic acolo pentru a trece la pasul următor? Deci, faceți ca CTA să arate diferit de restul copiei.

Ceva la fel de simplu precum a face CTA să arate ca un buton poate îmbunătăți semnificativ clicurile cu 45%. Desigur, în funcție de stilul vizual al restului designului și de identitatea vizuală a mărcii tale, poți oricând să folosești un buton plat sau unul skeuomorf (tridimensional) după cum este necesar. Dar, atâta timp cât este ușor de perceput ca un buton, există șanse mai mari ca vizitatorii să facă clic pe el.

3. Alegeți culoarea potrivită pentru CTA

Știați că simpla schimbare a culorii designului dvs. CTA poate modifica drastic aspectul și eficacitatea CTA? De fapt, SAP a observat că un buton CTA portocaliu le-a crescut conversia cu 32,5%.

Desigur, alte culori ar putea funcționa mai bine pentru marca dvs. Puteți înțelege acest lucru făcând teste A/B. O modalitate de a face acest lucru va fi crearea a două versiuni diferite ale aceluiași design, reținând totul, în afară de CTA. Folosiți diferite culori de design CTA în ambele modele și vedeți care dintre ele se convertește mai bine. Dacă testați ideea pe o pagină web, puteți utiliza, de asemenea, hărți termice și alte instrumente de urmărire pentru a înțelege comportamentul vizitatorilor și pentru a modifica designul dvs.

După ce ați ales culoarea, asigurați-vă că CTA iese în evidență din fundal. Nu puteți folosi aceeași culoare pentru CTA și fundal. Ar trebui să existe un contrast bun între culoarea designului CTA și culoarea de fundal și paleta generală de culori. Chiar și cel mai arătos design CTA cu cea mai bună copie nu va fi de niciun folos dacă CTA nu este ușor de recunoscut.

În exemplul de mai sus, CTA roșu iese în evidență din fundalul de culoare închisă. Deci, nu există riscul ca utilizatorii să nu observe CTA.

Sfat Kimp: Culorile și contrastele de culoare funcționează în moduri dificile. Uneori, culorile cu contrast maxim pot cauza multă tensiune vizuală atunci când sunt plasate împreună. Pentru a afla mai multe despre schemele de culori și despre cum să alegeți culori contrastante, consultați blogul nostru despre roata de culori și scheme de culori.

4. Aveți grijă la opacitatea designului CTA

Un alt motiv pentru care designul dvs. CTA nu este ușor de recunoscut ar putea fi din cauza modelului de fundal și a opacității designului dvs. CTA. Un CTA transparent sau translucid s-ar putea pierde pe un fundal aglomerat. În astfel de cazuri, un buton opac face ca CTA să apară. Sau puteți adăuga și detalii subtile, cum ar fi evidențierea din jurul CTA în designul de mai jos. Detalii ca acestea îmbunătățesc și mai mult aspectul CTA și atrag atenția asupra acestuia.

Vrei să creezi astfel de bannere atrăgătoare pentru campaniile tale digitale? Luați legătura cu echipa Kimp astăzi.

5. Folosește spațiul negativ în avantajul tău

Adăugarea de spațiu negativ în jurul CTA poate crește conversia cu aproximativ 230%. Asta pentru că utilizarea eficientă a spațiului negativ reduce toată dezordinea din jurul CTA și direcționează atenția către acesta.

În pagina de destinație de mai sus, tot spațiul de sub CTA face ca CTA să fie ușor de observat. CTA-urile care vă atrag atenția sunt cele pe care este cel mai probabil să fie făcut clic. Așadar, pentru a vă asigura că clienții nu pleacă pentru că nu au observat un CTA prezent pe pagină, adăugați o cantitate mare de spațiu negativ în jurul acesteia.

6. Nu adăugați prea multe CTA

În mod ideal, ar trebui să definiți clar o singură direcție pentru designul dvs. de marketing. Direcționarea și furnizarea de opțiuni apar într-un stadiu incipient. Trebuie să aveți categorii clar definite de clienți potențiali, iar anunțurile dvs. trebuie direcționate cu precizie. Când anunțurile dvs. sunt separate, definirea CTA devine mai ușoară. Vă vom da câteva exemple.

• Dacă vizați clienți potențiali, este posibil să aveți conținut care vă prezintă marca sau îi convinge să vă verifice site-ul. În astfel de cazuri, este cel mai probabil ca CTA să îi ducă pe site-ul web sau pe pagina dvs. de socializare pentru a aduna mai multe informații.
• Lead-urile pe care ați ajuns pe site-ul dvs. web sau pe pagina de socializare au arătat primul nivel de interes. Urmează să-i convingi cu strategiile potrivite. Aici este posibil să utilizați magneți de plumb cu un buton de descărcare sau o pagină de captare a clienților potențiali cu un buton de abonare.
• Pentru clienții existenți, atunci când trimiteți oferte relevante pentru articolele din lista lor de dorințe sau articolele pe care le-au răsfoit, CTA îi va duce la pagina produsului.
• Iar dacă este vorba de o adresă de e-mail a abandonului coșului, CTA îi duce pe clienți la coșul de cumpărături pentru a continua cu plasarea comenzii.

Trebuie să înțelegeți mai bine călătoria unui cumpărător pentru a ști ce caută și unde ar trebui să fie direcționat în continuare. În toate aceste cazuri, a avea un singur CTA are cel mai mult sens.

Pentru un client potențial aflat în stadiul incipient al canalului potențial, prea multe alegeri ar putea provoca confuzie, iar clienții potențiali confuzi ar putea să nu ia o decizie.

7. Dar când există mai multe direcții, menține consistența

Pentru un design simplu de marketing, un singur CTA evită confuzia și crește conversia. Dar există unele locuri în care aveți nevoie de mai multe CTA pentru a avea cel mai mare impact. Acest lucru este în cazul modelelor de format lung, cum ar fi paginile de destinație și unele e-mailuri.

Când conținutul durează mult, a avea pauze frecvente și a adăuga un CTA în fiecare secțiune va fi mult mai bine decât speranța ca clienții să citească până la capătul paginii și să găsească acolo CTA.

Sau dacă pagina de destinație sau e-mailul are formatul unui ghid de cumpărături în care clienții văd un set de opțiuni de produse de cumpărat, un CTA diferit pentru fiecare opțiune va avea cel mai mult sens.

În toate aceste cazuri în care aveți mai multe CTA, stabiliți o consistență vizuală între ele. Dacă fiecare design CTA arată diferit de celălalt, poate face ca designul general să pară neîndemânatic. Câteva lucruri de reținut vor fi:

• Forma și culoarea butonului CTA
• Fonturile utilizate în copia CTA
• Alinierea copiei CTA în cadrul butonului
• Orientarea butoanelor CTA

Pagina de destinație de mai jos are diferite CTA pentru fiecare secțiune, dar toate modelele CTA par consecvente. Face ca pagina să pară mai organizată. Și din punct de vedere al utilizării, odată ce clienții văd câteva dintre aceste CTA, oriunde văd un buton verde similar pe site, știu că este un link pe care se poate face clic către un alt pas.

Creați modele CTA demne de clic cu Kimp

CTA-urile fac ca majoritatea modelelor de marketing să se simtă complete, aducând clienții în direcția dorită. Așadar, nu uitați să adăugați unul la e-mailurile, paginile de destinație, anunțurile banner și orice alt design de marketing în care un CTA se simte relevant. CTA-urile apar și în reclamele tipărite și aici vor fi în mare parte adresa site-ului web sau informațiile de contact ale companiei. Dar totuși, trebuie să iasă în evidență față de restul designului, astfel încât clienții să ia acțiunea pe care o dorești. Dacă adăugați un CTA fără să vă încurcați cu structura designului sau dacă înțelegeți unde să folosiți CTA și cum pare să vă încurce, lăsați-l pe seama designerilor. Alegeți un abonament Kimp. Înregistrați-vă acum pentru o încercare gratuită.