7 랜딩 페이지 예시 및 영감을 얻기 위한 사용자 여정 분석

게시 됨: 2022-04-12

배너 광고, 웨비나, 이메일 마케팅 자동화, 소셜 미디어 프로모션, SEO, 콘텐츠 마케팅. 다양한 디지털 마케팅 채널에 투자하여 새로운 잠재고객에게 다가가고 트래픽을 사이트로 다시 유도합니다.

귀하의 방문 페이지는 이러한 노력의 성패입니다. 크리에이티브에 투자한 노력과 광고에 투자한 비용이 성공적인 전환으로 이어지는 지점입니다.

불행히도 대부분의 방문 페이지는 모든 산업 분야에서 평균 전환율이 4.6%에 불과하여 비효율적입니다.

방문 페이지 최적화는 전환율을 개선하기 위해 웹 페이지의 효과를 지속적으로 테스트, 수정 및 재테스트하는 프로세스입니다.

대다수가 되는 것과 가장 많이 전환되는 페이지 중 하나가 되는 것의 차이입니다.

A/B 테스트와 같은 전술은 랜딩 페이지의 효율성을 평가하는 데 중요하지만 높은 전환율 랜딩 페이지에 기여하는 요소를 이해하지 않는 한 바늘을 움직이지 않습니다.

설명을 위해 7가지 훌륭한 랜딩 페이지 예를 분류하여 무엇이 효과가 있고 그 이유를 보여드리겠습니다.

1. 멤버스택

안전한 로그인 및 결제 SaaS 회사인 Memberstack은 상호 작용, 이동 및 사용자 지정이 어떻게 고유한 랜딩 페이지 경험을 생성할 수 있는지 보여주는 좋은 예입니다.

페이지 상단은 방문자를 의도적으로 왼쪽의 깜박이는 파란색 점으로 안내하도록 설정되었습니다.

이 토글 중 하나를 누르면 오른쪽의 애니메이션이 변경되어 Membersstack을 사용하여 촉발된 워크플로의 변경 사항을 시각화합니다.

이것은 제품이 어떻게 작동하는지 보여주는 영리한 방법입니다. 이탈률을 줄이고 사용자 참여를 유도하는 전술이기도 합니다.

연구에 따르면 대화형 콘텐츠는 정적 콘텐츠보다 참여도에서 최대 2배까지 효과적일 수 있습니다.

꾸준히 증가하는 수익과 회원 수 또한 심리적 자극을 미묘하게 활용하여 Membersstack이 더 많은 회원과 더 많은 수익을 의미한다는 무의식적 연결을 만듭니다.

영웅 섹션은 시선 추적 연구에서 처음 방문 페이지를 볼 때 시선이 집중되는 두 영역인 오른쪽 상단과 왼쪽 하단 모서리에 CTA 버튼을 효과적으로 배치합니다.

낮은 CTA 아래에서 Membersstack은 "YCombinator 지원" 사회적 증거 기반 마찰 제거제를 사용하여 플랫폼의 보안을 암시했습니다.

Memberstack의 B2B 청중은 YCombinator에 익숙합니다.

이것은 “Memberstack의 지불 애플리케이션은 얼마나 안전합니까?”라는 이의에 대한 답을 제시하는 영리한 사본입니다.

스크롤 없이 볼 수 있는 부분 아래로 Membersstack은 결과 증명을 보여주기 위해 몇 가지 중요한 수치가 포함된 소제목을 도입하여 신뢰를 더욱 구축합니다.

Memberstack이 중앙을 향해 큰 숫자를 배치하고 외부에 작은 숫자를 배치하는 방법에 주목하십시오.

이것은 왼쪽에서 오른쪽으로 배열된 선택이 제시될 때 소비자가 중간 옵션에 대해 갖는 잘 알려진 선호 편향에서 차용합니다.

Memberstack은 YCombinator 로고의 두 번째 사용과 브랜드의 핵심 고객을 위한 또 다른 이름인 Product Hunt에 대한 호출로 신뢰성을 강화합니다.

