• UI 및 UX

클릭을 유도하세요: 효과적인 CTA 디자인을 위한 8가지 팁

  • Felix Rose-Collins
  • 4 min read
클릭을 유도하세요: 효과적인 CTA 디자인을 위한 8가지 팁

소개

사람들이 2페이지의 검색 결과를 클릭하는 경우는 거의 없기 때문에 Google 검색 결과의 첫 페이지에 도달하고 잠재 고객의 관심을 끄는 것은 정말 어려운 일입니다. 이 목표를 달성하기 위해서는 SEO에 맞게 사이트를 최적화하는 것이 필수입니다.

하지만 상위 10위권 안에 든다고 해서 반드시 좋은 전환율이 보장되는 것은 아닙니다. 웹사이트 트래픽 증가를 기대할 수 있는 것은 사실이지만, 전환에 중요한 또 다른 요소인 효과적인 콜투액션이 있습니다.

CTA의 주요 역할은 방문자를 다음 단계로 안내하고 뉴스레터 구독, 전자책 다운로드, 제품 또는 서비스 구매, 평가판 등록 등의 조치를 취하도록 유도하는 것입니다.

그러나 잘못 설계된 CTA는 클릭을 유도하지 못하고 전환을 촉진하지 못하므로 없는 것만 못합니다.

이 글에서는 잠재고객이 클릭하지 않을 수 없는 매력적인 CTA를 디자인하기 위한 최고의 팁을 소개합니다. 자세히 알아보려면 계속 읽어보세요!

1. 고정 사이드바 CTA 사용

CTA는 방문자의 관심을 끌고 클릭을 유도하는 데 중점을 둡니다.

홈페이지나 블로그 게시물과 같은 일부 웹 페이지에는 콘텐츠가 많기 때문에 CTA가 다른 모든 요소와 섞여 거의 보이지 않게 되기 쉽습니다.

랭크트래커를 만나보세요

효과적인 SEO를 위한 올인원 플랫폼

모든 성공적인 비즈니스의 배후에는 강력한 SEO 캠페인이 있습니다. 하지만 선택할 수 있는 최적화 도구와 기법이 무수히 많기 때문에 어디서부터 시작해야 할지 알기 어려울 수 있습니다. 이제 걱정하지 마세요. 제가 도와드릴 수 있는 방법이 있으니까요. 효과적인 SEO를 위한 Ranktracker 올인원 플랫폼을 소개합니다.

드디어 랭크트래커에 무료로 등록할 수 있게 되었습니다!

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

고정 사이드바 CTA를 입력합니다.

이 플로팅 버튼은 웹 페이지 측면에 고정되어 있어 사용자가 페이지를 위아래로 스크롤할 때 방해가 되거나 시선을 분산시키지 않고 계속 표시됩니다. 잠재 고객이 기사를 읽거나 고객 리뷰를 확인하는 동안 멋진 오퍼를 잊어버릴까 걱정할 필요가 없습니다.

ATH Sport는 첫 주문 시 10% 할인을 제공하며, "10% 할인"이라는 스티커 사이드바 CTA를 구현하여 홈페이지와 웹사이트 전체에서 이 인센티브를 홍보합니다. 이렇게 하면 방문자가 행동을 취하고 할인을 받도록 미묘하게 상기시킵니다.

Use a sticky sidebar CTA (출처: ATH 스포츠)

2. 네거티브 스페이스 활용

CTA를 작성할 때 가장 큰 실수 중 하나는 방대한 텍스트 블록 한가운데에 묻어버리는 것입니다. 방문자가 이를 놓치고 전환하지 않고 떠날 수 있는 확실한 방법입니다.

네거티브 스페이스, 즉 텍스트나 다른 요소로 채워지지 않은 디자인 영역을 최대한 활용하는 것을 두려워하지 마세요. CTA를 공백으로 둘러싸면 시각적인 휴식 공간을 만들어 시청자의 주의를 버튼으로 유도할 수 있습니다.

CTA 주변의 방해 요소가 적을수록 클릭 가능성이 높아집니다.

랭크트래커를 만나보세요

효과적인 SEO를 위한 올인원 플랫폼

모든 성공적인 비즈니스의 배후에는 강력한 SEO 캠페인이 있습니다. 하지만 선택할 수 있는 최적화 도구와 기법이 무수히 많기 때문에 어디서부터 시작해야 할지 알기 어려울 수 있습니다. 이제 걱정하지 마세요. 제가 도와드릴 수 있는 방법이 있으니까요. 효과적인 SEO를 위한 Ranktracker 올인원 플랫폼을 소개합니다.

드디어 랭크트래커에 무료로 등록할 수 있게 되었습니다!

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

Flamingo는 홈페이지의 CTA에 충분한 여백을 주고 다른 요소와 분리하여 방문자의 관심을 주요 목표인 Slack에 휴가 트래커를 추가하는 데 집중하도록 유도합니다. 공백이 많음에도 불구하고 디자인이 공허하거나 미완성된 것처럼 보이지 않도록 적절한 균형을 맞추는 것이 핵심입니다.

Leverage negative space (출처: 플라밍고)

