훌륭한 랜딩 페이지 제작 방법


랜딩 페이지가 훌륭하다는 것은 신규 가망 고객을 0개, 100개 또는 1,000개 보유하고 있는 것과 비즈니스의 하루 매출 간의 차이를 의미합니다.

어떤 제품을 판매하든 랜딩 페이지는 웹 사이트 방문자가 조치를 취할 수 있도록 안내합니다. 결국, 그것이 여러분이 이루려고 하는 것입니다, 그렇죠?

랜딩 페이지는 특정 주제 또는 캠페인에 초점을 맞춘 단일 페이지로, 제품 또는 서비스를 구매하도록 유도합니다. 소개 페이지 설계 모범 사례를 구현하면 사이트에서 변환이 증가합니다.

우수하고 설득력 있는 랜딩 페이지는 방문자의 관심을 끌며 전환을 완료하도록 강요합니다. 이 4가지 간단한 랜딩 페이지 팁을 통해 성공적인 랜딩 페이지를 만드는 방법을 알아보십시오.

랜딩 페이지 디자인 팁입니다.
1. 제안 및 캠페인의 개요를 설명합니다.
강력한 복사본은 훌륭한 랜딩 페이지의 핵심입니다.

먼저 윤곽을 그려서 무엇에 초점을 맞추어야 할지 결정하세요. 제안 및 캠페인을 나열한 다음 페이지 기본 사항에 대해 생각해 보십시오.

예를 들어, 빈티지 티셔츠 회사가 있고 인스타그램 사용자들을 위해 번들을 50% 할인 판매하기를 원했다면, “모든 빈티지 티 5개 이상 묶음 판매 50퍼센트 할인”을 제안할 수 있으며, 캠페인은 유료 인스타그램 캠페인이 될 것입니다.

귀사의 제안과 고객을 파악하면 타겟이 높은 복사본을 만들 수 있습니다. 인스타그램 광고에서 귀사에 대해 배우는 사용자는 입소문이나 구글 검색을 통해 귀사에 대해 듣는 사용자와는 다릅니다.

우리의 예에서, 인스타그램 사용자들은 “판매용 빈티지 티셔츠”를 구글링하는 사람과는 달리, 살 빈티지 셔츠를 찾고 있지 않습니다.

이 경우, 우리는 그들의 패션 감각과 최신 유행인 빈티지 티셔츠에 대한 관심을 어필할 수 있습니다. 광고에서도 통할 수 있는 좋은 도입 문장은 다음과 같습니다.

“5개 이상 묶으면 50% 할인된 부드러운 정품 빈티지 티셔츠로 시원함을 한 단계 끌어올리십시오.”

2. 이점과 솔루션을 열거합니다.
어떤 제품을 판매하든 사용자는 어떤 이점이 있는지 알고 싶어합니다. 귀사의 제품 또는 서비스로부터 어떤 이점을 얻을 수 있습니까?

어떤 랜딩 페이지든 간에 제품 또는 서비스가 문제를 해결하는 방법을 사용자에게 성공적으로 설명하고 있습니다.

이 랜딩 페이지에서 작가 크리스 덕커의 유프러너 온라인 커뮤니티를 살펴보십시오. 이 페이지에서는 기업가와 소상공인의 대상 시장에 대해 설명하고 있으며, 이는 많은 기업가들이 공감하는 사항입니다.

기업인의 랜딩 페이지입니다.

또한 이 랜딩 페이지에는 온라인 마스터마인 커뮤니티인 이 제품이 사용자가 비즈니스 성공을 달성하는 데 도움이 되는 이유도 설명되어 있습니다.

대개 열정과 추진력이 있는 곳에서 사업을 시작하는 것이므로, 온정적이고 사전 예방적인 언어를 사용하는 것이 이 고객에게는 효과적입니다.

랜딩 페이지를 작성할 때는 간결하고 명확해야 합니다. 연구에 따르면 랜딩 페이지에 더 많은 단어가 사용될수록 변환 속도는 낮아진다고 합니다. 글을 쓸 때, 여러분이 목표로 삼은 청중이나 인물의 입장이 되어 스스로에게 다음과 같은 질문을 하세요:

제 문제가 생긴 기분이 어때요?
직장이나 삶을 더 편하게 하기 위해 무엇을 찾고 있나요?
이 회사의 제품이나 서비스가 제 문제를 어떻게 해결할 수 있을까요?
이 제품이나 서비스를 구입하면 업무나 생활이 어떻게 개선됩니까?
제안을 설정하려면 랜딩 페이지에서 다음 질문에 순서대로 답하십시오. 그런 다음 CTA로 유도할 수 있습니다.

3. 매력적인 CTA를 만듭니다.
소개 페이지의 CTA 문장과 버튼은 변환 속도에 큰 영향을 미칩니다. 랜딩 페이지의 마지막 테두리이며, 정보를 제출하거나 결제 페이지로 이동합니다.