여기서 Memberstack의 사용 후기가 흥미롭습니다.

대부분의 랜딩 페이지는 상황에 맞게 배치된 2~3개의 평가를 사용하는 경향이 있습니다. Memberstack은 다른 페이지를 클릭하지 않고는 읽을 수 없는 리뷰에 로드되었습니다.

이것은 사회적 증거의 양(긍정적인 리뷰의 순전한 수)이 품질(검토자가 말하는 내용)보다 더 매력적이라는 것을 테스트하고 검증한 경우 유리하게 작동할 수 있습니다.

더 스크롤하면 소프트웨어 작동 방식에 대한 간단한 3단계 프로세스가 있습니다.

Memberstack은 간단하게 유지하므로 이상적입니다. 홈페이지와 같이 의도가 낮은 페이지는 너무 복잡할 필요가 없습니다.

"플러그 앤 플레이 사용자 계정" 섹션은 방문 페이지의 상호 작용이 참여를 투자로 전환하는 방법을 보여주는 좋은 예입니다.

슬라이더와 토글 버튼을 사용하여 사용자는 색상 및 추가 필드로 오른쪽 양식을 사용자 정의할 수 있습니다. 또한 다음 섹션에서 이를 수행할 기회가 있습니다.

Memberstack 제품의 기능을 제한된 방식으로 탐색함으로써 시청자는 이 제품으로 정확히 무엇을 할 수 있고 그것이 자신의 삶에 어떤 영향을 미칠 수 있는지 맛보게 됩니다.

이것은 직접 판매에서 일반적으로 사용되는 기술인 정신적 소유권으로 알려진 심리적 원리에 의해 영향을 받습니다(예: 구매 전 테스트 운전).

콘텐츠에 참여하면 사용자가 콘텐츠가 이미 자신의 것인 것처럼 느낄 수 있습니다(손실 방지 덕분에 콘텐츠를 잃고 싶지 않다는 의미임).

페이지 하단은 여러 마찰 제거제가 포함된 최종 CTA 섹션으로 끝납니다.

무료로 시작하세요.
무제한 평가판;
읽을 때 업그레이드하십시오.
신용 카드가 필요하지 않습니다.

이와 같이 집중적인 카피라이팅은 전환율이 높은 랜딩 페이지를 구축하는 열쇠입니다. 일반적인 판매 이의를 제기하고 고객이 판매를 포기하도록 설득하기 전에 해결합니다.

2. 젠데스크

Zendesk의 이 랜딩 페이지는 페이지 길이와 스타일을 대상 고객의 의도 및 인지도 수준과 일치시키는 좋은 예입니다.

전환 카피라이터 Joanna Weibe는 랜딩 페이지의 길이 또는 길이에 대해 설명합니다.

“'긴 카피는 항상 짧은 카피를 능가한다'…'긴 카피는 통하지 않는다'…'웹 사용자는 숏 카피만 용인한다'는 말은 의미가 없다…
오히려, 귀하의 페이지는 잠재 고객의 인식 상태에 대해 설명할 논거를 만드는 데 필요한 길이여야 합니다. 그들이 얼마나 알고 있는지 모른다면, 당신의 주장을 구체화하기 위해 알아낼 필요가 있습니다.”

그녀는 이 차트에서 인식과 의도 사이의 상호 작용을 보여줍니다.

Zendesk가 바로 그 일을 합니다.

홈페이지 헤더에 사용된 카피는 전문용어 및 제품관련 문구가 없습니다.

Zendesk는 "작동 방식"에서 "나에게 도움이 되는 기능"으로 바로 건너뜁니다.

대답? 더 나은 고객 서비스.

오른쪽 하단 모서리에도 영리한 디자인 큐가 있음을 알 수 있습니다. 이 밝고 대조적인 배지는 방문자가 아래로 스크롤하도록 장려하고 고전적인 Z자형 레이아웃(또한 시선 추적 연구의 뒤에서 개발됨)을 사용합니다.

