다음 디자인을 안내하는 데 도움이 되는 7가지 인터콤 랜딩 페이지 예시

게시 됨: 2017-07-03

Accenture의 2015 B2B 고객 경험 설문 조사에 따르면 B2B 경영진의 79%가 차별화된 고객 경험이 비즈니스 결과에 직접적인 영향을 미친다고 생각합니다. 고객 경험은 비즈니스 전략에서 점점 더 중요해지고 있으며 고객 메시징 및 참여 플랫폼인 Intercom이 2011년 설립 이후 매우 잘 성장한 이유 중 하나입니다.

기업은 고객 참여와 성장 간의 관계를 더 잘 인식하고 있지만 Intercom 성공의 유일한 요인은 아닙니다. Intercom은 또한 강력한 디지털 마케팅 전략을 가지고 있으며 클릭 후 랜딩 페이지를 사용하여 리드를 생성합니다.

클릭 후 랜딩 페이지는 매력적인 헤드라인, 영웅 사진, 사회적 증거, 대조적인 CTA와 같은 설득력 있는 요소를 사용하여 방문자가 오퍼에 대해 조치를 취하도록 유도하는 독립형 페이지입니다. 해당 작업은 eBook 다운로드, 제품 데모 등록, 무료 평가판 등록 등이 될 수 있습니다.

오늘 기사에서는 다양한 Intercom 클릭 후 방문 페이지를 검토하여 각 페이지가 전환에 얼마나 효과적으로 최적화되어 있는지 평가합니다.

7 Intercom 전환에 최적화된 클릭 후 랜딩 페이지

(짧은 페이지의 경우 전체 페이지를 표시했습니다. 긴 페이지의 경우 스크롤 없이 볼 수 있는 부분만 표시했으므로 논의된 몇 가지 사항을 보려면 페이지를 클릭해야 할 수도 있습니다. 또한 명심하십시오. 일부 페이지는 아래에 표시된 것과 다른 버전으로 A/B 테스트를 진행 중일 수 있습니다.)

1. 고객 지원 서적의 다운로드를 장려하기 위해

Intercom 클릭 후 랜딩 페이지 전자책

페이지가 잘하는 것:

  • 태블릿의 전자책 표지 이미지 는 방문자가 이메일을 입력하면 다운로드하게 될 내용을 보여줍니다.
  • 접힌 부분 위의 최소한의 카피 는 방문자에게 전환 결정을 내리는 데 필요한 모든 정보를 제공합니다.
  • 다중 다운로드 옵션 은 사람들이 책을 받는 방법을 선택할 수 있기 때문에 클릭 후 랜딩 페이지에 매우 고유합니다.
  • 단일 필드 양식 을 사용하면 방문자가 이메일을 제출하기만 하면 전환할 수 있습니다.
  • 고객 로고 는 Facebook, Google, Uber와 같은 회사의 경영진도 Intercom의 콘텐츠를 읽고 있음을 방문자에게 알리는 강력한 형태의 사회적 증거입니다.
  • eBook의 기고자 들은 모두 얼굴 사진, 이름, 제목 및 전기를 나열했습니다. 이는 잠재 고객과 신뢰를 구축하는 데 도움이 됩니다.

페이지에서 변경할 수 있는 것 또는 A/B 테스트:

  • 헤더 로고 가 링크되어 방문자가 전환하지 않고 페이지를 떠날 수 있는 기회를 제공합니다.
  • 머리글 의 소셜 미디어 링크 는 또한 방문자가 제안을 평가하지 않고 떠날 수 있는 기회를 제공합니다.
  • "시작하려면 이메일을 입력하세요" 는 CTA 카피인 "Send Me the Book"과 결합될 때 혼란스럽습니다. 이메일 주소 외에 무엇이 필요합니까? CTA 버튼을 클릭하면 감사 페이지를 통해 콘텐츠를 제공하거나 이메일로 보내야 합니다. 그러나 자리 표시자 텍스트가 실제와 같이 읽기 때문에 혼동을 일으키고 페이지를 떠나도록 유도할 수도 있습니다.
  • CTA 색상 은 주변 요소에 의해 반복되어 눈에 띄기 어렵습니다. Intercom은 CTA 색상을 녹색 또는 노란색으로 변경하여 전환율을 높입니다.
  • 바닥글 에는 링크된 로고가 있습니다. 이 링크를 제거하면 방문자가 페이지에 계속 머물면서 제안에 집중할 수 있습니다.

2. 고객 참여 도서 다운로드 생성

인터컴 클릭 후 랜딩 페이지 고객 전자책

