헤드라인에서 바닥글까지 완벽한 랜딩 페이지의 구조

모든 방문 페이지는 특정 구성 요소로 구성됩니다. 가장 설득력 있는 페이지를 만들고 판매 유입 경로가 새는 위험을 감수하려면 이 모든 것을 알아야 합니다. 기본 사항을 배운 후에는 이러한 블록을 실험할 수 있습니다. 이 기사에서는 좋은 랜딩 페이지의 주요 요소를 살펴보고 페이지의 사본 및 디자인 레이아웃에 대한 몇 가지 지침을 제공합니다.

방문 페이지의 구조는 무엇입니까?

모든 방문 페이지는 방문자가 결정을 내리도록 유도하기 위한 일종의 클릭 후 페이지입니다.

제안의 모든 이점과 특전을 설명하고 사용자가 원하는 조치를 취하도록 초대합니다. 유입경로의 매우 중요한 단계이므로 탐색 모음이나 다른 페이지로 연결되는 링크와 같은 방해 요소가 없어야 합니다.

견고한 랜딩 페이지 구조는 전체 스토리를 전달하는 데 도움이 됩니다. 이것이 없으면 페이지가 신뢰할 수 없거나 설득력이 없어 보이기 때문에 리드가 결국 이탈합니다. 방문자가 전환하기를 원한다는 것을 기억하세요. 방문자에게 전환을 위한 충분한 이유를 제공해야 합니다.

고려해야 할 주요 방문 페이지 요소는 다음과 같습니다.

• 독특한 제안;
• 매력적인 시각적 콘텐츠;
• 날카롭고 간결한 본문 사본;
• 귀하의 제안의 이점;
• 특징;
• 사회적 증거;
• 리드 양식과 명확한 클릭 유도문안.

이러한 요소의 의미를 설명하겠지만 먼저 귀하의 제안이 전체 방문 페이지의 핵심이 되어야 한다는 점을 즉시 말씀드리겠습니다. 은유적으로 말하자면, 바닐라 아이싱이 아니라 전체 케이크입니다. 방문 페이지의 여러 구성요소를 사용하여 제안을 전달할 수 있으며 방법을 설명합니다.

랜딩 페이지의 핵심 요소

여기에서는 앞에서 나열한 것보다 더 많은 요소를 찾을 수 있습니다. 어때요? 글쎄요, 그들 모두가 의무적인 것은 아니며 당신이 마지막으로 말할 권리가 있습니다. 예를 들어 제품이 단순하고 마진이 낮은 경우 FAQ를 모두 건너뛸 수 있습니다. 어쨌든 랜딩 페이지 구조에 이러한 모든 블록을 포함하는 것이 좋습니다.

표제

모든 제안은 한 문장으로 요약됩니다. 귀하의 제안을 헤드라인으로 사용하십시오. 대담하고 표현적이거나 간략하게 만들 수 있습니다. 불필요한 표현으로 핵심 아이디어를 희석시키지 마십시오. 당신이 할 수 있는 일은 새로운 솔루션을 도입하거나, 모두가 직면하는 성가신 문제를 정확히 지적하거나, 빠른 수정을 원하는 사람들의 욕구를 활용하는 것입니다. 세부 정보를 제공하고 주장을 뒷받침할 작은 증빙 사본을 추가하십시오.

Whereby는 원격 협업을 보다 쉽게 ​​액세스할 수 있는 서비스입니다. 방문자가 페이지를 방문했을 때 가장 먼저 배우는 것은 다음과 같습니다.

Perspective API가 하는 것처럼 헤드라인을 보다 감성적으로 만들고 사용자의 고충에 호소할 수 있습니다.

디자이너의 관점에서 헤드라인을 주요 초점 중 하나로 만드는 것이 중요합니다. 아름다운 타이포그래피가 메시지를 전달하고 분위기를 조성하는 데 도움이 되므로 우아한 글꼴 조합을 사용하십시오. 헤드라인과 지원 텍스트에 대비되는 글꼴 크기를 선택합니다(예: 30px 및 15px).

본문

가장 좋은 방법은 청중의 언어로 말하는 것입니다. 단락을 짧게 만드십시오. 각각 두세 문장입니다. 번호가 매겨진 목록과 글머리 기호를 사용하여 사본을 쉽게 소화할 수 있는 덩어리로 분리하십시오. 주요 규칙은 리드가 필요한 정보를 얻기 위해 긴 읽기를 헤매지 않도록 하는 것입니다.

