랜딩 페이지 프레임워크의 가장 중요한 8가지 요소

게시 됨: 2017-02-03

클릭 후 방문 페이지는 잠재 고객에게 좋은 첫인상을 주고 잠재 고객을 리드로 전환하고 결국에는 이러한 리드를 평생 고객으로 전환할 수 있는 가장 좋은 기회를 갖기 때문에 디지털 마케팅에서 더 일반적으로 사용되고 있습니다.

그러나 첫인상 단계는 클릭 후 방문 페이지가 완전히 최적화된 경우에만 유효하며, 최적화된 페이지를 만드는 것은 프로세스가 처음인 경우 어려울 수 있습니다.

클릭 후 방문 페이지에는 어떤 요소가 포함되어야 합니까? 방문자의 전환에 영향을 미칠 최고의 디자인 사례는 무엇입니까? 어떤 것이 최고의 랜딩 페이지 프레임워크인가요?

각 제안과 비즈니스가 고유하기 때문에 "최상의 프레임워크"가 존재하지 않습니다. 그러나 강력한 프레임워크를 구축하고 방문자가 페이지에 계속 참여하여 전환할 수 있도록 하는 데 필요한 몇 가지 구성 요소가 있습니다.

이 모든 것을 한데 모은 후에야 몇 번이고 다시 전환할 수 있는 최적화된 페이지를 디자인할 수 있습니다. 이 기사에서는 Instapage 플랫폼을 사용하여 쉽게 실행할 수 있는 지원 예제와 함께 훌륭한 클릭 후 방문 페이지 프레임워크를 컴파일하는 몇 가지 핵심 요소를 안내합니다.

훌륭한 클릭 후 방문 페이지 프레임워크의 구성요소

1. 인상적인 헤드라인

헤드라인은 방문자가 귀하의 페이지에 방문할 때 가장 먼저 보게 되는 것이기 때문에 이것을 생략할 수 없습니다. 매력적인 헤드라인을 작성하면 방문자가 즉시 수신 거부되는 것을 방지하고 귀하의 제안을 고려할 만큼 충분히 오래 머물도록 권장합니다.

무엇을 홍보하든 헤드라인에는 항상 다음 세 가지 주요 특성이 있어야 합니다.

명쾌함
요점을 정확히 파악하세요. 제공되는 내용에 대해 질문이나 모호함이 없도록 제품 또는 서비스를 명확하게 설명하십시오.

관련성
광고의 약속을 이행하십시오. 방문자를 귀하의 페이지로 보내는 광고는 방문자가 귀하의 페이지에 도착했을 때 실망하지 않도록 메시지 일치가 있어야 합니다.

공감
잠재 고객을 느껴보십시오. 공감하는 방식으로 방문자의 문제를 해결하고 해당 문제에 대한 솔루션을 제공해야 합니다.

강력하고 설득력 있는 헤드라인을 만드는 네 가지 기본 방법이 있습니다.

"How To" — "How To"로 헤드라인을 시작한 다음 방문자의 제품 또는 서비스 문제에 대한 솔루션을 제공하는 것으로 마무리합니다.
질문하기 — 질문을 제시한 다음 부제목 및/또는 본문에 답을 제시합니다.
유머를 사용하십시오 — 항상 적절한 것은 아니지만 웃기는 것이 사람들의 마음을 사로잡을 수 있습니다.
귀하의 고유한 가치 제안(UVP) 제공 — 방문자에게 다른 누구보다 귀하의 제품이나 서비스를 선택해야 하는 강력한 이유와 귀하가 경쟁업체와 차별화되는 방법을 제공하십시오.

일부 클릭 후 방문 페이지에는 기본 헤드라인의 주장을 뒷받침하고 강화하는 데 도움이 되는 하위 헤드라인도 있습니다.