페이지가 잘하는 것:

  • 메뉴 내비게이션이 없어 방문자는 페이지에 머물며 제품에 집중할 수 있습니다. 메뉴는 방문자가 페이지에 도착하자마자 쉬운 종료 경로를 제공합니다.
  • 스크롤 없이 볼 수 있는 사회적 증거 는 방문자에게 다른 유명 인사가 이 eBook을 읽었음을 즉시 알려줍니다. 스크롤 없이 볼 수 있는 부분 아래에는 HubSpot 및 MarketingProfs 경영진의 인용문이 있어 독자를 끌어들이는 데 도움이 됩니다. 인용문에는 이름, 제목, 얼굴 사진이 있어 더욱 설득력 있는 사회적 증거가 됩니다.
  • eBook의 이미지 는 방문자에게 다운로드할 내용을 미리 보여주기 때문에 예상되는 내용을 정확히 알 수 있습니다.
  • 1필드 형식 은 마찰을 줄이고 전환율을 높이는 좋은 방법입니다. 이 클릭 후 랜딩 페이지는 이메일만 요청하므로 더 많은 정보가 요청된 경우보다 더 많은 잠재 고객이 양식을 작성하도록 유도합니다.
  • 녹색 CTA 는 뚜렷하며 주변 요소에서 색상이 반복되지 않습니다. 이것은 눈에 띄고 전환율을 높이는 데 도움이 됩니다.
  • CTA 아래 카운터 는 사회적 증거 역할을 합니다. Intercom은 14,000명이 이미 마지막 eBook을 읽었으며 독자는 Google, Dropbox 및 Facebook과 같은 주목할만한 회사 출신이라고 말합니다.
  • 전자책의 저자 는 전체 이름, 약력, 얼굴 사진 및 Twitter 핸들과 함께 제공됩니다. 이렇게 하면 방문자가 작성자를 더 친숙하게 만들어 콘텐츠를 더 신뢰할 수 있습니다.
  • 오른쪽 하단 의 채팅 아이콘 은 방문자와 함께 스크롤되며 클릭 후 랜딩 페이지를 떠나지 않고도 Intercom 지원 담당자에게 연락할 수 있습니다.

페이지에서 변경할 수 있는 것 또는 A/B 테스트:

  • Intercom 로고 는 머리글과 바닥글 모두에 연결되어 방문자가 전환하지 않고 페이지를 떠날 수 있는 기회를 제공합니다.
  • 페이지 전체의 다른 섹션에 대한 헤드라인 은 그다지 설득력이 없습니다. "두 번째 책 소개", "무료 책 받기" 및 "내용"은 "고객 참여 전략을 바꿀 책", "무료 고객 참여 책 다운로드" 및 "전에 살펴보기"로 변경될 수 있습니다. 당신의 다운로드.”
  • CTA 버튼과 이메일 캡처 필드를 확대하면 페이지를 훑어볼 때 훨씬 쉽게 볼 수 있습니다.
  • CTA 카피 는 그다지 설득력이 없습니다. "책 받기"를 "고객 참여 책 다운로드"로 변경할 수 있습니다.

3. 온보딩 eBook 제공

Intercom 클릭 후 랜딩 페이지 전자책 온보딩

페이지가 잘하는 것:

  • 헤더 의 메뉴 탐색 은 앵커 텍스트를 사용하여 방문자를 페이지 외부가 아닌 클릭 후 랜딩 페이지의 다른 섹션으로 안내합니다.
  • 단일 필드 형식 은 마찰을 줄이고 방문자가 전환할 가능성을 높이는 데 도움이 됩니다. 잠재 고객은 너무 많은 개인 정보를 입력할 필요가 없을 때 양식을 작성할 가능성이 더 큽니다.
  • 고객 로고 는 방문자가 전환하기 전에 Intercom과 신뢰를 구축할 수 있도록 돕는 사회적 증거의 효과적인 형태입니다.
  • 사본 은 eBook 내부에 무엇이 있는지, 잠재 고객이 다운로드할 때 무엇을 기대할 수 있는지 자세히 설명하는 데 효과적입니다.
  • 자선 단체 에 기부할 수 있는 옵션 은 특정 청중에게 어필할 사회적 선의 고유한 요소를 추가합니다.

페이지에서 변경할 수 있는 것 또는 A/B 테스트:

  • 헤더 의 소셜 미디어 링크 는 방문자가 전환하지 않고 페이지를 떠날 수 있는 기회를 제공합니다.
  • 머리글과 바닥글에 링크된 로고 는 방문자가 제안을 고려하지 않고 떠날 수 있는 기회를 제공합니다.
  • CTA 색상 은 페이지의 다른 주변 요소와 동일하여 눈에 띄기 어렵습니다. 이 색상을 노란색으로 변경하면 전환율을 높이는 데 도움이 됩니다.
  • CTA 바로 아래에 있는 다른 Intercom 전자책에 대한 링크 는 방문자가 페이지를 떠나 다른 제안을 고려할 수 있는 기회를 제공합니다. 최적화된 클릭 후 랜딩 페이지는 방문자를 페이지에 머물게 하고 하나의 제안에 집중하게 합니다.