스크롤 없이 볼 수 있는 부분 아래로 스크롤하면 바로 리소스로 이동합니다.

Zendesk는 이 방문 페이지의 주요 목표가 유익하고 가치 있는 콘텐츠를 사용하여 방문자를 마케팅 퍼널로 안내하는 것임을 알고 있습니다.

다음 섹션에서는 Zendesk가 하는 일과 사용자가 달성하는 데 도움이 되는 결과에 대한 상황별 정보를 제공합니다. 또한 짧은 평가를 통해 사회적 증거를 제공합니다.

Zendesk가 어떻게 깔끔한 미적 감각을 유지하면서 두 개의 대상 고객, 서비스 팀과 영업 팀에게 서비스를 제공하는지 주목하세요. 그들은 간단한 토글 장치를 사용하여 이 작업을 수행합니다.

서비스 팀에 대한 보기는 다음과 같습니다.

영업 팀의 경우:

다음 섹션에서는 사회적 증거에 대해 좀 더 자세히 설명합니다. 고객 성공 사례를 알려주는 긴 형식의 사례 연구에 연결됩니다.

방문 페이지는 방문자를 사이트에 계속 머물게 하고 학습할 수 있도록 설계된 다른 리소스에 대한 링크 모음과 간단한 CTA 섹션으로 마무리됩니다.

이 방문 페이지는 다음 두 가지를 잘 수행합니다.

다른 사람의 영향에 대한 우리의 민감성에 호소하는 사회적 증거를 제공합니다.
다양한 리소스를 통해 최상위 사용자에게 가치를 제공하고 참여 및 리드 육성 프로세스를 시작합니다.

3. 라타나

AI 기반 브랜드 추적 플랫폼 Latana의 이 랜딩 페이지는 리드 생성 중심 가이드를 홍보하는 방법의 강력한 예입니다.

Latana는 스크롤 없이 볼 수 있는 부분을 단순하게 유지합니다. 방문자가 가이드를 다운로드하기 위해 이 페이지를 방문한다고 가정하고 쉽게 옵트인하고 그렇게 할 수 있습니다.

둘째, Lantana는 가입 양식 필드를 최소한으로 유지합니다.

3개의 필드가 황금 숫자인 것처럼 각 필드가 추가될 때마다 전환율이 크게 떨어지는 것으로 문서화되어 있습니다.

셋째, 폼에 동봉된 히어로 카피가 잘 실행된다.

누구와 무엇에 대한 답을 제시합니다. "제품 팀을 위한 브랜딩"입니다.

이유: "제품 팀이 브랜딩에 참여해야 하는 이유에 대해 자세히 알아보기".

그리고 가장 중요한 것은 "더 큰 시장 점유율 확보"입니다.

Lantana는 또한 "아래 양식을 작성하십시오."라는 간단한 작업 신호를 사용합니다.

좀 더 설득력이 필요한 사람들을 위해 스크롤 없이 볼 수 있는 부분 바로 아래 섹션은 간단하면서도 효과적인 스토리텔링 공식을 따릅니다. 여기에 문제가 있습니다. 여기에 관심을 기울여야 하는 이유가 있습니다. 해결 방법은 다음과 같습니다.

그런 다음 독자가 "다운로드하여 방법을 알아보세요."라는 행동을 유도합니다.

그런 다음 방문 페이지는 이번에는 절대적으로 명확하게 방문자의 핵심 질문에 다시 답변합니다. 또한 스타일과 색상에서 페이지의 나머지 부분을 대조하는 효과적인 디자인 큐를 사용합니다(스크롤을 중지하도록 설계됨).

Latana는 또한 잘 알려진 로고를 포함하여 사회적 증거를 잘 활용합니다.

로고 섹션은 일반적으로 제품 중심 페이지에 중력을 추가하는 데 사용되지만 권위를 보여주는 수단으로도 효과적일 수 있습니다.

