전환율과 매출을 높이는 9가지 랜딩 페이지 아이디어

"모방은 아첨의 가장 진실한 형태입니다."

그 유명한 속담은 많은 일에 적용되며 클릭 후 방문 페이지도 다르지 않습니다.

다른 회사의 클릭 후 방문 페이지 예를 검토하여 가능한 한 가장 전환 준비가 된 페이지를 만드는 데 영감을 주는 것은 완전히 정상이며 권장됩니다.

사람들이 온라인 콘텐츠를 읽는 방식을 이해하는 것은 이 프로세스의 중요한 구성 요소입니다. 특히 평균 웹 사용자의 주의 시간이 약 6-8초라는 것을 알고 있고 중요한 시간 동안 방문자가 페이지에 계속 참여하도록 해야 합니다.

영감을 얻을 수 있는 클릭 후 방문 페이지의 예가 수백 가지 있습니다. 사실, 우리는 세계에서 가장 잘 알려진 브랜드의 주제에 전념하는 전체 블로그 카테고리를 가지고 있습니다.

오늘 기사에서는 사용자 경험 팁, 클릭 후 방문 페이지 프레임워크의 중요한 요소 및 다음 디자인에 영감을 주는 기타 클릭 후 방문 페이지 아이디어를 강조하는 몇 가지 예를 보여줍니다.

최고의 클릭 후 방문 페이지 아이디어

충분한 여백 추가

귀하의 무기고에는 많은 웹 페이지 디자인 아이디어가 있지만 여백(빈 공간 또는 음수 공간이라고도 함)은 여러 용도로 사용되지만 가장 활용도가 낮은 기술일 수 있습니다. 페이지가 덜 복잡하고 미학적으로 보기 좋게 보일 뿐만 아니라 다음과 같은 이점도 있습니다.

• 가독성 향상
• 중요한 요소에 대한 집중력 향상
• 제안을 더 잘 이해할 수 있습니다.
• 사용자 경험 향상

이를 알고 두 페이지의 공백 디자인을 비교해 보겠습니다.

다음은 분명히 공백이 없는 Ashworth College의 것입니다.

모든 것이 페이지 중앙에 꽉 차서 탐색을 시작할 위치를 결정하기 어렵게 만드는 방법에 주목하십니까? 이것은 방문자를 압도하여 전환은 물론이고 제안에 대해 알지도 못한 채 페이지를 떠나게 만들 수 있습니다.

대조적으로 이 Mentor 클릭 후 방문 페이지에는 공백이 많이 있습니다.

리드 캡처 양식뿐만 아니라 헤드라인과 간단한 설명 주위에 충분한 공간이 있습니다. 여러 섹션 사이에 충분한 공간이 있어 페이지를 쉽게 탐색하고 제안을 더 잘 이해할 수 있습니다. 모든 클릭 후 랜딩 페이지 요소는 Ashworth College 페이지처럼 뭉쳐지지 않기 때문에 주의를 끕니다.

이 예는 더 즐거운 사용자 경험을 제공하고 더 나은 전환 결과를 생성할 수 있습니다.

명시적인 시각적 단서 통합

시각적 단서 또는 방향 단서(명시적 및 암시적 모두)는 방문자에게 정확히 무엇에 주의를 기울여야 하는지 (예: 양식 및 CTA 버튼) 알려주기 때문에 클릭 후 방문 페이지 전환을 돕습니다.

먼저 웹 페이지에서 보다 직접적이고 쉽게 인식할 수 있는 명시적 신호를 살펴보겠습니다.

클릭 후 방문 페이지 디자인에 명시적인 시각적 신호를 통합하는 주요 방법 중 하나는 양식 및/또는 CTA 버튼과 같은 가장 중요한 페이지 요소를 가리키는 화살표를 추가하는 것입니다.

Sage Intacct는 헤드라인에서 양식까지 밝은 주황색 화살표를 포함하여 사용자가 주목하기를 원하는 것을 명확하게 보여줍니다.

또한 CTA 버튼의 화살표는 잠재 고객이 버튼을 클릭하면 이 페이지 외에 추가 콘텐츠가 있음을 나타냅니다.

다음은 부동산 클릭 후 방문 페이지 아이디어를 찾는 사람에게 완벽한 TurnPro Properties의 또 다른 예입니다. CTA 버튼을 가리키는 주황색 화살표와 클릭을 유도하기 위한 버튼 주위에 파란색 원이 있습니다.

시선은 클릭 후 방문 페이지에 명확한 시각적 신호를 추가하기 위한 최고의 클릭 후 방문 페이지 아이디어 중 하나입니다. 사람들은 다른 사람들이 보고 있는 것을 보는 경향이 있으므로 화면의 누군가가 양식이나 CTA 버튼을 보면 방문자도 그러한 요소를 알아차릴 가능성이 더 큽니다. 이 기술은 페이지에 개인적인 매력을 더하는 데에도 좋습니다.