4. 뉴스레터 구독을 늘리기 위해

Intercom 클릭 후 랜딩 페이지 뉴스레터

페이지가 잘하는 것:

  • 메뉴 내비게이션이 없어 방문자는 페이지에 머물며 제품에 집중할 수 있습니다.
  • 카운터를 사회적 증거로 사용하는 것은 헤드라인 바로 아래에 있습니다. Intercom은 방문자에게 25,000명의 사람들이 이미 주간 뉴스레터를 구독하고 있음을 알립니다.
  • 단일 필드 양식 은 마찰을 줄이고 더 많은 방문자가 전환하도록 장려합니다.
  • 최소한 의 문구를 통해 방문자는 텍스트 벽을 읽을 필요 없이 전환 여부를 신속하게 결정할 수 있습니다.

페이지에서 변경할 수 있는 것 또는 A/B 테스트:

  • 헤더의 로고 가 링크되어 방문자가 제안을 고려하지 않고 페이지를 떠날 수 있는 기회를 제공합니다. 이 링크를 제거하면 전환이 증가할 수 있습니다.
  • CTA 색상 은 페이지의 다른 요소와 동일하여 눈에 띄기 어렵습니다. CTA 색상을 녹색으로 변경하면 전환이 증가할 수 있습니다.
  • 개 그래픽은 관련이 없습니다. 뉴스레터 표지 이미지는 방문자가 전환 후 받은 편지함에서 예상되는 사항을 알 수 있도록 도와줍니다.
  • 소셜 증명 은 구독자의 직함, 관련된 회사를 추가하고 응답의 품질을 높임으로써 더 효과적일 수 있습니다. "잘 했어"와 "좋은 기사"는 Intercom의 뉴스레터가 비즈니스를 개선하는 데 어떻게 도움이 되었는지에 대한 구체적인 통찰력으로 대체될 수 있습니다.

5. 온보딩 웨비나에 대한 관심 유발

Intercom은 소셜 미디어를 통해 트래픽을 유도하여 온보딩 웨비나에 대한 관심을 불러일으킵니다. Twitter 게시물은 아래의 해당 클릭 후 방문 페이지로 연결됩니다.
인터콤 클릭 후 랜딩 페이지 트윗
Intercom 클릭 후 랜딩 페이지 웨비나

페이지가 잘하는 것:

  • 제목 과 부제목은 웨비나의 내용을 명확하게 설명합니다. 방문자는 이 페이지에 도착하자마자 무엇을 기대해야 하는지 알게 됩니다.
  • 양식 위 의 달력 을 통해 방문자는 웨비나 시작 시간을 정확하게 알 수 있습니다.
  • 짧은 형식 은 마찰을 줄이고 전환율을 높이는 데 도움이 됩니다. Intercom은 클릭 후 랜딩 페이지 양식에 너무 많은 필드를 추가하지 않는 데 효과적입니다.
  • Bulleted copy 는 방문자가 웨비나를 빠르게 읽고 시간을 투자할 가치가 있는지 판단하는 데 도움이 됩니다.

페이지에서 변경할 수 있는 것 또는 A/B 테스트:

  • 머리글 및 바닥글의 메뉴 탐색은 방문자에게 페이지를 떠날 수 있는 여러 기회를 제공합니다. Intercom은 잠재 고객이 웨비나에 등록하도록 하기 위한 유일한 의도로 이 페이지로 트래픽을 유도하고 있습니다. 그러나 머리글 및 바닥글 탐색은 해당 목표를 방해합니다. 탐색을 제거하면 이 클릭 후 랜딩 페이지를 최적화하는 데 큰 도움이 됩니다.
  • 웨비나 호스트 의 이름, 제목, 얼굴 사진은 있지만 약력은 없습니다. 전기는 그들의 권위를 확립하고 잠재 고객과의 관계를 구축하는 데 도움이 될 수 있습니다.
  • CTA 색상 은 페이지의 다른 요소와 동일하므로 일반적으로 눈에 띄는 데 도움이 되지 않습니다. 그러나 이 경우 페이지에서 가장 큰 요소이고 주변에 많은 양의 여백이 있다는 사실은 잠재 고객의 시선을 끌 수 있도록 도와줍니다.
  • 사용 후기 또는 고객 로고와 같은 사회적 증거 는 웨비나에 참석하여 긍정적인 결과를 얻은 브랜드를 소개하는 데 도움이 될 수 있습니다.

6. 잠재 고객이 무료 평가판을 시작하도록 권장

Intercom 클릭 후 방문 페이지 무료 평가판