3. 긴박감 조성

긴급성과 희소성은 강력한 전환 동인이므로 이러한 심리적 원칙을 CTA 카피에 포함해야 합니다.

우유부단한 고객도 다른 사람이 제품을 가져가기 전에 바로 주문하도록 유도하는 아마존의 영리한 "재고 1/2/3만 남았습니다" 고지 문구에서 힌트를 얻으세요.

사람들은 희소하거나 곧 품절될 제품을 더 가치 있는 것으로 인식하고, 이는 결국 놓칠까봐 두려워하는 현상(FOMO)을 유발합니다. 제한된 제품 가용성에 초점을 맞춘 CTA 카피를 작성하여 이러한 현상을 활용할 수 있습니다.

긴급함을 강조하려면 지금, 즉시 또는 오늘과 같은 타이밍 단어를 사용합니다.

Bed Bath & Beyond 홈페이지의 CTA는 긴급함과 희소성을 모두 갖춘 좋은 예입니다. 이 혜택은 1월 8일까지 유효하므로 고객은 "지금 쇼핑"으로 초대되지만, "재고 소진 시까지"라는 문구를 추가하여 이 기회 기간을 최소화합니다. CTA가 스크롤 위에 배치된 커다란 빨간색 배너 안에 포함되어 있어 더욱 눈에 띄고 설득력이 있습니다.

Create a sense of urgency - Bed Bath & Beyond (출처: 베드 배스 앤 비욘드)

1월의 홈페이지에는 긴급함을 약간 다르게 표현한 CTA가 있습니다. "대기자 명단에 등록하세요"라는 세심하게 제작된 문구는 앱에 대한 관심을 불러일으키고 출시를 애타게 기다리는 다른 잠재 고객이 있다는 것을 암시하여 수요를 창출합니다. 이 단순하면서도 흥미로운 CTA는 VIP 클럽의 명단에 오르는 것과 같은 다소 배타적인 분위기를 자아내기 때문에 효과적입니다.

Create a sense of urgency - January (출처: 1월)

4. 강력한 단어 포함

이름에서 알 수 있듯이 파워 워드에는 잠재 고객의 감정을 불러일으키는 기능이 있습니다. 구매 결정의 95%는 무의식적으로 이루어지며, 이는 구매 과정에서 감정이 중요한 역할을 한다는 것을 의미합니다.

따라서 다음과 같은 파워 워드를 포함합니다.

  • 무료
  • 놀라운
  • 신규
  • 효과적
  • 쉬운
  • 즉시
  • 보장
  • 위험 없음
  • 인증
  • 보호됨
  • 테스트 완료
  • 확인됨
  • 추가

는 청중에게 적절한 공감을 불러일으키고 행동을 취하도록 유도합니다.

보시다시피, 이러한 단어 중 일부는 버튼을 클릭하고 구매하거나 뉴스레터를 구독하는 것이 안전하다는 것을 고객에게 확신시키는 데 목적이 있습니다. 다른 문구는 오퍼의 가치 제안을 강조하는 데 중점을 둡니다.

Evernote의 홈페이지는 앱으로 삶을 체계적으로 정리할 수 있다고 사용자에게약속하고, CTA는 무료 가입을 유도합니다. 이런 유혹적인 제안을 누가 거절할 수 있을까요?

Include power words - Evernote (출처: Evernote)

마찬가지로 BaseLang의 홈페이지 CTA는 무료 서비스를 제공하는 차선책인 '단돈 1달러'로 스페인어 레슨을 시작하도록 사용자를 초대합니다. 이 브랜드의 전반적인 메시지는 '무제한' 또는 '무제한'과 같은 다른 파워 워드를 사용하여 잠재 고객이 일주일 동안 사용해보고 상징적인 1달러의 비용을 지불할 수 있다는 제안의 가치를 전달합니다.

Include power words - BaseLang (출처: BaseLang)

5. 눈에 띄는 CTA 만들기

15초 법칙에 대해 들어보셨을 텐데요, 이 법칙에 따르면 방문자의 주의를 끌 수 있는 시간은 1/4분밖에 없습니다. 이 시간 동안에는 마음대로 움직일 수 있는 여지가 많지 않으므로 신속하게 행동하고 사람들이 웹 페이지에 도착했을 때 가장 먼저 눈에 띄는 것이 CTA인지 확인해야 합니다.

색상을 활용하는 것은 이러한 목표를 달성하는 가장 좋은 방법 중 하나입니다. 어떤 색상이 전환율을 높이는지에 대한 의견은 다양하지만, 이에 대해서는 아직 의견이 분분합니다. 하지만 빨강, 초록, 파랑, 노랑 중 무엇을 선택할 것인지가 중요한 것이 아니라 대비를 만드는 것이 중요하다는 결론을 내릴 수 있습니다.

예를 들어 색상환의 반대편에 있는 보색을 사용할 수 있습니다. 웹 페이지가 대부분 파란색인 경우 주황색 CTA를 사용하면 강한 대비를 만들 수 있습니다.

