영감을 주는 최고의 기업이 제공하는 25가지 최고의 랜딩 페이지 예

디지털 마케팅과 관련하여 우리는 개선하고 배울 수 있는 최고의 업계 리더의 최고의 랜딩 페이지 예를 살펴보아야 합니다.

결국 이러한 행동 지향적인 독립형 웹 페이지는 구매자 여정의 모든 단계에서 사람들을 움직이는 데 중추적입니다. 그리고 잘 정립된 회사가 랜딩 페이지를 사용하고 있다면 이는 특히 기업 수준에서 모든 마케팅 전략의 필수적인 부분이 되어야 합니다.

아래에서 상위 25개 기업의 최고의 방문 페이지 예를 찾을 수 있습니다. 이를 읽고 가장 효과적인 클릭 후 방문 페이지를 만드는 방법을 배우기 시작합니다. 또한 브랜드 이름을 클릭하여 해당 특정 브랜드의 더 많은 예가 포함된 전용 기사를 찾을 수도 있습니다.

최고의 랜딩 페이지 예시를 가진 상위 25개 기업

(짧은 페이지의 경우 전체 페이지를 표시했습니다. 긴 페이지의 경우 스크롤 없이 볼 수 있는 부분에만 표시했습니다. 논의한 몇 가지 요점을 보려면 방문 페이지 예를 클릭해야 할 수도 있습니다. 또한 일부 사이트는 페이지를 A/B 테스트하고 있을 수 있으므로 대체 버전이 제공될 수 있습니다.)

1. 마케토 랜딩페이지 예시

페이지가 잘하는 것:

• 헤드라인 은 방문자에게 보고서의 내용을 정확히 알려줍니다.
• 이 이미지 는 방문자가 보고서를 다운로드하기로 선택한 경우 무엇을 받을 수 있는지 보여줍니다.
• 글머리 기호를 사용하면 잠재 고객이 페이지를 빠르게 스캔하여 보고서에 포함된 내용을 찾을 수 있습니다.
• 사회적 증거( 고객 평가 및 회사 배지)는 제안과 회사 전체에 신뢰 가치를 더합니다.

A/B 테스트 대상:

• 종료 링크 -으로 Marketo 로고 및 바닥 글에 법률 링크 - 보고서를 다운로드하지 않고 페이지를 떠날 수있는 방법으로 방문자를 제공합니다.
• 5-필드 양식 은 구매자 여정의 이 고려 단계에 있는 누군가에게 위협적일 수 있습니다. "직위" 및 "회사"를 제거하면 더 많은 방문자가 양식을 작성하도록 유도할 수 있습니다.
• CTA 버튼 색상 은 페이지의 다른 곳에서 사용되기 때문에 눈에 잘 띄지 않습니다.
• CTA 버튼 문구 가 모호합니다. "보고서를 원합니다!"와 같이 변경합니다. 더 많은 잠재고객이 클릭하도록 유도할 수 있습니다.
• 기울임꼴 사본의 큰 블록은 필요하지 않은 것 같 으며 제거하면 더 나은 변환 결과를 얻을 수 있습니다.
• 고객 평가에 전체 이름과 얼굴 사진 을 포함하면 신뢰성을 높일 수 있습니다.
• 공백을 추가 하면 페이지가 덜 복잡하고 미학적으로 더 매력적으로 보이게 됩니다.

2. Slack 랜딩페이지 예시

페이지가 잘하는 것:

• 고유한 스크롤 방식으로 필요한 모든 정보가 표시되어 방문자가 페이지를 위아래로 이동하지 않고도 정보를 받을 수 있습니다.
• 리드 캡처 양식 은 사용자가 콘텐츠를 스크롤할 때 일관되게 표시됩니다.
• CTA 버튼 카피 는 짧고 직접적이며 "무료"라는 단어를 사용하기 때문에 매력적입니다.
• 하나의 양식 필드만 방문자가 양식을 완성할 가능성이 높습니다.
• 이미지 는 밝고 매력적이며 브랜드 색상을 사용하며 각 해당 섹션과 관련이 있습니다.
• 사회적 증거 를 사용하면 방문자가 Slack을 사용하도록 강요받을 수 있습니다.

A/B 테스트 대상:

• Slack 로고, '로그인', '모든 앱 보기', '고객 사례 보기', '제품', '가격 책정', 'Enterprise Grid' 등 여러 출구 링크가 있어 방문자가 사이트를 떠날 가능성이 더 높습니다. 변환하지 않고 페이지.
• 어떤 개인 정보 보호 정책도 잠재 고객이 이메일 주소를 넘겨주는 것을 막을 수 없습니다 .

3. 오라클 랜딩페이지 예시

페이지가 잘하는 것:

• 사본 의 수요 창출 보고서 통계는 표시된 것처럼 "최근"이 아닙니다. 이 페이지의 저작권 날짜는 2017년이지만 2016년 이전의 것입니다.
• 백서의 이미지 는 방문자에게 백서 를 다운로드하여 받을 수 있는 것을 미리 볼 수 있도록 합니다.
• 대비되는 형태의 색이 눈에 띄고 시선을 사로잡아 완성을 꾀한다.
• 선택하지 않은 옵트인 상자 는 옵트인한 잠재 고객이 Oracle로부터 이메일을 받기를 원하도록 합니다.

A/B 테스트 대상:

