Barion Pixel
Ez itt a lifelong learning

Sosem tudhatsz eleget!

Blog

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

2017. május 26. | Dörnyei Barbara

# # # # #

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.

Iratkozz fel YouTube csatornákra!

blog

Virtuális asszisztens legyél vagy webdesigner?

Virtuális asszisztens legyél vagy webdesigner?

2024. február 01.

Mindkettő fantasztikus lehetőség arra, hogy elhagyd a hagyományos kereteket, mint szoros, rugalmatlan munkaidő, helyhez kötöttség vagy akár a bérplafon. Egy ponton találkozik is a két munkakör, ahol a grafikai munka már az asszisztenciába hajlik – designerként is végezhetsz weboldal adminisztrációt, közösségi média tartalom készítést vagy felügyeletet és virtuális asszisztensként is sokszor találkozni már-már tervezői munkába […]

Tovább a cikkre
Secured By miniOrange