페이지가 잘하는 것:

  • 메뉴 내비게이션이 없어 방문자는 페이지에 머물며 제품에 집중할 수 있습니다.
  • 캠페인 및 템플릿 의 관련 이미지 는 방문자에게 무료 평가판 기간 동안 볼 수 있는 내용을 보여줍니다.
  • CTA 아래에 있는 "오늘 시작하기 위해 누군가에게 이야기하십시오" 링크는 방문자를 페이지 밖으로 이동시키지 않습니다. 대신 방문자가 질문에 대한 답을 얻을 수 있는 채팅 상자를 표시합니다.
  • 스크롤 없이 볼 수 있는 사회적 증거 는 Intercom이 잠재 고객과 신뢰를 구축하는 데 도움이 됩니다. 평가에는 인용문, 얼굴 사진, 이름 및 제목이 포함되어 있어 가치가 있습니다.

페이지에서 변경할 수 있는 것 또는 A/B 테스트:

  • 헤더 의 로고 가 링크되어 방문자가 전환하지 않고 페이지를 떠날 수 있는 기회를 제공합니다.
  • CTA 색상 은 페이지의 다른 요소와 동일하므로 전환이 줄어듭니다. CTA 색상을 빨간색 또는 녹색으로 변경하면 버튼의 눈 수가 늘어납니다.
  • 사용후기는 하나뿐이며 이 섹션이 있는 것은 긍정적이지만 몇 가지 사용후기를 추가하면 여러 브랜드가 Intercom의 서비스를 사용하고 있음을 잠재 고객에게 확신시킬 수 있습니다.
  • 카운터 는 사용할 사회적 증거의 또 다른 좋은 형태가 될 것입니다. Intercom은 얼마나 많은 브랜드와 사용자가 이미 Intercom의 서비스를 사용하고 있는지 잠재 고객에게 알릴 수 있습니다.

7. 제품 구성 eBook에 대한 다운로드 생성

Intercom 클릭 후 랜딩 페이지 전자책 제품

페이지가 잘하는 것:

  • 메뉴 탐색 은 방문자를 페이지의 특정 섹션으로 안내하여 제안에 집중할 수 있도록 합니다.
  • 여러 기기에서 eBook 이미지 가 적합합니다. 방문자는 전자책 표지를 보고 무엇을 기대해야 하는지 알 수 있습니다. 또한 여러 장치에서 eBook을 읽는 것을 상상할 수 있습니다.
  • 단일 필드 양식 은 방문자가 양식을 작성하고 전환할 가능성을 높이는 데 도움이 됩니다.
  • CTA 아래의 고객 로고 는 Intercom과 잠재 고객 간의 신뢰를 구축하고 방문자에게 Google 및 Facebook과 같은 대형 브랜드가 서비스를 사용하고 있음을 보여줍니다.
  • 평가 에는 인용문, 얼굴 사진, 이름 및 제목이 포함됩니다. 이렇게 많은 정보를 포함하면 잠재 고객에게 가치를 제공합니다.

페이지에서 변경할 수 있는 것 또는 A/B 테스트:

  • 헤더 의 로고와 소셜 미디어 아이콘 이 연결되어 방문자가 제안을 평가하고 고려하지 않고 페이지를 떠날 수 있는 기회를 제공합니다.
  • CTA 아래의 다른 eBook 링크는 다른 제안에 대한 관심을 불러일으킵니다. 다른 콘텐츠에 대한 이러한 링크와 언급은 제품 제작 eBook에 집중할 수 있도록 제거해야 합니다.
    긴 스크롤은 A/B 테스트를 통해 정보를 짧은 페이지로 요약하면 더 많은 전환으로 이어질 수 있는지 확인할 수 있습니다.
  • 바닥글 에는 로고 링크와 소셜 미디어 링크가 모두 포함되어 있습니다. 이러한 링크를 제거하면 이 페이지의 잠재력을 극대화하는 데 도움이 됩니다.

다음 디자인에 영감을 준 Intercom 클릭 후 랜딩 페이지는 무엇입니까?

Intercom은 영웅 샷, 짧은 형식 및 사회적 증거와 같은 설득력 있는 요소로 클릭 후 랜딩 페이지를 최적화하는 모범적인 작업을 수행합니다. 위의 각 예는 다양한 요소를 활용하면서 전문적인 클릭 후 랜딩 페이지를 디자인하는 능력을 보여줍니다.

이러한 Intercom 클릭 후 랜딩 페이지 예제 중 하나가 다음 페이지에 영감을 주었습니까? 트위터를 통해 알려주세요. 그런 다음 Instapage로 전문적인 클릭 후 랜딩 페이지를 디자인하세요. 지금 Instapage Enterprise 데모에 등록하세요.