Milyen egy jól működő CTA? – Webdesign Tanfolyam

Milyen egy jól működő CTA?

2017. május 26. - 10:21 • írta: Dörnyei Barbara • 2 hozzászólás

Kezdjük az elején és tisztázzuk, mi is az a CTA? Minden weboldal valamilyen céllal születik, ez lehet elég változatos, kezdve a portfolió oldalaktól a tájékoztató oldalakon át, az értékesítési céllal létrehozott oldalakig. Ebben az írásban most az értékesítési oldalak egyik nagyon fontos eleméről lesz szó, mégpedig a CTA-ról.

A CTA, az angol kifejezés, a „call to action” rövidítése, amit magyarra fordítva talán úgy mondhatnánk, hogy cselekvésre való felszólítás, ami nem hangzik annyira jól, így maradjunk inkább a szaknyelven is jobban elterjedt CTA-nál.

A nevéből is látszik, hogy a CTA használatával a látogatót valamilyen cselekvésre próbáljuk rávenni, leginkább arra, hogy kattintson. Ennek is komoly tudománya van már, azonban általánosan azt elmondhatjuk, hogy a jó CTA jól látható, színével kiemelkedik az oldal többi részéből, mérete is nagyobb az oldalon található többi elemnél, formájában pedig gomb, hogy a látogató számára egyértelmű legyen, hogy az egy kattintható elem, tudja, hogy mit kell vele tenni.

Erre mutatunk itt néhány példát.

Ezen az oldalon viszonylag kevés a szöveg, így az élénk piros színű gomb nagyon jól érvényesül, és irányítja a látogatót, hogy fedezze fel a kínálatot, ezzel tovább lépve az értékesítési folyamat következő szintjére.

 

 

 

Ezen az oldalon már lényegesen több szöveg van, de a narancs színnel készített gomb nagyon jól elkülönül, egyértelműen látszik, hogy egy gombról van szó, aminek kattintásával a látogató megkapja a további ajánlatot. A képernyő alsó sávjában a kötelező cookie nyilatkozat elfogadása is kapott egy csinos narancssárga gombot, így a látogató könnyen megtalálja, hogy mire is kell kattintania.

 

 

 

A következő példán már két CTA-t is elhelyeztek, mindkettő nagyon jól megragadja a tekintetet, a piros keret jól kiemelkedik az egyszerű, kék színvilágú oldalon és ajánlatkérésre, illetve feliratkozásra buzdítja a látogatót.

 

Ez itt egy webáruház egyik termékoldala, ahol a nagy, piros gomb egyértleműen felszólítja a vásárlót, hogy “Tedd be a kosárba!” Tehát nincs mese, a vásárló kosárba tesz, vásárol, mi pedig örülünk!

 

Alul a jól ismert hipermarket lánc egyik szezonális akciója, ahol a színes, mozgalmasabb grafikai háttérben is jól oldották meg a CTA-t, a piros kiemeléssel és a kerekített gomb formával.

 

Az utolsó példában elhelyezett CTA-k nem túl nagy méretűek, viszont olyan élénk színt választottak, hogy lehetetlen nem észrevenni mindkettőt. Így a látogató nagy eséllyel fog feliratkozni illetve regisztrálni.

Ezeket láttad már?

A szerző: Dörnyei Barbara
Hosszú, kanyargós út után jutottam el először a netes marketing, aztán a web design világáig. Jelenleg a szívemhez igazán közel álló arculat tervezéssel és grafikus tervezéssel foglalkozom, leginkább kis- és középvállalkozások részére. Ezen kívül, mint OWT-s öregdiák, weboldalakat is készítek. Weboldalam: http://barberrydesign.hu/

2 hozzászólás a(z) “Milyen egy jól működő CTA?” bejegyzéshez

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.