멘로 카오칭의 홈페이지는 흰색과 회색이 주를 이루기 때문에 CTA에 선택한 대담한 빨간색이 한눈에 들어옵니다. 이 디자인은 또한 네거티브 스페이스의 이점을 활용하여 CTA 버튼을 더욱 강조하고 중립적인 배경에서 돋보이게 합니다.

Make your CTA pop (출처: 멘로 코칭)

6. 모호하지 않기

방문자가 다음에 일어날 일에 대해 스스로 결론을 내릴 것으로 기대하지 마세요.

"여기를 클릭하세요" 또는 "제출하세요"라는 CTA 버튼은 사람들에게 혼란을 줄 뿐이며, 이는 최악의 선택입니다.

요령은 방문자에게 조치를 취함으로써 얻을 수 있는 이점을 명확하게 전달하고 다음 단계가 무엇인지 알려주는 것입니다.

Dropbox는 홈페이지에서 잠재 고객에게 CTA 버튼을 클릭하면 자신에게 가장 적합한 요금제를 찾을 수 있다고 알려줌으로써 '내게 어떤 혜택이 있는지'에 대한 접근 방식을 사용합니다. 다음 페이지에서 고객이 결정을 내리는 데 도움이 되는 요금제 세부 정보, 기능, 비교 정보를 확인할 수 있습니다.

Don’t be vague (출처: Dropbox)

7. 사회적 증거 추가

잠재 고객을 전환하는 데 있어 소셜 증거보다 더 효과적인 것은 없습니다. 구매 결정의 87%는 온라인 조사에서 시작되며, 고객은 주문하기 전에 평균 10개의 리뷰를 읽습니다.

하지만 잠재 고객이 고객 리뷰와 추천글을 검색하는 동안 웹사이트를 떠나지 않도록 하려면 CTA를 제시하기 전에 소셜 증거를 바로 보여주는 것이 가장 좋습니다.

이렇게 하면 신뢰를 쌓고 구매에 대한 잠재적인 의구심을 해소할 수 있습니다.

홈페이지에서 Buffer가 하는 일이 바로 이것입니다. CTA는 플랫폼 사용으로 삶이 얼마나 편리해졌는지 강조하는 만족스러운 고객들의 인용문과 짝을 이룹니다. 신뢰성을 더하기 위해 고객의 이름과 사진을 포함시켰습니다. 이 간단한 전략은 이름에 얼굴을 부여하고 사회적 증거를 더욱 신뢰성 있게 만들므로 큰 도움이 됩니다.

Add social proof (출처: 버퍼)

8. 단순하게 유지

지금까지 설명한 모든 팁은 CTA가 효과가 있으려면 너무 과장되어야 한다는 인상을 줄 수 있습니다.

하지만 사실 단순함은 종종 과소평가되는 경우가 많습니다.

랭크트래커를 만나보세요

효과적인 SEO를 위한 올인원 플랫폼

모든 성공적인 비즈니스의 배후에는 강력한 SEO 캠페인이 있습니다. 하지만 선택할 수 있는 최적화 도구와 기법이 무수히 많기 때문에 어디서부터 시작해야 할지 알기 어려울 수 있습니다. 이제 걱정하지 마세요. 제가 도와드릴 수 있는 방법이 있으니까요. 효과적인 SEO를 위한 Ranktracker 올인원 플랫폼을 소개합니다.

드디어 랭크트래커에 무료로 등록할 수 있게 되었습니다!

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

많은 경우 디자인과 전환 프로세스 측면에서 CTA를 단순하게 유지하면 훌륭한 결과를 얻을 수 있습니다.

Jira의 홈페이지 CTA는 "Google로 계속" CTA로 모든 상자를 체크합니다. 악마는 디테일에 있으며, 여기에는 별다른 내용이 없어 보이지만 이 CTA의 효과는 가입을 결정한 사람들이 일을 매우 간단하게 만든다는 사실에 있습니다.

Jira는 복잡한 가입 절차 대신 Google 계정을 통해 플랫폼에 액세스할 수 있도록 하여 사용자의 시간을 절약합니다. 몇 번의 클릭만으로 가입할 수 있으며, 등록을 포기하고 장바구니를 떠나는 경우가 많은 번거로운 양식 입력이 필요하지 않습니다. 또한 이 카피에는 ' 무료'라는 마법의 참깨 파워 단어가 포함되어 있어 클릭을 망설이는 사용자도 클릭하고 계속 진행하도록 설득할 수 있습니다.

Keep things simple (출처: Jira)

마무리

콜투액션은 웹 페이지에서 가장 작은 디자인 요소일 수 있지만 그 중요성은 매우 큽니다. 콜투액션이 없으면 잠재 고객이 무엇을 기대하는지, 다음 행동이 무엇인지 알 수 없기 때문입니다. 따라서 CTA의 디자인을 신중하게 고려하고 대수롭지 않게 여기지 마세요. 이러한 전략은 클릭을 유도하는 데 도움이 될 것입니다.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

랭크트래커 사용 시작하기... 무료로!

웹사이트의 순위를 떨어뜨리는 요인이 무엇인지 알아보세요.

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

Different views of Ranktracker app