이 전체 랜딩 페이지에서 Latana는 능숙하게 일을 단순하게 유지합니다.

사본은 효과적이며 간단한 언어를 사용합니다("양식 작성"). 정보의 레이아웃은 단순하고 명확하며 페이지는 핵심 의도에서 벗어나거나 너무 팔려고 하지 않습니다.

4. 헤드스페이스

Headspace의 구독 등록 페이지는 유입경로 하단 방문자를 위한 랜딩 페이지를 디자인하는 방법의 강력한 예입니다.

다음 세 가지 작업을 매우 잘 수행합니다.

사회적 증거의 효과적인 사용;
제품에 대한 잘 실행된 대화식 데모
기억력 향상 카피라이팅 전술 활용.

사회적 증거의 효과적인 사용

방문 페이지에는 두 개의 사회적 증거 섹션이 연속적으로 배치되어 있습니다.

첫 번째는 광범위한 사용(7000만 다운로드)과 거의 보편적인 만족도(600,000개 이상의 평가에서 별 4.9개)에 대한 강력한 증거를 제공합니다.

이 인상적인 수치는 성공적인 앱의 이야기를 들려줍니다. 설득력이 있지만 수치만으로는 고객의 고충에 공감하는 문제-해결-결과 프레임워크가 부족합니다.

이것이 바로 Headspace가 다음 섹션에서 제공하는 증거입니다.

이것은 Headspace의 의도된 청중이 경험하는 일반적인 고충("스트레스 및 외로움", "깨짐")에 대해 설명하는 신중하게 선택된 평가입니다. 그리고 실제 고객 결과("마음의 기능을 이해하는 데 도움이 됨").

제품의 잘 실행된 대화식 데모

제품 기능에 대한 이 대화형 데모는 앱 사용자 유지 및 장기간 참여에 대한 공통 장벽을 해결합니다.

앱의 25%는 삭제되거나 폐기되기 전에 한 번만 사용됩니다. 앱 스토어 최적화(ASO)는 무료 평가판과 마찬가지로 전환을 극대화하는 데 도움이 됩니다.

그러나 이 대화형 접근 방식을 통해 사용자는 위험 없이 제품을 테스트할 수 있습니다. 가치를 입증하기 전에 다운로드를 요구하지 않고. 또한 Headspace는 사용자에게 특정 기능을 안내하고 설명 동영상을 사용하여 시연할 수 있습니다.

대화형 데모 콘텐츠 외에도 14일 무료 평가판도 제공합니다. 기능과 상호 작용한 후 이 무료 평가판은 사용자가 (새로 시작하는 것이 아니라) 더 많은 것을 배우고 싶어하기 때문에 더 많은 구독을 유도할 수 있습니다.

기억력 향상 카피라이팅 전술 활용

이 랜딩 페이지의 카피는 운율과 두운으로 채워져 있는데, 둘 다 효과적인 니모닉 장치입니다.

당신의 카피에서 운을 사용하는 것(예를 들어, "당신의 마음에 친절을 베풀어라")은 운율로 알려진 심리적 개념을 이유 효과로 활용하는데, 이는 느슨하게 "운이 맞는다면, 그것은 사실임에 틀림없다"로 번역됩니다.

유사하게, 두운(예: "수백만 명 명상하기" 및 "조건 만들기")은 문장을 조용히 읽어도 학습과 기억력을 향상시키는 데 효과적입니다.

이러한 메모리 장치는 고객이 방아쇠를 당길 준비가 되었을 때 브랜드를 염두에 두도록 작동합니다.

5. 리프트

"드라이버 되기" 랜딩 페이지를 통해 차량 공유 서비스와 Uber 경쟁업체 Lyft는 청중과 소통한다는 것이 정확히 무엇을 의미하는지 보여줍니다.

영웅 배너의 문구를 주목하세요: "자신의 보스가 되고 싶으세요?"