제품 자체에 대한 이야기는 줄이고 제품의 긍정적인 영향에 대해 더 많이 이야기하여 랜딩 페이지 문구를 이익 중심으로 유지하세요. 당신의 특별한 소스는 무엇입니까? 당신의 제품이 어떻게 누군가의 삶을 더 쉽게 만들어 줄까요? 한마디로 넣어보세요. 다음은 예입니다.

타이포그래피 선택에 주의하십시오. 글꼴은 매력적이면서도 읽기 쉬워야 합니다. 다른 서체에 대해 다른 줄 간격과 문자 간격을 사용합니다. 본문에 6px 글꼴 크기와 밝은 회색 텍스트를 사용하지 마십시오. 모형에서는 세련되게 보일 수 있지만 텍스트를 읽기 어렵게 만듭니다.

이미지, 애니메이션 또는 동영상

사람들이 꿈꾸게 만드는 매력적인 콘텐츠를 사용하세요. 관련성이 높은 고품질 이미지와 애니메이션을 사용하여 특정 감정을 전달하거나 은유를 만들 수 있습니다. 빈칸을 채우기 위해 이미지를 사용하지 마십시오.

복잡한 제품의 경우 고유한 추상 그림을 사용할 수 있습니다.

이전에 언급했듯이 고도로 기술적인 제품을 다루는 경우 은유적 일러스트레이션을 추가하는 것도 도움이 됩니다.

실제 제품이나 오프라인 서비스를 판매하는 경우 제품 사진과 실제 행복한 고객의 사진을 사용하여 다음과 같은 느낌을 전달하세요.

때로는 사용자를 즉시 ​​참여시키고 싶지만 이미지로는 충분하지 않습니다. 이것은 체험 서비스 및 기술 회사에 특히 해당됩니다. 그들은 종종 비디오를 사용하여 제안을 설명하거나 이전 작업을 선보입니다.

정형화된 스톡 사진을 사용하는 것은 눈살을 찌푸리게 한다는 것을 기억하십시오. 영상을 기억에 남도록 만들고 진정성을 타협하지 않는 것이 좋습니다.

리드 양식

대부분의 경우 리드에서 일부 데이터를 수집하여 대화를 시작하고 청중을 더 잘 이해하려고 합니다. 이 귀중한 정보는 사용자의 이메일 주소와 직위만큼 간단할 수 있습니다.

리드 양식을 최소화하고 직관적으로 유지하고 지원 문구를 추가하세요.

일부 마케터는 방문 페이지 상단의 스크롤 없이 볼 수 있는 부분에 유지해야 한다고 주장합니다. 그러나 그것은 전적으로 귀하에게 달려 있습니다. 분할 테스트하고 귀하의 제안에 더 잘 맞는 것을 찾으십시오.

CTA 버튼

이것은 일반적으로 스크롤 없이 볼 수 있는 부분과 좋은 방문 페이지의 바닥글에서 볼 수 있는 것입니다. 제품을 홍보하고 구매 제안을 한 다음 제품의 이점을 자세히 설명하고 훨씬 더 설득력 있는 클릭 유도문안으로 마무리해야 합니다.

일부 사용자는 모든 기능에 대해 읽고 제안의 이점을 탐색할 시간이 필요합니다.

그리고 일부 사용자는 페이지를 방문하는 순간부터 전환할 준비가 되어 있을 수 있습니다. 이 옵션도 제공해야 하므로 페이지 전체에 2개 또는 3개의 CTA 버튼이 있는 것이 좋습니다.

CTA 버튼은 일반적으로 다음과 같습니다.

CTA 버튼을 디자인할 때 활성 동사와 대비되는 색상을 사용하십시오. 5개 이하의 단어를 포함해야 하며 사용자의 주의를 집중시키기 위해 일부 부정적인 공간으로 둘러싸여 있어야 합니다. "신용카드 필요 없음" 또는 "환불 보장"과 같은 클릭 트리거를 추가하는 것을 잊지 마십시오. 그리고 물론 지원 사본을 제공하십시오.

카운트 다운 타이머

오래되었지만 금색인 이 트릭은 귀하의 제안에 희소성을 추가하고 사람들은 큰 거래를 놓치는 것을 싫어합니다. 그러나 구식 카운트다운 타이머는 사기가 아니라 약간 의심스러워 보입니다. 지금쯤이면 많은 사람들이 마케터가 방문자가 페이지에 들어오는 순간부터 카운트다운하는 에버그린 타이머를 사용한다는 것을 이미 알고 있습니다. 그리고 사용자의 신뢰가 곤두박질칩니다.

훨씬 더 미묘한 도구를 사용하여 경쟁자를 능가하고 희소성을 추가할 수 있습니다. 예를 들어 방문자에게 빈 자리가 몇 개 남지 않았으며 신속하게 조치를 취해야 함을 보여줍니다.