다음은 클릭 후 방문 페이지 헤드라인과 하위 헤드라인을 훌륭하게 사용하는 Hatchbuck의 훌륭한 예입니다. Google 검색 광고를 클릭하면 클릭 후 방문 페이지로 이동합니다.

브랜드가 방문자의 관심을 끌고 페이지에 유지하기 위해 설득력 있는 헤드라인의 세 가지 특성(명확성, 관련성 및 공감)을 모두 사용하는 방법을 확인하십시오.

Hatchbuck이 HubSpot의 간단한 대안임을 나타내는 광고와 페이지 헤드라인이 완벽하게 일치합니다.

헤드라인은 가능한 한 요점에 직접 도달하지 않을 수 있지만 방문자가 Hatchbuck의 서비스에 대해 가질 수 있는 모든 질문을 해결하는 하위 헤드라인을 읽을 정도로 방문자를 놀립니다.

공감은 헤드라인과 서브헤드라인 모두에서 표현됩니다. Hatchbuck은 HubSpot에 대한 경험이 있지만 사용하지도 않는 기능에 대해 프리미엄을 지불하고 싶지 않은 소규모 비즈니스에 직접 이야기하고 있습니다.

2. 유효 카피

훌륭하고 설득력 있는 카피는 제품, UVP 등의 이점과 같이 귀하의 요점을 전달하고 잠재 고객이 전환하도록 설득하는 주요 방법 중 하나이기 때문에 매우 중요합니다. 그 중 다음을 고려해야 합니다.

양
복사의 양은 페이지를 만들거나 끊을 수 있습니다. 너무 많으면 방문자가 압도되어 페이지를 읽지 않고 떠날 수 있습니다. 너무 적으면 귀하의 제안을 따를지 여부에 대해 불안해할 수 있습니다. 따라서 클릭 후 방문 페이지의 사본 양은 실제로 귀하의 제안에 따라 다릅니다.

전자책, 백서 또는 가이드를 제공하는 경우 사본이 별로 필요하지 않을 것입니다. 기본 사항(리소스 내부의 내용, 다운로드의 이점 등)만으로도 방문자가 CTA 버튼을 클릭하도록 설득하기에 충분해야 합니다.

반대로 귀하의 제안이 더 광범위한 것(예: 카피라이팅 과정을 위한 판매 페이지와 같이 지불이 필요한 것)을 위한 것이라면 클릭 후 방문 페이지 사본에 필요한 모든 세부사항을 제공하는 것이 좋습니다. 아무도 자신이 완전히 확신하지 못하는 것에 대해 비용을 지불하고 싶어하지 않으므로 일반적으로 후회하는 것보다 안전한 것이 좋습니다.

작문 스타일
여기에서 가장 주목할만한 점은 카피를 고객 중심으로 만들어 방문자에게 직접 전달하는 것입니다. "우리", "우리" 및 "우리의"와 같은 단어 대신 "당신" 및 "당신의"와 같은 단어를 사용하는 것은 잠재 고객에게 문제에 대한 솔루션을 제공하는 데 집중하고 있음을 보여주는 좋은 방법입니다.

또한 귀하의 제품이나 서비스가 경쟁 제품보다 나은 이유를 전달해야 합니다. 이 작업을 수행할 때 "새롭고 개선된", "최첨단" 및 "혁신적인"과 같은 유행어는 독자에게 그다지 의미가 없으므로 피하십시오. 그 대신, 단순히 기능이 아니라 제품이나 서비스의 이점(그것이 구체적으로 어떻게 도움이 될 것인지)을 설명하십시오.

서식
대부분의 온라인 독자는 웹 페이지만 스캔하기 때문에 글머리 기호, 숫자, 목록, 굵은 글씨체, 기울임꼴 등과 같은 다양한 서식 기술을 사용하여 가장 중요한 정보를 눈에 띄게 할 수 있습니다.