랜딩 페이지당 큰 제출 버튼으로 표시된 CTA가 하나만 있는 것이 이상적입니다. Marketing Profs는 Unbounce의 연구 결과를 인용하면서 단일 링크 또는 영업 활용 방안이 포함된 랜딩 페이지의 전환률이 평균 13.5%로 더 높다고 밝혔습니다. 이는 2개 또는 3개의 링크 또는 CTA가 있는 페이지보다 약 2% 더 많습니다.

소개 페이지를 스크롤하는 동안 제품 구매, 컨텐츠 다운로드 등을 위한 CTA(Call-to-Action)를 확인할 수 있습니다.

또한 소개 내용을 다루거나 공통적인 문제를 설정하는 것이 일반적입니다. 여기에는 사용자 시간, 비용 또는 에너지와 같은 고충 목록이 포함될 수 있습니다. 그런 다음 컨텐츠나 CTA가 있는 제품을 소개할 것입니다.

제품이 문제를 해결하는 방법을 설명한 후 랜딩 페이지에서 기능에 대해 자세히 알아봅니다. 제품이 페이지 하단에서 작동하는 이유에 대한 추천 또는 사회적 증거를 제시하십시오.

Unbounce에 따르면, 캠페인의 전환 비율을 높이는 데 도움이 되는 것은 특정 주제에 초점을 맞추는 것이라고 합니다. 랜딩 페이지 웹 사이트 트래픽은 거의 항상 특정 캠페인 또는 채널의 트래픽이므로 해당 페이지를 특별히 사용자 지정할 수 있습니다.

유료 소셜 미디어 컨텐츠를 통해 랜딩 페이지를 찾는 사용자는 Google 광고나 소개 링크를 통해 랜딩 페이지를 찾는 사용자와는 다른 사고방식을 가질 수 있습니다.

소셜 미디어 사용자들은 페이스북이나 인스타그램과 같은 사이트를 탐색할 가능성이 높습니다. 그들은 꼭 살 물건을 찾고 있는 것은 아니다. 반면, 구글에서 적용 가능한 용어를 적극적으로 찾는 사람들은 행동이나 구매 사고방식을 더 많이 가지고 있으며, 사전에 문제에 대한 해결책을 찾고 있습니다.

Unbounce 및 MailChimp과 같은 도구를 사용하면 랜딩 페이지를 비교적 쉽게 만들 수 있습니다. 무엇보다 매력적인 복사본, 거부할 수 없는 CTA, 매력적인 랜딩 페이지 디자인을 만들어야 합니다.

WordStream에 따르면 가장 우수한 CTA는 다음과 같습니다.

“받기” 및 “주기”와 같이 기억하기 쉬운 액션 단어를 사용합니다.
“제안을 구축하겠습니다”와 같은 신뢰감을 쌓으십시오.
가망 고객 발굴 양식을 제출하여 “30일 평가판 즉시 받기”와 같이 사용자에게 무엇을 얻게 될 것인지를 보여줌으로써 사용자의 긴급성에 호소합니다.
CTA 버튼은 페이지 전체에 연결되고 제안 내용을 반복해야 합니다. 또한 사용자가 클릭할 수 있는 눈길을 끄는 디자인을 갖추고 있어야 합니다.

4. 멋진 디자인에 집중합니다.
좋은 디자인은 사용자가 회사, 제품 또는 서비스에 대해 느끼는 감정에 영향을 미칩니다. 사용자의 변환 결정에 영향을 줄 수 있습니다.

랜딩 페이지 설계 모범 사례에서는 레이아웃이 기존 회사 브랜드와 일치하고 대상 고객에게 어필할 것을 요구합니다.

소개 페이지를 헤드라인, 제안서, CTA, 사회적 증거 등의 특정 섹션으로 나누십시오. 사회적 입증은 사용자가 구매를 하도록 하는 마지막 주장이며, 신뢰와 명성을 입증합니다. 이 페이지에는 얼마나 많은 사람들이 이 제안을 구입했거나 수락했는지 또는 회사 또는 제품에 대해 다룬 매체가 나와 있습니다.

Medium의 랜딩 페이지에서 유료 멤버십으로의 업그레이드를 권장하는 예를 들어, Medium의 콘텐츠 품질 및 플랫폼에 대한 다른 사용자의 추천을 확인할 수 있습니다.

Medium의 랜딩 페이지에는 추천이 포함되어 있습니다.

랜딩 페이지의 주요 설계 요소는 다음과 같습니다.

  • 헤드라인
  • 페이지 단위 복사 블록입니다.
  • CTA 버튼과 상자(일반적으로 복사 블록 사이와 페이지 하단에 있음)를 표시합니다.
  • 보완 영상 및 비디오(사용되는 경우)입니다.
  • 소셜 프루프 섹션—증언 또는 데이터입니다.

A/B는 디자인에서 CTA 버튼 스타일 및 표현에 이르기까지 랜딩 페이지의 모든 디자인 요소를 테스트하여 가장 높은 전환률을 보이는 제품을 찾습니다. Unbounce, Hubspot 및 Lead 페이지를 포함하여 캠페인 대상자를 대상으로 랜딩 페이지를 구축하고 테스트할 수 있는 툴입니다.

