보고 지나칠 수 없는 30가지 강력한 CTA(콜투액션) 예시


CTA (콜투액션)의 여러가지 종류가 컬러별로 다양하게 보여지는 모습


마케터와 비즈니스 소유주가 웹사이트를 제작할 때, 대상 고객들이 콘텐츠를 반드시 클릭하도록 설득할 수 있는 강력한 콜투액션(CTA)을 사용해야 한다는 충고를 받곤 합니다. 강력한 CTA는 사람들이 구매하거나, 구독, 예약 등 비즈니스 목표에 걸맞는 행동을 취하도록 유도하는 기능을 합니다.


효과적인 CTA를 작성하고 설계하는 것이 어려울 때도 있습니다. 한편, CTA가 눈에 띄면서도 너무 상업적이지 않고, 필사적으로 보이지 않는 CTA를 원하실 텐데요. 웹사이트 방문자들에게 반복적으로 얘기하지 않아도 구매, 등록 또는 가입하도록 유도하기 위해 사용할 수 있는 단어는 아주 많습니다. 오늘은 성공적인 CTA 사례들을 살펴보며 나만의 CTA를 어떻게 제작하면 좋을지 알아보도록 할 텐데요. 먼저 저희가 제일 좋아하는 CTA 예시들을 소개하고, 모범 CTA 작성 방법을 정리하여 알려드리겠습니다.

콜투액션(CTA)이 무엇인가요?

콜투액션(CTA)는 내 웹사이트, 랜딩페이지, 이메일 또는 광고에서 고객으로 하여금 원하는 작업을 수행하도록 유도하는 짧은 문구를 말합니다. 주로 클릭할 수 있는 형태의 텍스트, 이미지 또는 버튼으로 되어 있으며, 내가 사용자로 하여금 원하는 작업을 수행하도록 다음 단계로 안내하는 역할을 합니다. 하지만, 콜투액션(CTA)는 링크 없이 일반 텍스트로만 이루어져 있기도 합니다. 훌륭한 CTA를 구현하는 것은 전환, 판매 및 잠재 고객 확보의 노력에 큰 영향을 미칠 수 있기 때문에 비즈니스를 성장시키기 위한 필수 조건입니다.

콜투액션(CTA) 제작 팁

몇몇의 콜투액션(CTA) 예시를 살펴보기 전에 좋은 CTA란 무엇인지부터 정의해보도록 하겠습니다. 좋은 CTA의 정의가 무엇인지 알고 나서 해당 글 아래의 우수 CTA 예시들을 살펴보면 왜 이러한 예시들을 우수한 CTA로 선택했는지 잘 이해할 수 있으며, 훌륭한 CTA를 제작하는 데 더 큰 도움이 될 것입니다. 다음의 CTA 팁을 사용하면 클릭율을 높이는 데 도움이 됩니다.


  • 동작 단어를 사용한다: 긴박감을 형성하여 사람들이 행동을 취하도록 유도하는 가장 좋은 방법은 콘텐츠에 동작 단어를 사용하는 것입니다. 동작 동사를 사용한 일반적인 CTA는 이렇습니다. 구매, 장바구니에 추가, 주문, 체험, 시작, 가입, 다운로드, 더 알아보기, 위로 올리기, 계속, 더 보기.


  • 1인칭으로 작성한다: 1인칭으로 작성하면 독자의 관심을 끌어 즉시 반응하도록 유도할 수 있습니다.


  • 짧고 단순하게 작성한다: CTA에 사용할 단어 수와 웹페이지 또는 광고에서 사용할 콜투액션(CTA) 개수를 신중하게 선택하세요. 텍스트를 간결하게 유지해야 전달해야 할 중요한 메시지가 덜 중요한 정보들 사이에서 가려지는 일이 없기 때문에 눈에 띌 수 있습니다.


  • 고객의 필요를 이해한다: 만약 여러분이 사용자가 무엇을 필요로 하며 무엇을 할 준비가 되었을지 예상할 수 있다면, 클릭을 하는 선택을 유도하는 데 가장 큰 영향을 미칠 수 있을 것입니다. 사용자가 현실적으로 ‘지금 구매’할 준비가 되었나요? 아니면 일단 자세한 정보를 ‘다운로드’할 준비가 되었을까요? 여러분은 가장 관련성이 큰 정보를 사용자에게 적시에 노출시킴으로써 전환율 및 클릭율이 얼마나 증가되는지 확인해야 합니다.


  • CTA를 찾기 쉽게 만든다: 색상, 크기를 대조되게 하고, CTA 버튼을 전략적으로 설계함으로써 전환율을 높이는 최고의 사용자 경험을 구축할 수 있습니다. 참고로 Wix의 웹사이트 템플릿랜딩페이지 템플릿에는 원하는 대로 편집할 수 있는 CTA 버튼이 내장되어 있습니다. 이러한 템플릿들은 사용자의 관심을 끌기 쉽도록 페이지 레이아웃에 전략적으로 배치되어 제작되었습니다. 게다가, 배경과 대비가 잘 되는 최적의 크기와 시각적인 색상으로 디자인되었습니다.