• 페이지 상단의 회사 로고 와 탐색은 백서를 다운로드하지 않고 페이지에서 방문자를 잠재적으로 제거할 수 있습니다.
• 양식 필드 위와 아래 의 작은 사본 은 읽기 어렵습니다.
• 흰색 CTA 버튼 은 페이지 상단과 하단에 흰색이 있기 때문에 눈에 잘 띄지 않습니다.
• 바닥글에 있는 이탈 링크 는 방문자에게 페이지에서 훨씬 더 많은 방법을 제공합니다.

4. Google Hire 랜딩페이지 예시

페이지가 잘하는 것:

• 왼쪽 상단 모서리에 있는 Hire 로고 는 방문자가 페이지를 방문했을 때 현재 위치를 즉시 알 수 있도록 합니다. 하이퍼링크로 연결되어 있지 않다는 사실 때문에 사람들이 클릭하지 않고 클릭하여 훌륭한 클릭 후 방문 페이지를 만들 수 있습니다.
• 명확한 헤드라인 은 데모에 모집 도구에 대한 정보가 포함될 것이라고 잠재 고객에게 알립니다.
• 최소한의 요점 복사를 통해 방문자는 제안을 빠르게 읽고 전환할 것인지 결정할 수 있습니다.
• 양식 을 캡슐화하면 페이지에서 눈에 띄는 데 도움이 되어 전환율을 높일 수 있습니다.
• 바닥글 의 개인 정보 보호 정책 링크 는 신뢰 가치를 추가하여 잠재 고객이 개인 정보를 제출하는 데 더 편안하게 느낄 수 있도록 합니다.

A/B 테스트 대상:

• 메시지 일치 가 개선될 수 있습니다. 방문자가 "예정된 웨비나"에 대해 "가입"하도록 권장하는 CTA 버튼이 있는 고용 웨비나 프로모션에서 클릭 후 방문 페이지로 이동했습니다. 클릭 후 방문 페이지는 웨비나를 전혀 언급하지 않고 대신 주문형 데모를 홍보합니다. Google Hire가 웹 세미나와 데모를 동일한 것으로 간주하는 경우 두 페이지 간의 메시지 일치를 늘리면 방문자의 혼란을 줄일 수 있습니다.
• 14개의 양식 필드 는 마케팅 깔때기의 고려 단계에서도 많습니다. 이것을 다단계 형식으로 나누면 형식 마찰이 줄어들고 더 많은 전환이 발생할 수 있습니다.
• 청록색 CTA 버튼 은 페이지의 다른 파란색 음영과 유사합니다. 주황색과 같이 대비를 높이면 더 "팝"됩니다.
• 페이지가 불균형 합니다. 고객 평가 또는 매력적인 이미지와 같이 양식 하단 왼쪽에 클릭 후 방문 페이지 요소를 추가로 포함하면 페이지를 더 미학적으로 즐겁게 만들 수 있습니다.

5. Uber 랜딩페이지 예시

페이지가 잘하는 것:

• 페이지 상단의 Uber 로고 는 방문자에게 즉시 위치를 알려줍니다. 홈페이지와 연결되지 않아 이탈 링크 역할을 하는 것도 장점이다.
• 5개의 양식 필드 는 특히 매우 개인적인 정보를 요구하지 않기 때문에 가입 페이지에 적합합니다.
• 선택적 프로모션 코드 필드 는 잠재 고객이 클릭하지 않으면 표시되지 않고 양식을 5개 필드로 제한하기 때문에 스마트합니다.
• 페이지에 다른 녹색이 없기 때문에 녹색 CTA 버튼이 눈에 띕니다.
• CTA 버튼의 화살표 는 방문자가 클릭 후 방문 페이지의 반대편에 있는 내용을 보려면 클릭해야 함을 나타내는 방향 신호 역할을 합니다.

A/B 테스트 대상:

• 페이지에 사본이 거의 없으면 방문자가 정보가 부족하고 불확실하다고 느낄 수 있습니다.
• 현재 Uber 라이더가 인용한 평가와 같은 사회적 증거를 추가하면 방문자에게 더 많은 신뢰를 줄 수 있습니다.
• CTA 버튼의 "가입" 사본 은 원본이 아니거나 개인화된 것이 아닙니다. "당장 타세요!" 더 설명적이고 흥미진진합니다.

6. IBM 랜딩페이지 예시

페이지가 잘하는 것:

• 헤드라인 은 독특하고 흥미롭기 때문에 방문자가 페이지를 계속 내려가 제안에 대해 자세히 알아볼 수 있습니다.
• 최소한의 카피 는 불필요한 정보로 잠재 고객을 압도하지 않고 백서에 대한 간략한 개요를 제공합니다.
• 언어를 전환할 수 있는 옵션을 제공하는 것은 이론적으로 좋은 아이디어입니다. 안타깝게도 방문자가 다른 언어를 선택하면 클릭 후 방문 페이지를 직접 번역하는 대신 홈페이지로 이동합니다.

A/B 테스트 대상:

• 머리글 및 바닥글 탐색 은 방문자가 현재 제안에서 쉽게 주의를 분산시키고 전환하지 않고 페이지에서 멀리 보낼 수 있습니다.
• 왼쪽에 이미지나 고객 후기를 추가 하여 페이지의 균형을 맞추면 시각적으로 더 매력적입니다.
• 클릭 후 방문 페이지 모범 사례에 따라 CTA 버튼 을 개선할 수 있습니다. 색상은 더 대조적이고 주의를 끌 수 있으며 사본은 더 고객 및 이익 지향적일 수 있습니다.

7. LendingClub 랜딩페이지 예시

페이지가 잘하는 것:

• 헤드라인 은 가치 제안을 강조하기 위해 굵은 서식을 사용합니다.
• 색상 대비로 형태 를 캡슐화하여 시선을 사로잡습니다.
• 빨간색 CTA 버튼 은 페이지에서 대비되고 눈에 띄 므로 전환이 증가할 수 있습니다.
• "LendingClub을 통한 투자" 섹션은 페이지를 압도적으로 많이 채우지 않고도 회사와 파트너 관계를 맺을 때 얻을 수 있는 주요 이점을 제공합니다. 또한 특정 비율의 투자가 사회적 증거 역할을 합니다.
• 회사 로고 는 또한 사회적 증거 역할을 하며 많은 유명 브랜드가 LendingClub을 인지하고 신뢰한다는 것을 방문자에게 알립니다.
• 여러 CTA 버튼 은 잠재 고객에게 제안으로 전환할 수 있는 여러 기회를 제공합니다.

A/B 테스트 대상:

• LendingClub 로고, "이용 약관", "자세히 알아보기", 작은 글씨로 된 여러 단어 및 바닥글 탐색과 같은 여러 종료 링크 는 전환하지 않고 페이지에서 방문자를 제거할 수 있습니다.
• 리드 캡처 양식을 보기 위해 사진에서 남자의 눈 방향을 바꾸면 무의식적으로 더 많은 방문자가 완료하도록 유도할 수 있습니다.
• CTA 버튼 문구를 "지금 투자를 시작하고 수익을 얻으십시오!"와 같이 더 매력적이고 매력적인 것으로 변경하십시오 . 더 많은 전환이 발생할 수 있습니다.
• 페이지 하단에 있는 과도한 양의 작은 글씨 는 위협적이며 잠재 고객은 회사에 숨겨진 의제가 있는지 궁금해할 수 있습니다.

8. 인터콤 랜딩페이지 예시

페이지가 잘하는 것:

• 유머 , 특히 "오늘날 봇은 정말 짜증나네요" 섹션에서 방문자와 친밀하고 공감하며 인간적인 관계를 구축하는 데 도움이 됩니다.
• 최소한의 사본 이 포함된 섹션 헤더 는 페이지를 불필요한 텍스트로 채우지 않고도 오퍼레이터가 포함하는 내용(및 오퍼레이터에게 어떤 이점이 있는지)을 잠재 고객에게 알려줍니다.
• 공백 이 충분 하면 페이지를 더 쉽게 탐색하고 소화할 수 있습니다.

A/B 테스트 대상:

• 헤드라인 이 부분적으로 숨겨져 있습니다. 그것을 덮는 텍스트 상자는 약간 위로 이동할 수 있으므로 전체 헤드라인이 보입니다.
• 페이지 상단과 하단의 인터콤 로고, 첫 번째 양식 아래의 로그인 링크, 두 번째 양식 아래의 "자세히 알아보기" 링크와 같은 여러 종료 링크 는 방문자의 주의를 산만하게 하고 전환하기 전에 페이지에서 제거할 수 있습니다.
• 양식 및 CTA 버튼 은 페이지의 많은 요소가 유사한 형식으로 되어 있고 클릭할 수 있는 것처럼 보이기 때문에 페이지의 나머지 부분과 조화를 이룹니다.

9. 마이크로소프트 랜딩페이지 예시

페이지가 잘하는 것:

• 혜택 지향적 헤드라인을 통해 방문자는 Office 365로 팀의 모바일 생산성을 향상할 수 있음을 알리고 eBook을 통해 더 많은 것을 배울 수 있습니다.
• 제품 이미지 는 잠재 고객이 eBook을 다운로드하기로 선택한 경우 받게 될 내용을 보여줍니다. 확대하고 더 사실적으로 만들면 변환 결과가 훨씬 더 향상될 수 있습니다.
• 최소한의 카피로 글머리 기호를 사용하면 잠재 고객이 페이지에서 관련 정보를 검색할 수 있습니다.
• 캡슐화된 형태 가 눈에 띄며 방문자의 주의를 집중시켜 완성합니다.
• 녹색 CTA 버튼 은 페이지의 나머지 부분과 잘 대조되기 때문에 눈길을 끕니다.

A/B 테스트 대상:

• 하이퍼링크된 Office 로고 는 제안을 보고 전환하지 않고 방문자를 페이지에서 멀어지게 할 수 있습니다.
• 남자 의 이미지 는 제안과 무관해 보입니다. Office 365를 사용하는 사람으로 교체하거나 전자책을 읽는 것이 더 효율적일 수 있습니다.
• 구매자 여정의 고려 단계에 있는 사람에게는 8개의 필수 양식 필드 가 위협적일 수 있습니다.
• CTA 카피 가 정확하지 않거나 매력적이지 않습니다. "eBook을 보내주세요!"와 같이 더 개인화되고 흥미진진한 것으로 변경합니다. 더 많은 잠재고객이 클릭하도록 유도할 수 있습니다.
• 페이지 하단의 "계획 및 가격 보기" 는 방문자가 주요 제안을 보지 못하게 하고 전환을 방해할 수 있습니다.
• 고객 평가 또는 신뢰 인장과 같은 사회적 증거를 추가 하면 신뢰성이 높아집니다.

10. Lyft 랜딩 페이지 예시

페이지가 잘하는 것:

• 부제목 은 방문자에게 다른 사람들이 Lyft 작업에 대한 훌륭한 팁을 만들었다는 것을 알리는 사회적 증거 역할을 합니다.
• 전화 번호를 요청하는 필드 양식은 하나뿐 이므로 빠르고 쉽게 작성할 수 있으므로 많은 잠재 고객이 실망하지 않습니다.
• 선택 상자를 선택 하지 않은 상태로 두면 후보자는 선택이 전적으로 자신에게 달려 있다고 느끼게 됩니다.
• "$250 보너스 받기" 는 많은 잠재 고객에게 매력적인 인센티브가 될 것입니다.
• "지금 신청" CTA 버튼 은 양식을 빠르게 완성할 수 있도록 잠재 고객을 페이지 상단으로 이끄는 앵커 태그입니다.
• 방문자 는 계산기 기능을 사용하여 Lyft로 운전하기로 선택한 경우 얼마나 많은 돈을 벌 수 있는지 결정할 수 있습니다.
• "Lyft를 사용해야 하는 이유" 섹션 에서는 아이콘과 최소한의 간단한 카피를 사용하여 Lyft에서 일하는 것의 주요 이점을 전달합니다.
• "Lyft 운전 작동 방식" 슬라이더 는 모바일 앱을 사용하여 Lyft가 작동하는 방식을 설명합니다.
• "Lyft 보험 보호" 및 "승객 등급" 은 Lyft에서 운전할 때 운전자에게 안심을 제공합니다.

A/B 테스트 대상:

• Lyft 로고와 사본 전체에 걸쳐 여러 하이퍼링크된 단어를 포함한 많은 종료 링크 는 방문자의 주의를 산만하게 하고 전환하지 않고 페이지에서 멀어지게 할 수 있습니다.
• 헤드라인은 Lyft vs. Uber 이지만 페이지에는 두 서비스를 비교하는 다른 내용이 없습니다.
• 흰색 텍스트 는 남자 셔츠의 흰색 로고에 대해 표시되지 않습니다.
• 남자의 시선 을 리드 캡처 양식으로 리디렉션하면 더 많은 방문자가 완료할 수 있습니다.
• CTA 버튼 카피 '다음'은 지루할 정도로 지루합니다. "지금 돈을 벌기 시작하십시오!"와 같이 더 매력적인 것으로 변경하십시오. 전환 결과를 개선할 수 있습니다.
• 핑크색 CTA 버튼 은 페이지의 다른 곳에서 핑크색이 사용되기 때문에 눈에 잘 띄지 않습니다.

11. Constant Contact 랜딩페이지 예시

페이지가 잘하는 것:

• 헤드라인과 부제목 은 모두 이익 지향적이며 서로를 잘 지원합니다.
• 최소한의 카피로 방문자는 과도한 텍스트에 압도되지 않고 제안을 이해할 수 있습니다.
• 주황색 CTA 버튼 은 페이지의 나머지 색상과 잘 대조되기 때문에 눈에 띕니다.
• 다음 페이지의 리드 캡처 양식 이 포함된 클릭연결 디자인 을 통해 방문자는 양식에 얽매이거나 겁먹지 않고 제안에 대한 모든 정보를 얻을 수 있습니다.

A/B 테스트 대상:

• 하이퍼링크로 연결된 Constant Contact 로고 는 전체 제안을 보지 않고 방문자를 즉시 ​​페이지에서 멀어지게 할 수 있습니다.
• CTA 버튼의 사본이 너무 많아 크기가 작아 읽기 어렵습니다. "위험 없음. 신용카드가 필요하지 않습니다.” 버튼 아래로 이동할 수 있습니다.
• 어떤 개인 정보 보호 정책도 잠재 고객이 전환을 주저하게 만들 수 없습니다 .
• 고객 평가와 같은 사회적 증거를 추가하면 후보자가 Constant Contact에 가입하기로 한 결정에 더 자신감을 갖게 되어 전환율이 증가할 수 있습니다.

12. Salesforce 랜딩 페이지 예시

페이지가 잘하는 것:

• 1차 및 2차 헤드라인 은 문제를 인식하고 솔루션을 제공하기 때문에 매력적입니다.
• 이미지 는 방문자에게 Wave Analytics 모바일 앱을 보여줍니다.
• 최소한의 정확한 카피 는 압도적인 텍스트로 페이지를 채우지 않고 제안을 설명합니다.
• 색상 대비가 있는 캡슐화된 형태는 눈에 잘 띄도록 하고 더 많은 잠재 고객이 그것을 완성하도록 장려합니다.
• 첫 번째 양식 필드를 가리키는 화살표 와 CTA 버튼에 있는 화살표 는 방향 신호 역할을 합니다.
• 신뢰 배지와 개인 정보 보호 정책은 잠재 고객이 자신의 개인 정보가 안전하고 비공개로 유지된다는 확신을 갖도록 도와줍니다.

A/B 테스트 대상:

• Salesforce 로고, 신뢰 배지, 소셜 미디어 링크 및 바닥글 링크와 같은 종료 링크 를 통해 방문자는 이 페이지에서 쉽게 벗어날 수 있습니다.
• 8개의 양식 필드 는 방문자가 양식을 작성하는 것을 방해할 수 있습니다. 불필요한 요청을 제거하거나 다단계 형식으로 변경하면 마찰이 줄어들고 더 많은 다운로드가 생성됩니다.
• 파란색 CTA 버튼 은 파란색 형태와 조화를 이룹니다. 더 대조적인 색상(예: 주황색)으로 테스트하면 더 많은 방문자의 관심을 끌 수 있습니다.
• CTA 버튼 카피 는 "Wave Analytics 데모를 보여주세요!"와 같이 더 매력적인 것으로 개선될 수 있습니다.
• Salesforce 고객 평가와 같은 사회적 증거를 추가하면 방문자의 신뢰 가치를 높이고 더 많은 데모 보기를 장려할 수 있습니다.

13. Zoho 랜딩페이지 예시

페이지가 잘하는 것:

• 헤드라인 은 무료 Zoho CRM 플랜에 가입하면 두 가지 이점을 즉시 제공합니다. 즉, 더 나은 고객 관계 구축과 10명의 무료 사용자가 제공됩니다.
• "무료" 는 페이지의 여러 위치(헤드라인, CTA 버튼 및 설명 문구 전체에 걸쳐 여러 번)에서 사용됩니다.
• 여러 개의 빨간색 CTA 버튼 은 페이지의 나머지 부분과 잘 대조되어 눈에 띄고 주의를 끕니다. 첫 번째 버튼은 잠재 고객을 페이지 하단의 양식으로 편리하게 안내하는 앵커 태그입니다.
• 마우스 아이콘 은 방문자에게 추가 정보를 보려면 페이지를 아래로 스크롤해야 함을 나타냅니다. 또한 앵커 태그이므로 클릭하면 스크롤할 필요 없이 즉시 다음 섹션으로 이동합니다.
• 기능의 긴 목록은 Zoho CRM이 제공하는 모든 것을 전달합니다.
• 2단계 옵트인 디자인 은 잠재 고객이 하단 CTA 버튼을 클릭할 때까지 양식이 표시되지 않기 때문에 이 페이지에서 마찰이 적다는 것을 의미합니다.
• 노란색으로 양식을 요약하면 주의를 끌 수 있고 전환율이 증가할 수 있습니다.
• 이름, 이메일, 비밀번호만 입력하면 되는 3필드 양식 은 마찰을 줄여줍니다.
• 선택되지 않은 Zoho 뉴스레터 확인란 은 진정으로 관심이 있다는 의미입니다. 가능성이 높은 잠재 고객이 콘텐츠를 받게 됩니다.

A/B 테스트 대상:

• Zoho 로고, "서비스 약관" 및 소셜 미디어 링크와 같은 종료 링크 는 방문자의 주의를 산만하게 하고 전환 기회가 있기 전에 페이지에서 멀어지게 할 수 있습니다.
• 악수 이미지 는 제안과 관련이 있지만 두 사람이 웃고 악수하는 사진을 사용하면 훨씬 더 효율적일 수 있습니다.
• "가입" 양식의 CTA 버튼 카피 가 개선될 수 있습니다. 페이지 상단에 있는 "무료로 시작하기"에 있는 CTA 버튼의 사본을 복제하도록 변경할 수도 있습니다.

14. AWeber 랜딩 페이지 예시

페이지가 잘하는 것:

• 헤드라인 은 잠재 고객에게 웹 세미나의 길이가 30분에 불과하다는 것을 즉시 알립니다.
• CTA 버튼은 전면 중앙 에 있으므로 방문자는 페이지를 방문하는 즉시 볼 수 있습니다. 또한 설명이 풍부하고 흥미진진하여 잠재 고객이 클릭하도록 유도할 수 있습니다.
• 2단계 옵트인 디자인 은 이 페이지에서 리드 캡처 양식을 제거하고 잠재 고객은 CTA 버튼을 클릭할 때만 볼 수 있습니다. 이는 마찰이 적고 잠재적으로 더 많은 전환을 의미합니다.
• 이벤트 날짜/시간, 이름 및 이메일을 묻는 3가지 양식 필드만 빠르고 쉽게 완료할 수 있습니다.
• 기울임꼴 사본 은 잠재 고객이 예정된 이벤트에 참석할 수 없는 경우에도 녹음을 받기 위해 등록할 수 있음을 알려줍니다.
• Tom Tate의 헤드샷과 설명은 잠재 고객이 발표할 사람을 보고 배울 수 있기 때문에 좋은 내포물입니다. 그러나 이미지를 확대하면 효과가 증가할 수 있습니다.
• 페이지 하단의 개인 정보 보호 정책 링크 는 잠재 고객이 자신의 개인 정보를 넘겨주는 데 더 편안하게 느낄 수 있도록 합니다.

A/B 테스트 대상:

• 파란색 CTA 버튼 은 주의를 끌기 위해 페이지의 다른 곳에서는 사용되지 않는 색상으로 테스트해야 합니다.
• "여기에서 다룰 내용" 섹션에 적용된 다른 형식 (목록 들여쓰기, 아이콘 또는 화살표 통합, 굵은 글꼴 사용 등)을 적용하면 더 눈에 띄게 만들어 더 많은 사람들이 읽을 수 있습니다.
• 페이지 하단에 있는 두 개의 홈페이지 링크 는 방문자를 전환하지 않고 이 페이지에서 다른 곳으로 리디렉션할 수 있습니다.
• 고객 평가 또는 AWeber 통계와 같은 사회적 증거를 포함하면 잠재 고객 및 전환율에 대한 신뢰가 높아질 수 있습니다.

15. 스퀘어스페이스

페이지가 잘하는 것:

• "도메인 소유권 주장" 이라는 제목 은 긴박감을 전달하기 때문에 효과적입니다. 잠재 고객은 다른 사람보다 먼저 원하는 도메인을 주장해야 합니다.
• 부제목 의 "자세히 알아보기" 링크 는 제안에 대한 자세한 정보를 얻기 위해 페이지 아래로 사람들을 보내는 앵커 태그입니다.
• 전체 페이지에 걸쳐 있는 단순하고 균일한 글꼴 은 전체적으로 전문적인 분위기를 줍니다.
• 작은 덩어리의 사본 으로 콘텐츠를 쉽게 읽고 소화할 수 있습니다.
• Squarespace를 경쟁업체와 비교 하면 잠재 고객은 다른 누구보다 Squarespace를 선택함으로써 여러 가지 이점을 얻을 수 있음을 알 수 있습니다.
• 페이지 하단에 있는 여성의 시선 은 섹션 헤더를 직접 겨냥하고 있어 방문자도 해당 섹션을 보게 될 것입니다.