암시적 방향 신호 포함

암시적 방향 신호는 명시적 신호보다 더 미묘하여 방문자가 종종 알아차리지 못하지만 여전히 효과적입니다. 가장 일반적인 암시적 방향 신호에는 공백, 캡슐화 및 색상 대비가 포함됩니다.

암시적 단서의 세 가지 유형을 모두 제공하는 BigMarker의 예를 살펴보겠습니다.

페이지의 각 요소를 둘러싼 공백은 해당 요소에 주의를 집중시키는 데 도움이 됩니다. 주변에 집중할 다른 것이 없으면 방문자가 원하는 것을 볼 수 밖에 없기 때문 입니다. 또한 페이지의 각 섹션 사이에 공백이 많이 있어 탐색이 더 원활하고 이해가 더 잘 됩니다.

색상 대비로 양식을 캡슐화하면 페이지에서 "팝"되고 더 많은 전환이 발생할 수 있습니다.

마지막으로, 특히 어두운 배경과 흰색 형태 사이의 색상 대비는 이 특정 영역에 대한 관심을 높이는 데 도움이 됩니다.

2단계 옵트인 양식 만들기

방문자가 리드 캡처 양식을 작성하도록 설득하는 것은 디지털 마케터의 가장 어려운 과제 중 하나입니다. 그러나 전환 가능성을 높이는 특정 기술이 있습니다.

한 가지 방법은 단순한 페이지 양식이 아닌 2단계 옵트인 양식입니다.

2단계 옵트인 양식은 잠재 고객이 CTA 버튼을 클릭한 후에만 팝업 창에 나타납니다. 변환 프로세스를 정보 단계(사전 양식)와 약속 단계(사후 양식)의 두 부분으로 나누기 때문에 효과적입니다. 이러한 분리를 통해 잠재 고객은 정보 단계에서 양식에 겁먹지 않고 단순히 정보 수집 및 제안에 대한 학습에 집중할 수 있습니다. 그런 다음 계속 진행하기로 결정하고 CTA 버튼을 클릭하면 양식이 표시되며 이 시점에서 훨씬 덜 위협적입니다.

Tableau는 이를 이해합니다. 2단계 옵트인 양식으로 페이지를 디자인한 방법을 살펴보세요.

방문자가 페이지를 검토하고 제안을 사용하기로 결정하면 주황색 "백서 받기" CTA 버튼을 클릭하면 다음 양식이 표시됩니다.

다단계 양식 사용

2단계 옵트인 외에도 더 긴 양식을 다단계 양식으로 분할하여 잠재 고객이 완료 프로세스를 덜 힘들게 만들 수도 있습니다.

다음 Qlik 클릭 후 방문 페이지를 살펴보십시오.

양식이 얼마나 긴지 볼까요? 아무도 실제로 이러한 양식 필드를 모두 완료 하고 싶어 하지 않을 수 있습니다. 즉, Qlik은 페이지의 마찰을 줄이기 위해 다단계 양식으로 재설계함으로써 이점을 얻을 수 있습니다.

반면에 AARP는 올바른 생각을 가지고 있습니다. 그들은 AARP 메디케어 보충 보험 플랜에 대한 무료 결정 가이드를 요청하기 위해 이 페이지에 다단계 양식을 만들었습니다. 또한 양식 위의 진행률 표시줄에 유의하십시오. 이것은 잠재 고객이 가입 과정에서 얼마나 멀리 있는지 알 수 있기 때문에 또 다른 현명한 클릭 후 방문 페이지 아이디어입니다.

양식을 두 단계로 나누면 잠재 고객을 덜 위협하는 데 도움이 됩니다. 이 페이지에 도착하면 한 번에 모든 것이 아니라 7개의 양식 필드만 보게 됩니다.

CTA 색상 대비 사용

많은 마케터들은 클릭 유도문안 버튼이 클릭 후 방문 페이지에서 가장 중요한 요소라고 주장합니다. 왜냐하면 클릭 유도문안이 전환이 일어나는 곳이기 때문입니다. 적절하게 디자인하고 전환율을 높이십시오. 잘못 설계하면 페이지를 포기할 위험이 있습니다.

CTA 버튼을 디자인할 때 고려해야 할 가장 중요한 요소 중 하나는 색상입니다. 방문자가 최대한 쉽게 전환할 수 있도록 페이지의 다른 색상과 대조되어 "튀어나오도록" 합니다.

다음은 아이디어를 보여주는 몇 가지 예입니다.

이 Salesforce 클릭 후 방문 페이지는 단색 색 구성표를 사용합니다.