콜투액션이 잘 보이도록 디자인된 웹사이트의 예시



우수한 콜투액션(CTA) 예시


  1. Wix.com

  2. Slack

  3. Box

  4. Domino's

  5. Zoom

  6. International Rescue Committee

  7. Carissa Potter

  8. The Chef and the Dish

  9. Lever

  10. Modcloth

  11. Patagonia

  12. Saint-Isadore

  13. Greek Sandals

  14. HotJar

  15. SoundCloud

  16. Outreach

  17. Amazon Music

  18. The Syntopia Hotel

  19. Stitch Fix

  20. Booking.com

  21. Overstock

  22. Tableau

  23. Volkswagen

  24. Upstart

  25. Balloon

  26. Backlinko

  27. Lyft

  28. Asana

  29. Headspace

  30. Chipotle

웹사이트 콜투액션(CTA) 예시



01. Wix.com

CTA: 전문적인 웹사이트 만들기


사용자에게 처음으로 웹사이트를 제작하길 권유할 때, 비즈니스 웹사이트, 온라인 포트폴리오, 무료 블로그 또는 디지털 이력서 등 성공적인 미래를 구축할 수 있는 기회를 제공하여 나 자신을 위해 멋진 일을 시작하는 세계로 사용자를 초대합니다. 이것이 바로 Wix.com 홈페이지에 있는 CTA가 영감을 주는 방식입니다. 또한, 행동을 유도하기 위해 감정을 활용하고 있습니다. ‘시작하기’라는 보조 CTA 버튼은 사용자를 잠재 고객으로 전환하고 Wix 계정을 개설하도록 동기를 부여하는 역할을 합니다.



콜투액션의 좋은 예시: 윅스 웹사이트의 전문적인 웹사이트 만들기 CTA



02. Slack

CTA: Slack은 미래의 일이 이뤄지는 곳입니다

Slack 콜투액션(CTA)의 장점을 이해하기 위해서는 ‘더 나은 미래’를 만들기 위해 노력하는 기업의 사명을 고려해야 하는데요. ‘Slack은 미래가 이뤄지는 곳’이며, ‘이제는 더 나은 미래를 만들 때’라고 말하고 있습니다. Slack의 CTA에서는 ‘지금’이라는 동작 단어와 ‘미래’라는 단어가 대비를 이루며, 미래에 영향을 끼칠 구매 결정을 지금 내리도록 동기를 부여하고 있습니다.


Slack의 홈페이지에는 플랜 가격이나 기타 제품 등의 자세한 정보를 제공하는 내비게이션 메뉴도 있습니다. 하지만, 여기서 주목해야 할 것은 ‘무료 체험하기’와 ‘영업팀과 대화하기’ 버튼과 같은 추가 CTA들입니다. 이러한 간단한 웹디자인은 사이트 방문자들이 고객 여정대로 나아가게 만듭니다.