A/B 테스트 대상:

• 머리글과 전체 바닥글 탐색의 링크를 통해 방문자는 조치를 취하지 않고도 페이지를 쉽게 떠날 수 있습니다.
• 도메인 필드 는 페이지의 나머지 부분과 조화를 이룹니다. 크기는 크지만 페이지의 또 다른 디자인 요소처럼 보이기 때문에 방문자가 쉽게 놓칠 수 있습니다.
• CTA 버튼 이 빨간색이나 노란색과 같이 대비되는 색상인 경우 페이지에서 더 많이 "팝"됩니다.

16. Mixpanel 랜딩 페이지 예시

페이지가 잘하는 것:

• 헤드라인 은 개인화되고 이익 지향적이며 방문자에게 비즈니스를 성장시킬 준비가 되었는지 묻습니다.
• 이미지 는 잠재 고객이 여러 장치에서 eBook을 볼 수 있음을 보여줍니다.
• 전자책에 대한 간단한 설명 은 방문자에게 제공되는 전자책에 대한 간략한 초기 개요를 제공합니다.
• 4필드 양식 은 빠르고 쉽게 작성할 수 있어 방문자의 가능성이 높아집니다.
• CTA 버튼 카피 는 1인칭을 사용하므로 잠재 고객이 제안에 연결되어 있다고 느낄 수 있습니다.
• "전자책의 내용" 섹션에서는 위에서 언급한 간단한 설명을 자세히 설명하고 전자책의 중요한 요점과 제품 리더가 이에 대해 논의하는 내용을 간략하게 설명합니다. 헤드샷을 포함하는 것도 좋은 터치입니다.
• 종료 링크 가 없으면 변환하지 않고 페이지를 탈출하는 것이 거의 불가능합니다. 페이지를 나가는 유일한 방법은 브라우저 탭에서 "X"를 클릭하거나 양식을 작성하는 것입니다.

A/B 테스트 대상:

• 양식 제목 이 잘못되었습니다. 필요한 정보는 이메일 주소뿐이지만 실제로 eBook을 교환하려면 다른 세 가지 양식 필드가 필요합니다.
• 파란색 CTA 버튼 은 페이지의 나머지 색 구성표와 조화를 이루기 때문에 눈에 띄지 않습니다. 페이지의 다른 곳에서는 사용되지 않는 색상으로 테스트하면 더 나은 변환 결과를 얻을 수 있습니다.
• 개인 정보 보호 정책이나 보안 배지와 같이 개인 정보가 안전하다는 신뢰 신호 를 추가 하면 리드 생성이 증가할 수 있습니다.

17. Infusionsoft 랜딩 페이지 예시

페이지가 잘하는 것:

• 사회적 증거( 페이지 상단의 회사 배지와 페이지 하단의 고객 평가)는 잠재 고객에게 확신과 신뢰를 심어줍니다.
• 헤드라인 은 방문자의 문제를 인정하고 공감한 다음 솔루션을 제시하는 훌륭한 역할을 합니다.
• 부제목 은 헤드라인을 잘 지원하여 Infusionsoft 작업의 주요 이점 중 일부를 제공합니다.
• 짧은 4필드 양식 은 기본 정보만 요구하므로 잠재 고객이 작성하는 데 시간이 걸릴 가능성이 높습니다.
• CTA 버튼 카피는 잠재 고객 에게 양식을 작성하고 버튼을 클릭함으로써 얻을 수 있는 것을 정확히 알려줍니다 .
• Infusionsoft가 제공하는 목록을 통해 잠재 고객은 Infusionsoft와 협력하기로 선택한 경우 받게 될 혜택을 알 수 있습니다. 아이콘과 굵은 글꼴은 이 섹션의 주의를 끄는 데 도움이 됩니다.

A/B 테스트 대상:

• 전화번호에 클릭 투 콜 기능 을 추가하면 방문자가 회사에 빠르고 쉽게 연락할 수 있어 전반적인 사용자 경험이 향상됩니다.
• CTA 버튼을 확대하면 더 많은 조회수를 유도하고 더 많은 방문자가 클릭하도록 유도할 수 있습니다.
• CTA 버튼 색상 은 회사 로고와 버튼 아래 섹션에 나열된 작은 아이콘에 이미 녹색이 사용되었기 때문에 더 주의를 끌기 위해 변경할 수 있습니다.
• 이미지 가 더 크고 보기 쉬웠다면 방문자에게 소프트웨어 미리보기를 제공하는 데 더 효율적일 것입니다.
• 바닥글 의 사이트맵 링크 는 이탈 링크 역할을 합니다. 방문자가 양식을 작성하기 전에 페이지 하단으로 스크롤하면 이에 주의가 분산되어 전환하기 전에 페이지를 떠날 수 있습니다.

18. GetResponse 랜딩 페이지 예시

페이지가 잘하는 것:

• 헤드라인 은 방문자에게 이 제안이 정확히 무엇인지 알려줍니다.
• 하위 헤드라인은 헤드라인을 잘 지원하여 잠재 고객이 제안을 통해 얻을 수 있는 이점을 알려줍니다.
• 화살표는 CTA 버튼을 직접 가리키는 방향 신호 역할을 하여 방문자가 해당 버튼에도 주의를 기울이게 합니다.
• 서비스 약관, 스팸 방지 정책 및 개인 정보 보호 정책 을 명확하게 설정하여 개인 정보를 넘겨줌으로써 신뢰를 구축할 수 있습니다.
• 3필드 양식 은 진입 장벽이 낮고 성을 작성하지 않아도 됩니다.
• CTA 버튼 색상 은 페이지의 다른 곳에서는 사용되지 않는 좋은 대비 색상입니다.