InfusionsoftSalesforce는 이러한 형식 지정 기술을 사용하여 시청자에게 강력하고 설득력 있는 사본을 제공하는 많은 브랜드 중 하나입니다. 굵은 글씨체, 고객 중심 문구 및 글머리 기호로 구분된 작은 정보 덩어리를 확인하십시오.

3. 미디어 참여

대다수의 온라인 사용자가 웹 페이지 사본을 읽는 것을 좋아하지 않는다는 것을 알고 있으므로 일부 매력적인 미디어보다 정보를 전달하는 더 좋은 방법이 있습니까? 세 가지 주요 유형의 미디어를 통합할 수 있습니다.

이미지
클릭 후 방문 페이지 이미지는 보기에 예쁘기만 해서는 안 됩니다. 또한 관심을 끌고 관련성이 있어야 하며 전환 프로세스를 지원해야 합니다. 클릭 후 방문 페이지의 이미지는 다음을 포함한 여러 작업을 수행하는 데 사용할 수 있습니다.

제품 또는 제품 기능 쇼케이스
직원 소개 또는 고객 강조
인간적인 매력을 더하고 감성을 불러일으킵니다.
브랜드에 대한 이야기를 들려주세요
CTA 버튼과 같은 중요한 요소에 주의를 집중시키려면

비디오
클릭 후 방문 페이지의 동영상은 이미지보다 훨씬 더 효과적입니다. 연구 결과에 따르면 다음과 같습니다.

소비자의 96%는 온라인 구매 결정을 내릴 때 동영상이 도움이 된다고 생각합니다.
해당 소비자의 58%는 비디오를 제작하는 브랜드가 그렇지 않은 브랜드보다 더 신뢰할 수 있다고 생각합니다.
비디오가 포함된 웹 페이지의 평균 방문 시간은 거의 6분인 반면 텍스트와 이미지만 있는 사이트의 평균 방문 시간은 43초에 불과합니다.

SharpSpring은 아래의 클릭 후 방문 페이지에 짧은 비디오를 추가하여 방문자에게 마케팅 전략에서 마케팅 자동화 사용의 중요성과 SharpSpring이 이를 달성하는 최고의 솔루션인 이유에 대해 설명했습니다.

GIF
GIF는 클릭 후 방문 페이지에서 동영상을 대신할 수 있습니다. 이러한 애니메이션 이미지는 제안을 설명하는 데도 유용하며 이미지보다 더 상호 작용합니다. 예를 들어, SaaS 회사는 대시보드와 일반 고객이 서비스를 사용하는 방법에 대한 짧은 데모를 보여줄 수 있습니다.

소비자의 96%는 온라인 구매 결정을 내릴 때 동영상이 도움이 된다고 생각합니다.

트윗하려면 클릭

4. 신뢰 지표

잠재 고객은 귀하의 제안으로 전환하기로 결정하기 전에 귀하의 브랜드를 신뢰할 수 있어야 합니다. 그렇기 때문에 클릭 후 방문 페이지 프레임워크에 신뢰성을 추가하기 위해 신뢰 지표를 통합하는 것이 필수적입니다.

다음은 클릭 후 방문 페이지에 신뢰 지표를 추가하는 5가지 일반적인 방법입니다.

통계적 증거
방문자의 전환을 유도하려면 귀하의 서비스가 문제에 대한 해결책이라는 통계적 증거를 제공해야 하는 경우가 많습니다. 증거는 헤드라인, 부제목 또는 사본에 가장 잘 표시됩니다. 이 방법을 사용할 때 증명을 생성한 소스를 포함하는 것을 잊지 마십시오.

신뢰 배지
권위 배지에는 다른 웹사이트의 상, 고객 로고 등이 포함될 수 있습니다. 권위 배지를 포함하면 방문자에게 "우리가 성공적으로 도운 이 잘 알려진 모든 회사를 보십시오... 우리도 당신을 도울 수 있습니다."라고 말하는 것입니다.