이 메시지는 대상 청중의 공통된 욕망에 직접적으로 말합니다. Lyft는 “여기서 드라이버를 지원하세요”라고 말하는 대신 감정적 동기에 호소합니다.

다음 두 섹션은 이의제기에 대한 것입니다. 이를 통해 독자는 사전 등록 FAQ에 대한 답변을 직접 제공할 수 있습니다.

이 섹션은 "어떻게 급여를 받나요?", "요구 사항은 무엇인가요?", "차가 없으면 어떻게 합니까?"와 같은 가장 명백한 질문에 대한 답변입니다.

아래의 4단계 슬라이더는 Lyft 작업을 시작하고 급여를 받는 것이 얼마나 간단한지 보여줍니다(잠재 드라이버에 대한 비판적 반대).

Lyft는 다음으로 사회적 증거를 활용하지만 위의 페이지와 같은 방식은 아닙니다. Lyft는 공간을 깔끔하게 유지하기 위해 고객 성공 사례의 짧은 비디오 편집을 선택했습니다.

비디오는 참여를 매우 효과적으로 포착합니다. 이를 통해 장래의 드라이버는 Lyft 드라이버가 일반적으로 중요하다고 생각하는 실제 사람의 이야기를 들을 수 있습니다.

마지막으로 짧은 카피(및 동반 고객 평가)는 비디오의 메시지를 강화합니다. 드라이버는 Lyft를 사용하는 것이지 Lyft는 조건에 따라 수익을 올릴 수 있는 자유와 유연성을 제공합니다.

6. 버로우

전자상거래 가구 소매업체 Burrow의 이 랜딩 페이지는 고품질 이미지와 비디오를 사용하여 스토리를 전달하는 훌륭한 예입니다.

복사, 링크 및 클릭 유도문안만큼 스크롤 없이 볼 수 있는 부분에서 진행되는 작업은 거의 없습니다.

대신 Burrow는 그들의 사진이 무거운 짐을 지게 합니다. 고해상도 영웅 이미지는 정신적 소유권 구축의 중요한 구성 요소인 맥락에서 제품의 모양과 느낌을 보여줍니다.

두 번째 섹션은 가구 운송의 높은 비용이라는 공통된 이의를 직접적으로 다루면서 유사한 접근 방식을 취합니다.

Burrow는 페이지의 미니멀리스트 카피에서 "무료 제공"을 우선시함으로써 그 중요성을 강조하고 공백에서 눈에 띄게 돕습니다.

다음 섹션에서 Burrow는 대화형 콘텐츠의 참여도 상승도를 활용합니다.

Burrow의 주요 가치 제안은 각 제품에 대해 제공하는 맞춤화 수준의 경쟁자를 압도하는 수준입니다. 예를 들어 아래 그림의 소파는 200가지 이상의 구성으로 제공됩니다.

방문 페이지는 방문자에게 이에 대해 알려주는 대신 애니메이션 동영상을 사용합니다. 다시 한 번, 쇼핑객에게 맞춤화가 무엇을 의미하는지 보여줌으로써 관심을 끌고 참여를 유도합니다.

두 번째 비디오는 또 다른 중요한 판매 반대 의견인 "이 모든 것이 어떻게 작동합니까?"에 대한 답변입니다.

20초 안에 잠재 고객은 상자에서 무엇을 얻을 수 있는지 정확히 알 수 있습니다. 이것은 맞춤형 가구를 조립하는 것이 얼마나 간단한지를 보여줍니다.

이 제품 랜딩 페이지 예제 전체에서 Burrow는 제품이 아니라 경험을 판매하는 데 중점을 둡니다.

분리된 제품의 정적 이미지는 개별 제품 페이지에서 볼 수 있습니다. 그러나 그들은 랜딩 페이지에 위치하는 것을 자랑스럽게 생각하지 않습니다. 대신 Burrow는 상황에 맞는 이미지와 비디오를 사용하여 구매자에게 Burrow 고객이 된다는 것이 무엇을 의미하는지 보여줍니다.