A/B 테스트 대상:

• 로고 는 홈페이지에 링크되어 있으며 제안 및 전환에 대해 배우지 않고도 방문자를 페이지에서 쉽게 멀어지게 할 수 있습니다.
• 설명 문구가 많지 않습니다. GetResponse가 무엇인지, 주요 이점이 무엇인지에 대해 더 자세히 알아보면 더 많은 전환으로 이어질 수 있습니다.

19. 최적화된 랜딩 페이지 예시

페이지가 잘하는 것:

• 글머리 기호 사본을 사용하면 방문자가 페이지를 스캔하여 데모에 대해 빠르게 배울 수 있습니다.
• 양식 을 캡슐화하면 눈에 잘 띄고 더 많은 전환을 유도할 수 있습니다.
• 양식 의 컴퓨터 이미지 는 잠재 고객에게 데모가 어떻게 보일지 미리 볼 수 있도록 합니다.
• 5-필드 형식 은 결정 단계 제안에 적합합니다.
• CTA 버튼 카피 는 희소성과 긴급성을 사용하여 잠재 고객이 데모에 등록하도록 설득합니다. "Save my Seat"는 좌석 수가 제한되어 있어 반드시 예약해야 한다는 의미입니다.
• 회사 로고 는 방문자에게 Optimizely가 세계 일류 브랜드의 신뢰를 받고 있음을 알리는 사회적 증거 역할을 합니다. 또한 이 섹션의 화살표는 방향 신호 역할을 하여 더 많은 로고를 볼 수 있음을 나타냅니다.

A/B 테스트 대상:

• 머리글 및 바닥글 탐색 은 페이지에서 잠재 고객을 제거하고 전환율을 감소시킬 수 있으므로 제거해야 합니다.
• 파란색 CTA 버튼 은 노란색이나 주황색일 때만 큼 눈에 띄지 않습니다.
• 페이지 하단의 소셜 공유 버튼 은 이탈 링크 역할도 하여 방문자의 주의를 산만하게 하고 이 페이지에서 멀어지게 합니다.

20. HubSpot 랜딩 페이지 예시

페이지가 잘하는 것:

• 클릭 투 콜 전화번호는 사용자 경험을 향상시킵니다.
• 페이지 헤드라인 은 제안을 즉시 설명하고 방문자에게 혜택이 어떻게 제공되는지 알려줍니다.
• 짧은 단락 , 글머리 기호 및 굵은 글꼴로 이 페이지를 빠르고 쉽고 편리하게 스캔할 수 있습니다.
• 양식 을 캡슐화하면 페이지에서 더 눈에 띄기 때문에 더 많은 방문자가 양식을 완성할 수 있습니다.
• 양식 헤드라인을 통해 잠재 고객은 툴킷을 무료로 다운로드할 수 있음을 알 수 있습니다. 이것을 페이지 헤드라인에도 추가하면 효율성이 높아집니다.
• 이메일 필드 옆에 있는 개인 정보 보호 정책 링크 는 잠재 고객에게 페이지 하단으로 스크롤하는 대신 쉽게 액세스할 수 있는 링크를 제공합니다.
• 파란색 CTA 버튼 은 페이지에 다른 색상이 거의 없기 때문에 눈길을 끕니다.

A/B 테스트 대상:

• 왼쪽 상단 의 HubSpot 로고 는 홈페이지로 연결되어 방문자를 즉시 ​​페이지 밖으로 이동할 수 있습니다.
• 메인 헤드 라인 바로 아래에 헤드라인을 반복하는 것은 불필요하며 페이지를 어수선하게 만듭니다.
• 소셜 공유 버튼 은 방문자를 페이지에서 제거하여 전환율을 낮출 수도 있습니다.
• 12필드 형식 은 너무 길어 방문자를 위협할 수 있습니다. 일부 필드를 제거하거나 다단계 형식으로 만들면 더 많은 잠재 고객이 완료하도록 유도할 수 있습니다.
• CTA 버튼 문구 가 모호합니다. "나는 툴킷을 원해!"와 같이 변경합니다. 더 많은 잠재 고객을 자극하고 유인할 수 있습니다.
• 페이지가 균형이 맞지 않습니다 . 툴킷의 샘플 이미지를 추가하거나 툴킷을 다운로드한 사람의 평가를 추가하면 페이지의 균형이 맞춰지고 전환이 증가할 수 있습니다.

21. MailChimp 랜딩 페이지 예시

페이지가 잘하는 것:

• 헤드라인의 "무료"라는 단어 는 방문자의 관심을 즉시 불러일으킬 것입니다.
• 지원하는 부제목 은 잠재 고객이 무료 계정을 시작함으로써 얻을 수 있는 이점을 알려줍니다.
• 3-필드 양식 은 짧고 매우 개인적인 정보를 요구하지 않습니다.
• 비밀번호 필드 는 방문자가 "표시" 버튼을 클릭하여 항목을 볼 수 있도록 하여 사용자 경험을 개선합니다. 또한 비밀번호 요구 사항은 페이지 하단에 명확하게 나열되어 있습니다.
• 헤더 탐색이 없고 최소한의 바닥글은 잠재 고객이 무료 계정에 가입하는 페이지의 목표에 집중할 수 있도록 합니다.