슬랙의 눈길을 끄는 헤더 제목: 슬랙은 미래의 일이 이뤄지는 곳


03. Box


CTA: 체험판 문의

Box는 병원, 대학, 기업과 같은 대규모 단체에 클라우드 스토리지 서버를 제공하는 기업인데요. Box에서는 이러한 유형의 단체들이 제품에 더 전념할 수 있도록 고객들 간에 개인적인 연결을 구축할 수 있어야 한다는 것을 알고 있습니다. 이것이 바로 ‘체험판 문의’ CTA 버튼이 Box 웹사이트에서 두드러지게 나타나는 이유입니다. 이러한 솔루션은 SaaS 환경에서 체험판이 얼마나 중요한지, 복잡한 단계를 거치지 않고 체험판을 예약할 수 있는 옵션이 얼마나 중요한지 설명하는 확실한 콜투액션(CTA) 예시라고 할 수 있습니다.



박스의 콜투액션 문구: 체험판 문의


04. Domino’s


CTA: 배달/포장


때로는 하나의 CTA로는 모든 고객을 사로잡을 수 없습니다. 그래서 Domino’s에서는 피자를 포장과 배달이라는 두 가지 옵션으로 나뉘는 방문자를 모두 사로잡을 방법을 찾았습니다. 이러한 두 가지 CTA의 훌륭한 점은 언어가 명확하고 동작을 유도하여 방문자가 구매를 진행하도록 만듭니다. 대부분의 콜투액션(CTA) 예시는 거의 항상 동사로 작성되어 있지만, 두 가지 옵션 중 하나를 선택하도록 할 때에는 굳이 동사로 작성하지 않아도 됩니다.



도미노의 콜투액션 문구 : 배달 또는 포장

05. Zoom


CTA: 왜 줌이어야 할까요


Zoom의 CTA 성공 비결은 홈페이지의 강력한 인사 문구에서 시작됩니다. 굵은 글씨로 Zoom은 이렇게 말합니다. “Zoom, 고객 평가에서 1위 기록” 최고의 동영상 컨퍼런스 플랫폼으로서 Zoom의 명성은 잘 알려져 있는데요. 즉, Zoom의 CTA가 할 일은 아직 고객이 아닐 수도 있는 고객에게 호소하는 것뿐입니다. “왜 줌이어야 할까요” 그리고 “지금 무료로 가입하세요” 이렇게 말이죠.


고객 추천 후기와 더불어 강력한 CTA를 통해 사용자는 Zoom이 왜 그렇게 높은 순위를 차지하는지 알 수 있게 됩니다. 그리고 그러한 경험의 일부가 되기 위해 등록할 것입니다. Zoom이 신뢰를 더 견고하게 만들기 위해 높은 평판을 ‘과시’하여 경쟁 우위를 보여준 방식은 매우 인상깊었습니다.



줌의 콜투액션 문구: 왜 줌이어야 할까요


06.International Rescue Committee


CTA: 기부하기


단순함과 창의성이 만나면 잘못될 일이 거의 없습니다. International Rescue Committee의 웹사이트는 ‘기부’라는 단어를 매우 간단하게 사용합니다. 이 텍스트의 배경에 있는 검정색과 노란색의 대담한 보색 조합은 강력한 메시지를 담고 있습니다. 게다가 작은 하트 아이콘을 더하여 베풂과 돌봄의 아름다움을 상기시킵니다. 이러한 ‘기부하기’ 콜투액션(CTA) 예시는 도덕적 의무감을 불러일으킵니다.



국제 구조 위원회의 콜투액션 문구: 기부하기


07. Carissa Potter

CTA: 제출하기