고객 평가
만족한 고객의 추천은 현존하는 가장 강력한 신뢰 지표 중 하나입니다. 리뷰를 제공하거나 누군가의 직접적인 인용문을 제공할 때 가능한 한 많은 정보(이름, 비즈니스, 직위, 얼굴 사진)를 제공해야 방문자가 평가를 훨씬 더 신뢰할 수 있습니다.

타사 씰
제3자 봉인은 방문자에게 귀하와 거래하는 것이 안전하며 정보가 공유되거나 손상되지 않는다는 것을 알려줍니다. 많은 승인 도장이 있지만 한 연구에 따르면 가장 잘 알려진 세 가지 로고는 Paypal, Verisign 및 McAfee입니다. 이는 또한 신뢰를 구축하고 방문자가 전환하도록 설득하는 데 도움이 됩니다. Blue Fountain Media는 타사 인장을 추가하는 것만으로도 전환율이 42% 증가한다는 사실을 직접 확인했습니다.

개인 정보 정책
개인 정보 보호 정책 링크는 마케터가 서비스 약관과 함께 클릭 후 방문 페이지에 포함할 수 있는 몇 안 되는 이탈 링크 중 하나입니다. 방문자에게 정보가 공유되는 방식을 알려줌으로써 신뢰를 구축하는 데 도움이 되기 때문입니다. 이 링크는 일반적으로 리드 캡처 양식 아래 또는 바닥글에 추가됩니다.

FiveStars는 "검증된 결과"(인용 출처가 있는 통계적 증거)와 개인에 대한 몇 가지 개인 정보가 포함된 고객 평가를 제공하기 때문에 아래 클릭 후 방문 페이지에 신뢰 지표를 제공하는 데 큰 역할을 합니다.

5. 리드 캡처 양식

리드 캡처 양식은 방문자 정보를 수집하기 위한 티켓이지만 양식이 제대로 디자인된 경우에만 제대로 작동합니다. 이를 수행하려면 양식이 다음을 충족해야 합니다.

잠재 고객을 위협하지 않기 위해 필수 정보만 필요
방문자가 쉽게 완료할 수 있도록 적절하게 구성
페이지에 전략적으로 배치(모든 사람이 스크롤하기 때문에 '스크롤 없이 볼 수 있는 부분'이 더 이상 요구 사항이 아님)

아래 Zoho의 리드 캡처 양식은 매우 짧고 개인 정보를 많이 요구하지 않으므로 잠재 고객이 계정을 만들 가능성이 더 높습니다.

리드 캡처 양식을 디자인하는 또 다른 방법은 2단계 옵트인입니다. 이 기술을 사용하면 양식을 제거하고 CTA 버튼만 포함하여 페이지를 단순화할 수 있습니다. 방문자가 해당 버튼을 클릭하면 양식과 함께 팝업 상자가 열립니다. 이와 같이 단계를 나누면 존재하는 위협을 제거하는 데 도움이 됩니다.

6. 강력한 클릭 유도문안

이 클릭 후 방문 페이지 요소는 나머지 모든 요소보다 눈에 띄어야 합니다. 잠재 고객이 제안을 사용하기 위해 클릭해야 하는 위치에 대해 혼동해서는 안 됩니다.

CTA 버튼을 디자인할 때 다음 요소를 고려하세요.

위치
CTA 버튼을 페이지에 너무 일찍 배치하면 전환을 잃을 위험이 있습니다. 제안을 소개하고 설명한 후에 CTA를 배치하면 방문자가 이미 전환에 대한 확신을 가질 가능성이 더 큽니다. 여백은 버튼을 분리하고 주의를 끌기 때문에 위치 지정에 도움이 될 수도 있습니다.

또한 고려해야 할 F-패턴과 Z-패턴이 있습니다. 이 두 가지 웹 디자인 기술은 방문자의 눈이 움직이는 위치에 영향을 미치는 데 도움이 됩니다(CTA 버튼으로 유도하는 동안).