A/B 테스트 대상:

• 고객 평가 또는 MailChimp 사용에 대한 통계와 같은 사회적 증거를 추가하면 더 많은 가입을 생성할 수 있습니다.
• 투명한 CTA 버튼 은 최대한 눈에 띄지 않습니다. 더 어둡고 대조적으로 만들면 더 많은 사람들이 클릭하도록 유도할 수 있습니다.
• CTA 버튼 문구는 "내 무료 계정 만들기!"와 같이 더 개인화되고 매력적인 언어를 포함하도록 개선될 수도 있습니다.

22. Shopify 랜딩 페이지 예시

페이지가 잘하는 것:

• 헤드라인과 부제목 은 어두운 배경과 잘 대조되어 페이지를 방문하는 즉시 시선을 사로잡습니다.
• 스크롤 없이 볼 수 있는 부분에 하나의 양식 필드만 있으면 방문자가 작업을 쉽게 수행할 수 있습니다.
• 회사 로고와 고객 평가 는 사회적 증거 역할을 하며 Shopify를 신뢰하는 다른 유명 비즈니스와 만족스러운 고객이 있음을 나타냅니다.
• 최소한의 사본 으로 방문자가 페이지를 더 쉽고 즐겁게 탐색할 수 있으며 글머리 기호는 Shopify의 주요 이점에 주의를 집중시키는 데 도움이 됩니다.
• 이 이미지 는 잠재 고객에게 대시보드의 사실적인 미리보기를 제공합니다.

A/B 테스트 대상:

• CTA 버튼 색상 은 페이지에서 아직 자주 사용되지 않는 색상 으로 변경해야 합니다.
• 양식과 CTA 버튼을 가리키도록 이미지에서 사람들의 시선 을 리디렉션하면 더 많은 방문자가 그곳을 보고 전환하도록 유도할 수 있습니다.
• 바닥글 의 "엔터프라이즈 전자상거래" 링크 는 이탈 링크 역할을 합니다. 이것은 페이지에서 유일한 것이므로 제거하면 전환율이 증가할 수 있습니다.

23. Eloqua 랜딩페이지 예시

페이지가 잘하는 것:

• 헤드라인 은 제안을 설명하고 하위 헤드라인 은 잠재 고객이 가이드에서 기대할 수 있는 추가 정보를 제공하여 이를 지원합니다.
• 글머리 기호 사본을 사용하면 방문자가 페이지를 스캔하고 가이드에 대한 중요한 정보를 가져올 수 있습니다. 회색 프레임도 이 섹션에 주의를 집중시키는 데 도움이 됩니다.
• 양식 주변 의 프레임과 색상 대비 는 페이지에서 눈에 띄게 만듭니다.
• 주황색 CTA 버튼 은 페이지의 나머지 부분과 잘 대조되어 "팝"하고 클릭할 잠재 고객을 끌어들입니다. 또한 화살표는 방향 신호 역할을 합니다.

A/B 테스트 대상:

• 페이지 상단의 "사용할 수 없는 콘텐츠" 텍스트 는 비전문적으로 보이게 합니다.
• 헤드라인, 이미지, 양식과 같은 가장 중요한 요소 주위에 공백을 추가하면 더 눈에 띄고 페이지가 덜 복잡해 보이는 데 도움이 됩니다.
• 이미지 가 너무 작아 목적을 달성할 수 없습니다. 확대하고 해상도를 높이면 더 효과적입니다.
• 바닥글의 여러 이탈 링크 는 방문자가 전환하지 않고 페이지를 떠날 수 있는 기회를 제공합니다.

24. 베이스캠프 랜딩페이지 예시

페이지가 잘하는 것:

• The header serves as immediate social proof, telling visitors exactly how many people signed up for Basecamp just last week.
• The green arrow pointing to the form field acts as a visual cue.
• Only one form field surely won't deter people from completing it.
• The option to use a Google account makes it even more convenient and compelling to sign up.
• The CTA button copy is effective because it uses first-person and the word “free”.
• Customer testimonials above the fold likely make prospects feel more comfortable with Basecamp.
• The graph at the bottom of the page is a nice inclusion because it shows visitors how much Basecamp has grown over the years.

A/B 테스트 대상:

• The header navigation provides visitors with multiple ways off the page without seeing the entire offer.
• The CTA buttons don't stand out as much as they could because blue on the rest of the page. Testing them in orange or red might draw more attention.
• Additional exit links throughout the copy make it easy for prospects to leave the page without signing up.
• The copy is uninformative. It doesn't say much about Basecamp itself, but simply answers three questions about the trial period. Adding detailed information about how the app can benefit users might persuade more people to sign up.
• The image of the devices should be enlarged and the hyperlink should be removed. Including it is helpful because it demonstrates all the different ways Basecamp can be used, but currently, it's difficult to see and serves as another exit link.

25. Airbnb landing page example

페이지가 잘하는 것:

• An enticing headline captures visitors attention and offers a cash incentive right from the start.
• The CTA button contrasts well with the background and is right in the center of the page.
• The headshot adds a personal connection to the friend who invited you to join the service.
• The linked terms provide trust value to anyone who might be hesitant to sign up.

A/B 테스트 대상:

• Header and footer navigation are distracting and provide visitors with an easy way off the page without converting.
• Adding customer testimonials to this post-click landing page would likely persuade more prospects to convert.

Can you beat the best post-click landing page examples?

There you have it — some of the world's leading companies with some of the internet's best post-click landing page examples.

Don't ignore the post-click stage, provide every prospect with a personalized experience from start to finish. Sign up for an Instapage Demo today.