일러스트레이터들은 이메일 서비스를 제공하는 일이 많지 않은데요. 하지만 Carissa Potter에서 이메일 뉴스레터를 등록하면 손으로 직접 그린 봉투의 유쾌한 삽화와 더불어 사랑과 때로는 사랑과 관련된 짧은 문구를 더해 제공합니다. Potter는 개인적인 연결을 만들고 독특한 CTA 형태를 통해 자신의 진정한 목소리를 공유할 수 있습니다. 저희는 Potter의 프로젝트를 보기 위해 그녀의 Wix 웹사이트를 방문하는 많은 사람들이 진심 어린 메시지가 담긴 뉴스레터를 구독하고 좋아할 것이라고 확신합니다.



카리사포터의 콜투액션 문구: 제출하기


08. The Chef and the Dish

CTA: 나만의 쿠킹 클래스 예약


요리 사이트를 이용해 본 적이 있다면 많은 사이트가 가장 최근에 게시된 블로그 게시물을 우선으로 하는 레이아웃을 선택한다는 것을 아실 것입니다. 이것이 결코 잘못된 방식은 아니지만 게시한지 오래된 레시피나 요리 강의를 찾기가 번거로워지는데요. 이것이 바로 저희가 The Chef and the Dish의 Wix 웹사이트와 콜투액션(CTA) 예시를 좋아하는 이유입니다. 해당 사이트에서는 ‘나만의 쿠킹 클래스 예약’ 옵션을 홈페이지 가운데에서 주된 요소로 강조하고 있습니다.


또한, The Chef and the Dish 사이트에는 요리 유형에 따라 맞춤화 한 CTA 버튼을 더했습니다. 이렇듯 맞춤화 하여 명확하게 이름을 정한 디자인은 사이트 방문자들로 하여금 관심 있는 종류의 음식을 쉽게 찾도록 하고, 즉시 다음 단계로 이동할 수 있게 해줍니다.



요리 웹사이트의 콜투액션 문구: 나만의 쿠킹 클래스 예약


09. Lever


CTA: 전화 문의


전화 판매 상담은 채용 서비스인 Lever와 같은 디지털 서비스 제공업체들에게 필수입니다. 잠재 고객들에게 담당자와 소통할 수 있는 기회를 제공함으로써 계약 체결 전에 제품에 대한 좋은 첫인상을 심어줄 수 있습니다. 그렇기에 저희는 Lever에서 ‘전화 문의’ CTA를 적용한 것이 아주 적절했다고 생각합니다. 접근하기 쉽고 친근한 캐주얼 톤을 적용하면서도 즉각적인 느낌을 더한 CTA이죠.



레버 사이트의 콜투액션 문구: 전화 문의


온라인 쇼핑몰 콜투액션(CTA) 예시

10. Modcloth


CTA: 핼러윈 의상 둘러보기


온라인 쇼핑몰로서 ModCloth는 시즌 변화에 대응하면서도 브랜드의 개성을 보여주는 메시지를 활용하여 개인화를 통해 더 많은 매출을 올릴 수 있다는 것을 알고 있습니다. 그래서 ModCloth 홈페이지는 CTA를 항상 시즌에 맞게 최신으로 유지하고 있습니다. 예를 들어, 현재 핼러윈을 앞두고 있기에 ‘할로윈 의상 둘러보기’ 코너가 생긴 것을 확인할 수 있습니다. 게다가 친근한 문구도 더했습니다. ‘핼러윈이 코앞에 다가왔어도 불안할 필요가 없습니다! 그리고 우리는 영화계의 비명의 여왕에서 영감을 받은 무시무시한 컬렉션을 준비하고 있습니다.’ 이런 장난스러운 문구는 결코 평범하지 않지요. 연휴 또는 큰 행사를 위한 CTA를 제작할 방법이 있다면, 고객들에게 신선하면서도 이벤트와 관련된 CTA를 보여줄 추가적인 단계를 밟으세요.