파란색 조합은 눈에 자연스럽지만 페이지 요소를 돋보이게 하는 데는 좋지 않습니다. 버튼은 CTA 버튼에 대해 원하는 것과 정확히 반대되는 형식과 조화를 이룹니다.

반대로 방문자의 관심을 문제 없이 끌 수 있는 색상 대비 CTA 버튼이 있는 페이지는 다음과 같습니다.

치즈 스톡 사진을 사용하지 마십시오.

당신은 우리가 말하는 이미지를 알고 있습니다. 당신이 보고 있는 이미지는 너무도 분명하게 연출되어 있기 때문에 눈을 굴릴 수밖에 없습니다. 이 같은:

전환을 생성하는 능력은 방문자에게 긍정적인 감정을 얼마나 잘 만들 수 있는지에 크게 좌우됩니다. 비현실적인 스톡 사진을 사용하면 더 어려워집니다.

실제로 MarketingExperiments는 스톡 이미지를 회사 설립자의 이미지로 대체함으로써 등록 수가 35% 증가했음을 발견했습니다.

그 시점까지 Discover는 클릭 후 방문 페이지에 보다 현실적이고 관련성 높은 이미지를 포함했습니다.

마케팅 캠페인에 가장 적합한 스톡 사진을 선택하는 방법에 대한 추가 팁과 요령을 보려면 이 새로운 가이드를 다운로드하십시오.

텍스트 대신 비디오 선택

소개에서 우리가 말한 것을 기억하십니까? 웹 사용자의 평균 집중 시간은 약 6-8초입니다.

다행히 클릭 후 방문 페이지에 비디오를 추가하면 방문자의 관심을 즉각적으로 유도하고 집중할 수 있습니다. 더 간결하고 대화형 방식으로 제안을 설명함으로써 비디오는 총 전환수를 최대 86%까지 증가시킬 수 있습니다.

잠재 고객은 클릭 후 긴 방문 페이지를 스크롤하는 것보다 매력적인 1분 길이의 동영상을 시청할 가능성이 높기 때문에 동영상은 브랜드의 UVP를 전달하는 데 특히 이상적입니다.

Wistia는 이 클릭 후 방문 페이지에서 UVP 및 기타 많은 이점을 단 1분 만에 홍보합니다.

Intercom은 다음과 같은 효과적인 클릭 후 방문 페이지 아이디어도 사용합니다.

그들의 비디오는 오늘날 마케터가 직면한 일반적인 어려움을 보여주고 Intercom의 스마트 캠페인이 이러한 모든 문제에 대한 훌륭한 솔루션인 방법을 설명합니다.

신뢰를 쌓다

잠재 고객을 설득하려면 먼저 그들의 신뢰를 얻어야 합니다. 신뢰 신호의 세 가지 기본 유형에는 회사 로고, 보안 배지 및 고객 평가가 포함됩니다. 우연히도 신뢰 신호를 추가하는 것은 온라인에 존재하는 모든 브랜드의 가장 일반적인 웹 페이지 디자인 아이디어 중 하나가 되었습니다.

이 Smartsheet 클릭 후 방문 페이지는 클릭 후 방문 페이지에서 세 가지 유형을 모두 활용합니다. 위에서 아래로 분해해 보겠습니다.

첫째, 회사 로고는 가장 잘 알려진 고객을 강조합니다.

그런 다음 인용된 평가는 잘 알려진 회사가 Smartsheet를 사용하는 방법을 보여줍니다(로고가 표시됨).

추가 로고는 통합되는 인기 앱을 보여줍니다.

페이지의 CTA 버튼 중 하나 바로 위에 얼굴 사진, 성명, 소속 및 직위가 포함된 고객 평가:

브랜드 로고가 첨부된 또 다른 고객 평가:

업계 수상을 보여주는 배지:

긍정적인 언론 보도 및 홍보를 위한 더 많은 로고:

마지막으로, 신뢰성을 높이고 잠재 고객에게 자신의 개인 정보가 외부 당사자와 공유되지 않는다는 확신을 제공하기 위한 트러스트 인감:

어떤 클릭 후 방문 페이지 아이디어를 모방하시겠습니까?

방문자를 설득하는 클릭 후 방문 페이지 디자인 아이디어는 아주 작은 세부사항이라도 전환율에 상당한 영향을 미칠 수 있기 때문에 어려울 수 있습니다. 그렇기 때문에 클릭 후 랜딩 페이지 영감을 얻기 위해 다른 사람들을 살펴보는 것이 완벽하게 수용 가능합니다. 실제로 제안된 것입니다.

이 기사에서 좋아하는 아이디어를 선택하고 모든 제안에 대해 Instapage를 사용하여 전문적인 클릭 후 방문 페이지를 만들기 시작하십시오. 지금 Instapage Enterprise 데모에 등록하십시오.