물론 블랙 프라이데이와 같이 실제 제한된 제안이 있는 경우 일반적인 카운트다운 타이머를 계속 사용할 수 있습니다.

사회적 증거

방문 페이지의 구조는 중요하지만 판매를 이끄는 것은 아닙니다. 사람들은 어떤 일을 하기 전에 이미 누가 당신의 제품을 사용하고 있고 그들의 경험이 무엇인지 알고 싶어합니다. 신뢰를 얻으려면 리뷰, 사용 후기 및 동영상과 같은 사회적 증거를 사용하십시오. 이상적으로는 사회적 증거가 마케팅 주장을 뒷받침하고 약속을 이행했음을 입증해야 합니다.

귀하의 리드가 귀하의 제품이 이미 해결한 문제를 찾는 데 도움이 될 것입니다. 짧은 피드백도 유익할 수 있습니다.

실제 사진과 고객의 실제 사용후기를 사용하는 것이 얼마나 중요한지 아무리 강조해도 지나치지 않습니다. 남용되고 쉽게 알아볼 수 있는 스톡 사진은 절대적인 신뢰를 앗아갑니다. 고객에게 실제 사진을 대신 사용할 수 있는지 물어보십시오.

혜택

당신의 제품은 어떤 영향을 미치나요? 이 블록에서 솔루션이 가져오는 모든 긍정적인 변화를 설명하십시오. 예를 들어 Elementor는 디자이너가 작업 프로세스와 관련하여 혼란을 질서로 바꿀 수 있도록 도와주며 랜딩 페이지는 도구의 정확한 이점을 설명합니다.

글머리 기호 또는 간단한 단락을 사용하여 이점을 나열하십시오. 그러면 더 눈에 띄고 읽기 쉽게 만들 수 있습니다. 페이지의 이 부분을 더 매력적으로 만들기 위해 몇 가지 시각 자료도 추가하십시오.

특징

모든 랜딩 페이지 요소 중 이 요소가 가장 제품 지향적입니다. 마지막으로 여기에서 자세히 설명하고 제품 자체를 설명할 수 있습니다. 진정으로 독특하거나 혁신적으로 만드는 기능을 강조합니다. 제품 또는 서비스의 모든 특정 품질을 나열하십시오.

20가지 기능 목록과 긴 설명으로 사용자를 압도하지 마십시오. 간단하고 유익하게 유지하고 더 적극적인 동사를 사용하는 것을 잊지 마십시오.

자주하는 질문

이것은 인기 있는 질문에 답하고, 이의를 해소하고, 고객의 두려움에 응답할 수 있는 중요한 블록입니다. 우선, 리소스를 절약할 수 있습니다. 그것은 또한 사람들이 당신이 그들의 긍정적인 경험에 관심을 갖고 있다는 것을 볼 것이기 때문에 신뢰를 구축할 것입니다.

예를 들어 Squarespace는 가장 자주 묻는 질문에 대한 답변을 제공하고 개인화된 지원 사용을 제안합니다.

신규 사용자가 가장 관련성 높은 답변을 찾고 두려움을 극복할 수 있도록 실제 피드백 및 고객 지원 데이터를 기반으로 FAQ를 작성하십시오.

보행인

클릭 후 방문 페이지의 바닥글은 링크로 채워진 일반적인 두꺼운 바닥글이 아니어야 합니다. 연락처 정보를 제외하고 사이트맵이나 관련 링크가 필요하지 않습니다(곧 알려드립니다). 원하는 것은 산만함을 없애고 전환율이 높은 CTA 버튼을 추가하는 것입니다.

때때로, 특히 귀하의 제안이 프리미엄이거나 복잡한 경우 방문자는 먼저 회사의 전문가와 이야기하기를 원할 것입니다. 바닥글은 작성할 연락처 양식을 추가하기에 좋은 위치입니다. 소셜 미디어 페이지는 네트워킹 플랫폼이기도 하므로 일부 링크를 유지할 수 있습니다.

더 많은 준비가 되셨나요?

보시다시피, 이러한 모든 방문 페이지 요소는 제안을 펼치고 사용자가 최종적으로 전환할 때까지 페이지를 안내하는 데 도움이 됩니다. 이탈률이 낮다는 것은 랜딩 페이지의 구조를 마스터했다는 표시입니다. 다음으로 필요한 것은 잠재 고객을 육성하고 고객과 연결 상태를 유지하는 도구입니다. SendPulse는 자동화된 이메일을 보내고 Facebook 및 Telegram용 챗봇을 만드는 데 적합합니다. 또한 당사 서비스를 사용하여 웹 푸시 알림 및 SMS를 고객에게 보낼 수 있습니다!