매드클로스 쇼핑몰의 콜투액션 문구: 핼러윈 의상 둘러보기


11. Patagonia

CTA: 행동하기


Patagonia에서는 내비게이션 메뉴에 있는 긴 링크 목록을 검색할 필요가 없습니다. 대신 아웃도어 의류 쇼핑몰은 쇼핑, 행동주의, 스포츠, 스토리 등 고객에게 가장 중요한 카테고리로 바로 안내합니다. 이는 쇼핑객들이 원하는 도착지에 바로 갈 수 있도록 하는 효율적인 방법이죠.


Patagonia 홈페이지의 행동주의 페이지에서는 ‘행동하기’라고 적힌 큰 CTA를 활용하여 환경적인 노력을 강조하며, 방문자들이 수많은 비영리 단체와 함께 자원봉사에 등록하도록 유도하고 있습니다. 이러한 콜투액션(CTA) 예시는 일종의 말장난이라고 할 수 있는데요. 방문자가 Patagonia 사이트에서 행동으로 함으로써 지역 단체를 위해 행동하는 것이 되기도 하기 때문입니다.



파타고니아의 콜투액션 문구: 행동하기


12. Saint-Isadore

CTA: 온라인 쇼핑

Saint-Isadore의 Wix 웹사이트에는 두 개의 CTA 버튼이 있습니다. 하나는 ‘온라인 쇼핑’이라고 적혀 있고 검은색 테두리로 둘러싸여 있고, 다른 하나는 ‘모든 제품 살펴보기’라고 적힌 분홍색의 클래식 버튼입니다. 이러한 두 가지 콜투액션(CTA) 모두 클릭하면 동일한 페이지로 이동합니다. 이는 더 많은 클릭 수를 유도하기 위해 넓은 네트워크를 구축하는 일반적이고 효과적인 CTA 기술입니다.

여러 가지 이유로 방문객들은 ‘온라인 쇼핑’ 버튼을 클릭할 수도 있고 혹은 ‘모든 제품 살펴보기’ 버튼을 클릭하고 싶을 수도 있습니다. 여기서 중요한 것은 Saint-Isadore가 단순히 동일한 버튼을 반복해서 사용하지 않았다는 것입니다. 텍스트 내용과 디자인을 모두 약간씩 변형하여 독특하지만 관련성을 유지한 버튼을 제작했습니다.



세인트 이사도어의 콜투액션 문구: 온라인 쇼핑


13. Greek Sandals

CTA: 컬렉션 발견하기

Wix 사용자인 Greek Sandals의 웹사이트 전반에서 휴가 및 여름 분위기가 느껴지는데요. 해변을 배경으로 하는 제품 이미지들을 통해 사이트 방문자들은 마치 여행을 하는 듯한 느낌을 받게 됩니다. Greek Sandals는 ‘컬렉션 발견하기’라는 텍스트를 통해 미학과 Greek Sandals에서 추구하는 CTA 언어를 연결했습니다. ‘발견하기’라는 단어는 여행 중에 새로운 장소를 찾는 것을 뜻하는 단어이기 때문에 선택되었다고 생각합니다.



그맄 샌달 쇼핑몰의 콜투액션 문구: 컬렉션 발견하기

Facebook 광고 콜투액션(CTA) 예시


14. HotJar

CTA: 사용자가 내 사이트를 이탈하는 이유를 알아보세요


Hotjar의 Facebook 광고는 Hotjar가 더 나은 웹 경험을 구축할 수 있음을 사용자들에게 즉각적으로 알려줍니다. ‘사용자가 내 사이트를 이탈하는 이유를 알아보세요’라는 메시지와 더불어 ‘Hotjar 무료 체험’ 문구를 추가함으로써 서로를 완벽하게 보완하고 있습니다. Hotjar는 목표 시장에 어떤 문제가 있는지 알고 있으며, 그 해결책을 제공할 수 있음을 사용자들에게 알리고 있습니다.