좋은 디자인과 청중들을 위한 최고의 제안을 결합하면 사용자를 전환하고 캠페인의 수익을 창출할 수 있는 고도로 타겟팅된 랜딩 페이지를 만들 수 있습니다.

5. 모바일 환경에 최적화됩니다.
전 세계 인구의 49%가 모바일 인터넷을 사용하고 있기 때문에 모바일용 랜딩 페이지를 최적화하는 것은 간과되는 일이 거의 없다고 생각할 수 있지만, 올솔드 여전히 사후에 그치는 경우가 많습니다.

위의 팁을 준수하면 모바일 랜딩 페이지가 성공할 가능성이 높아지지만 로딩 시간도 특별히 주의해야 합니다. Google은 모바일 랜딩 페이지를 5초 이내에 로딩할 것을 권장하며 랜딩 페이지가 지연될 경우 심각한 반송률을 보일 수 있습니다. 상세페이지 제작은 여기입니다.

페이지 로드 시간 대 반송률입니다.

(출처: 구글과 함께 생각해보세요)

모바일에서 로딩 시간을 낮게 유지하는 것과 더불어 가장 적절한 정보를 폴더 위에 유지하는 것도 중요합니다.

12가지 우수 랜딩 페이지 설계 예제를 참조하십시오.
12. Winc—명예: 단순함을 주장합니다.
“Winc는 서비스를 효과적으로 설명하고 매력적인 제안을 합니다. 원하는 것을 쉽게 이해하고 선택할 수 있습니다. 깔끔하게 정리되어 있습니다.”

이 페이지의 장점은 다음과 같습니다.
회전 태글라인과 함께 “우리는 손으로 뽑고, 손으로 수공하고, 손으로 와인을 배달합니다.”라는 조건 하에 가치 제안을 제공합니다.
전환을 위한 CTA(Call-to-Action) 기능을 제공합니다. “시작하기”를 누르면, Winc가 매력적인 맞춤형 와인 선택을 큐레이션할 수 있도록 여러분이 선호하는 맛 프로필을 결정하기 위한 퀴즈에 초대됩니다. 진한 블랙 커피를 마시는 사람은 진한 적포도주를 좋아할 것입니다. 재밌고, 개인적이고, 효과가 있어요.
디자인 측면에서 볼 때, 주의를 산만하게 하는 요소가 없습니다. 상위 성과 랜딩 페이지 간에 공통된 주제입니다. 페이지 아래로 이동하기 전에 간단한 설명, 명확한 가치 제안서, CTA 및 제품 사진을 얻을 수 있습니다.
20달러 할인 혜택이 있습니다. BigCommerce.com에 따르면, 이와 같은 판촉 마케팅(할인 제공)은 식품 및 식료품 업계에서 전환율을 5.6% 높일 수 있습니다.
그것은 Winc가 하는 일을 단순하고 명확하게 보여주는 이미지를 사용하여 텍스트를 읽어야 할 때 발생하는 마찰을 통해 인간의 뇌는 텍스트보다 이미지를 60,000배 더 빠르게 처리합니다.
20달러 할인해 드립니다.

영상 통신 컨설턴트 마이크 파킨슨에 따르면 다음과 같습니다.

“인지적으로 그래픽은 커뮤니케이션 속도를 높이고 수준을 높입니다. 이해력, 기억력, 기억력을 높여줍니다. 시각적 단서는 텍스트를 디코딩하고 정보에 주의를 끌거나 직접 주의를 끌면 청중이 기억할 가능성을 높일 수 있습니다.

감정적으로, 사진은 감정과 태도를 강화시키거나 영향을 줍니다. 그래픽은 상상력을 사로잡고 뇌의 다른 영역을 자극하여 창의적 사고를 높입니다(이는 제시된 자료에 대한 보다 심오하고 정확한 이해로 이어집니다).

Winc의 랜딩 페이지 주요 내용입니다.

단순히 가치 제안(당신으로부터 구매하는 이유는 무엇입니까?)을 개괄적으로 설명하기만 하면 됩니다.
집중을 방해하는 요소를 제거하고 시각 자료를 단순하게 유지하십시오.
이미지들이 말하게 하세요.
11. 코드 아카데미—명예: 사회적 증거입니다.
“페이지에 오자마자 코드 아카데미가 정확히 무엇을 하는지 그리고 완전히 무료임을 설명하는 명확한 영업 활용 방안이 있습니다. 오른쪽에는 불필요한 주소, 전화 또는 기타 이상한 데이터 요청 없이 최소한의 정보가 필요한 가입 양식도 있습니다.

페이지 전체에는 실제 사용자 및 브랜드의 리뷰를 포함한 신뢰 신호도 함께 표시됩니다. 맨 아래에는 가입해야 하는 이유를 알려주는 많은 이점과 기능 목록이 있습니다.”

– Sam Carr, PPC Protect의 마케팅 매니저입니다.