물론 CTA 포지셔닝과 패턴은 A/B 테스트할 수 있는 모든 것입니다.

크기
CTA를 너무 작게 만들어 위장하지 마십시오. 방문자가 무엇을 하기를 원하는지 명확히 하세요... 전환!

색상
CTA 버튼을 "팝"으로 만들려면 페이지의 나머지 부분과 잘 대조되어야 합니다. 그렇다고 해서 반드시 밝은 색상을 의미하는 것은 아닙니다. 색상 이론을 참조하면 페이지의 나머지 부분과 차별화되고 최대한의 관심을 끄는 색조, 색조, 음영 및 색조를 찾는 데 도움이 될 수 있습니다.

복사
CTA 카피는 전환의 승패를 좌우하는 결정적인 요소가 될 수 있습니다. "제출", "구독", "가입" 또는 "다운로드"와 같이 지루하고 모호하며 남용되는 문구를 멀리하십시오. 대신 구체적이고 개인화되고 설득력 있는 단어를 사용하여 전환율을 높이십시오.

이 GoToWebinar 클릭 후 방문 페이지의 CTA 버튼 카피는 행동 지향("시작"), 고객 중심("내")이며 가장 설득력 있는 단어("무료") 중 하나를 사용합니다.

7. 출구 링크 없음

클릭 후 방문 페이지는 단일 제안에 대한 집중 페이지로 설계되었으므로 외부 링크가 없어야 합니다(앞서 언급한 개인 정보 보호 정책 및 서비스 약관 제외). 다른 페이지에 대한 링크를 포함하면 방문자가 먼저 전환하지 않고 페이지를 떠나도록 초대하는 것입니다.

이것은 또한 페이지 상단에 탐색이 없고 하단에 최소한의 바닥글만 포함한다는 것을 의미합니다.

탐색 없음
클릭 후 방문 페이지는 방문자가 전환해야 하는 모든 것이 이미 페이지에 포함되어 있어야 하기 때문에 탐색이 필요하지 않습니다(이 기사의 모든 주요 요점). 페이지에서 페이지로 이동할 필요가 없습니다. 제안에 따라 전환하거나 떠나는 것입니다. 작은 탐색을 반드시 포함해야 하는 경우 이 디자인이 전체 탐색만큼 주의를 산만하게 하지 않기 때문에 햄버거 메뉴가 가장 좋습니다.

IBM의 클릭 후 방문 페이지는 다음 사항을 모두 보여줍니다.

8. 충분한 여백

공백(음수 공간이라고도 함)은 클릭 후 방문 페이지의 빈 영역으로 페이지의 특정 요소에 주의를 집중시키는 데 도움이 됩니다. 목적을 달성하는 한 그 자체로 흰색일 필요는 없습니다. 공백은 가독성과 이해도를 향상시키면서 시각적 계층 구조를 만들고 페이지 혼란을 줄이는 데 도움이 되기 때문에 귀중한 디자인 기술입니다.

예를 들어 Catchpoint는 공백을 잘 활용하여 헤드라인, 부제목 및 리드 캡처 형식에 최대한 주의를 기울입니다.

클릭 후 방문 페이지 프레임워크를 어떻게 디자인할 것입니까?

최고의 클릭 후 방문 페이지 프레임워크는 없습니다. "최고의 프레임워크"는 클릭 후 방문 페이지 요소의 다양한 조합이 비즈니스마다 다른 결과를 가져오기 때문에 가장 높은 전환율을 가져오는 프레임워크입니다. 그렇기 때문에 클릭 후 방문 페이지를 항상 A/B 테스트하여 어떤 대안 페이지가 더 성공적인지 결정하는 것이 중요합니다.

"최고의" 클릭 후 방문 페이지 프레임워크를 만들려면 지금 Instapage Enterprise 데모에 등록하십시오.