훌륭한 랜딩 페이지의 5가지 예와 그로부터 배울 수 있는 것
게시 됨: 2017-06-08효과적인 랜딩 페이지는 사용자에게 사이트에 대한 보다 관련성 높은 경험을 제공하고 더 나은 타겟 마케팅을 제공하는 데 도움이 될 수 있습니다. 방문자가 선택을 하거나 데이터를 입력하게 하여 다음에 제공할 콘텐츠를 결정할 수 있습니다. 또한 디지털 마케팅으로 대상을 지정하는 방법을 유추할 수도 있습니다.
이 기사에서는 훌륭한 디자인과 전략을 사용하여 정보를 수집하고, 전환을 늘리고, 사용자를 올바른 경험으로 안내하는 랜딩 페이지의 5가지 예에 대해 설명합니다. 이러한 표면적으로 매우 다른 사이트 중 일부가 공통적으로 가지고 있는 전술을 찾으십시오.
훗스위트
아마도 당연하게도 가장 전형적인 랜딩 페이지는 종종 B2B 마케팅 도구 제공업체의 사이트에서 찾을 수 있습니다. 예를 들어 Hootsuite에서 이 보석을 가져오세요.
Hootsuite의 방문 페이지에 대해 좋아할 것이 많습니다. "모든 소셜 미디어를 한 곳에서 관리"라는 헤더를 보십시오. 그것은 즉시 독자에게 웹페이지가 무엇에 관한 것인지 정확하게 알려 관련 방문자를 효과적으로 끌어들이고 전환할 가능성이 전혀 없는 사람들을 설득합니다. [H2] 는 제품의 광범위한 기능을 설명하는 보다 자세한 내용("잠재고객 찾기", "더 많은 작업을 수행하는 데 도움이 됨")으로 이어집니다. 브랜드의 본질적인 전략적 위치를 강조하는 헤더와 제품의 깊이를 보여주는 하위 헤더의 조합은 매우 효과적일 수 있습니다.
에코하는 CTA
이 랜딩 페이지를 한 번 살펴보면 헤더 배너에서 "30일 무료 평가판 시작" 및 "플랜 비교"라는 CTA 버튼을 빠르게 확인할 수 있습니다. 이 버튼은 그 자체로 잘 실행됩니다. 두 가지 중 Hootsuite에서 가장 클릭하기를 원하는 것은 무엇이라고 생각하십니까? 당신이 우리와 같은 사람이라면 아마도 "초록색"이라고 말할 것입니다. 눈에 띈다.
전환율 최적화 전문가는 CTA 버튼에 사용된 색상과 사람들이 만드는 문화적, 본능적 연상에 대해 매우 깊이 생각하지만, 지금까지 생각할 시간이 없을 것입니다. 대신 우리가 권장하는 것은 개발 팀이 A/B 실험을 설정하여 방문 페이지에서 다양한 색상의 CTA 버튼이 수행하는 방식을 비교하도록 하는 것입니다. 시간이 지남에 따라 청중의 클릭률이 가장 높은 색상을 확인할 수 있습니다.
이제 Hootsuite 랜딩 페이지로 돌아가서 CTA가 한 번만 표시되지 않는다는 것을 눈치채셨을 수도 있습니다. 사실, 그것들은 페이지의 아래쪽을 향해 반복됩니다.
사용된 사본 및 도착 URL은 스타일은 다르지만 헤더 CTA에 사용된 것과 정확히 동일합니다. 그렇다면 동일한 방문 페이지에서 동일한 CTA를 두 번 사용하는 이유는 무엇입니까?
분명한 답은 방문자의 사용 용이성입니다. 제품을 사용해보고 싶거나 Hootsuite의 요금을 보고 싶어하는 사람들은 헤더 CTA 중 하나를 클릭하면 바로 되고, 랜딩 페이지 콘텐츠를 먼저 읽고 싶은 사람들은 먼저 클릭한 다음 편리한 위치에 있는 CTA 중 하나를 클릭할 수 있습니다. CTA는 페이지 아래에 있습니다. 뷰어는 전환 가능성이 가장 높은 것으로 간주되는 프로세스의 두 지점에서 버튼을 쉽게 찾을 수 있습니다.
유사한 CTA 버튼에 다른 스타일이 사용된다는 사실이 중요합니다. 한 페이지에서 동일한 버튼을 반복적으로 사용하면 불쾌한 스팸 효과를 생성할 수 있기 때문입니다. 메아리치는 소리처럼 메아리치는 CTA 버튼은 변경된 형태로 돌아올 때만 자연스럽게 나타나야 합니다.
링크드인
예상대로 소셜 미디어 랜딩 페이지는 신규 회원 가입에 관한 것입니다. LinkedIn은 방문 페이지 중앙에 가입 양식을 배치하여 여기에서 많은 것을 분명히 보여줍니다.
여기에서 진행 중인 판매는 거의 없습니다. 방문자에게 "시작하세요. 무료입니다"와 "당신이 하는 일을 잘하세요"라고 촉구하는 짧은 두 줄의 카피만 있습니다. 이러한 명령은 독자의 사고 과정을 명확하고 능동적으로 유지하도록 설계되었습니다. 무료 이므로 시작 하고 숨겨진 비용에 대해 걱정하지 마십시오.
LinkedIn 방문 페이지의 영리함은 방문자에게 등록 프로세스가 얼마나 간단하게 표시되는지에 있습니다. 네 개의 필드(이름, 성, 이메일, 비밀번호)를 입력한 다음 반짝이는 황금색(!) "지금 가입" 버튼을 눌러 회원이 되십시오. 우리 대부분이 알고 있듯이 목적에 맞는 LinkedIn 프로필을 만드는 것은 이러한 정보 조각을 입력하는 것보다 훨씬 더 많지만 랜딩 페이지는 등록의 중요한 첫 번째 단계에서 이 콘텐츠의 일부만 요청함으로써 높은 참여를 유도합니다. .
얼굴의 바다
우리는 이 랜딩 페이지의 디자이너가 배경을 헤드샷 그리드로 채우기로 선택한 것이 흥미롭다고 생각합니다. 아마도 LinkedIn을 사용하는 사람들을 보여주는 것입니다. 대상이 실제 구성원이든 아니든 일종의 사회적 증거를 제공합니다. ' 우리 모두 LinkedIn에 가입하세요! ' 한결같이 똑똑하고 미소 짓는 모델들은 LinkedIn 계정 가입을 고려하는 모든 사람에게 분명히 중요한 목표임이 틀림없는 성공의 아이디어를 전달합니다.
이 랜딩 페이지에서 헤드샷을 사용하는 또 다른 영리한 측면은 LinkedIn의 가장 가치 있는 판매 포인트인 사용자 네트워크와 이들이 나타내는 비즈니스 기회를 강조한다는 것입니다. LinkedIn 사용자는 신규 및 기존 전문 연락처의 글로벌 네트워크에 뛰어들기를 원합니다. 이러한 사람들을 대표하는 배경 위에 등록 양식을 배치하면 조회자에게 연락처 및 기회에 액세스하기 위해 등록 프로세스를 완료하기만 하면 된다는 것을 알 수 있습니다.
스포티 파이
Spotify의 이 랜딩 페이지는 이상하게 친숙해 보입니다. 의상은 사무실에 덜 적합하고 사진은 덜 자연스럽겠지만, 음악 스트리밍 서비스는 랜딩 페이지 배경으로 LinkedIn과 매우 유사한 얼굴 격자를 사용한 것 같습니다.
Spotify는 특정 기능인 재생 목록을 홍보하기 위해 이 방법을 사용했습니다. 이미지에 표현된 다양한 음악 스타일은 시청자가 Spotify 계정을 만들면 좋아하는 음악을 찾을 수 있음을 확신시켜줍니다.
최상의 거래를 전면 및 중앙에 배치
Spotify의 랜딩 페이지는 사용자가 수동으로 왼쪽이나 오른쪽으로 토글할 때까지 정적 상태를 유지하는 헤더 캐러셀의 첫 번째 슬라이드로 브랜드의 눈길을 끄는 소개 제안인 "3개월 프리미엄 0.99파운드"를 매우 눈에 띄는 위치에 배치합니다. 이 메시지의 초점은 명확합니다. 아래로 스크롤하거나 다른 곳으로 이동하지 않고는 사용자가 볼 수 있는 다른 정보가 많지 않으므로 헤더 아래에 있는 "자세히 알아보기" CTA 버튼이 더 두드러집니다.
이 방문 페이지의 경우 매력적인 소개 제안으로 이끄는 것이 의미가 있습니다. 이미 등록된 사용자의 높은 비율이 Spotify 사이트 방문 사이에 확실히 로그인 상태를 유지하고 많은 사람들이 대신 앱을 사용할 것이기 때문입니다. 이는 최고의 제안이 적합한 사람들에게 전달되고 전환 가능성이 향상됨을 의미합니다.
오른쪽 이동
웹 디자인의 황금률 중 하나는 다음과 같습니다. 사용자 경험을 더 명확하고 단순하게 만들면 전환 가능성이 높아집니다.
부동산 포털 RightMove의 이 랜딩 페이지는 특히 페이지 헤드의 검색 상자에서 이러한 이상을 달성하는 방법의 훌륭한 예입니다. 구성 요소를 분해해 보겠습니다.
- 머리글 - "당신의 행복을 찾으십시오" : 부동산을 찾는 때때로 도전적인 작업 뒤에 있는 긍정적인 결과를 강조합니다.
- 하위 헤더 – "영국에서 판매 및 임대할 부동산 검색" : 검색 도구의 목적을 명확하게 설명합니다. 이 문장은 또한 '판매를 위한 검색 속성', '판매를 위한 속성', 영국 판매를 위한 속성' 등과 같은 SEO 키워드 및 키워드 조합의 조합입니다.
- 검색 상자 : 방문자가 검색 도구를 사용하는 방법을 보여주는 예제 사본
- 판매/임대 버튼 : 의도에 따라 방문자 유입
'판매용' 또는 '임대용'을 클릭하면 침실 수, 검색 반경 및 부동산 유형과 같은 세부사항을 입력하도록 촉구하는 보다 자세한 검색 옵션 화면이 나타납니다. LinkedIn의 슬림해진 등록 상자와 마찬가지로 RightMove의 검색 기능에 대한 단순화된 시작은 방문자를 사용하기 쉽게 유도하여 참여를 늘리도록 설계되었습니다.
방문자가 방문 페이지 이상으로 검색을 계속하지 않더라도 웹 사이트는 이미 큰 마케팅 승리를 거두었다. 임대 또는 구매 여부와 찾고 있는 지역에 대한 방문자의 의견을 받았습니다. 이동합니다. 웹사이트가 사용자의 브라우저에 자동으로 추가하는 추적 쿠키와 함께 사용되는 이러한 세부 정보는 이제 사용자에게 디스플레이 광고와 같은 대상 온라인 마케팅을 제공하는 데 사용할 수 있습니다.
에어비앤비
AirBnb의 깨끗하고 단순한 브랜드를 감안할 때, 그들의 홈페이지에 콘텐츠가 매우 많다는 사실이 조금 놀랍습니다. 검색 창과 헤더를 지나 아래로 스크롤하면("독특한 주택을 예약하고 현지인처럼 도시를 경험하십시오"라는 두 개의 포커스 그룹 사운드바이트처럼 들리지 않습니까?), 다양한 측면을 강조하는 콘텐츠 항목 행을 찾을 수 있습니다. AirBnb가 제공하는 서비스 – 추천 숙소, 목적지별 가이드, 경험 등. 이 행을 스크롤하는 것은 Netflix에서 볼 프로그램을 검색하는 것과 이상하게 유사하며, 이것이 바로 요점이라고 생각합니다.
방문 페이지는 방문자를 다양한 형태의 다채로운 콘텐츠의 바다에 몰입시킵니다. 사용자가 상당한 수의 행을 스크롤할 때까지 지연 로드 콘텐츠를 유지하므로 사용자가 원하는 콘텐츠 항목을 찾을 가능성이 높아집니다. 보다. 이러한 클릭연결은 단기적으로 대화나 추가 탐색으로 이어질 수 있습니다. 실패하면 AirBnb에 표적 마케팅을 위한 기반을 제공합니다. Netflix와 마찬가지로 AirBnb는 다양한 만화경에서 선별된 품질을 제공하여 참여를 유도합니다.
커뮤니티 활동 강조
웹 사이트 및 비즈니스로서의 AirBnb의 활력은 사용자 생성입니다. 따라서 이 방문 페이지가 커뮤니티 콘텐츠와 상호 작용을 반복적으로 강조하는 것은 놀라운 일이 아닙니다. 예를 들면 다음과 같습니다.
- 목록 아래에 리뷰 집계 및 별점 추가: 온라인 여행 예약에서 신뢰는 모든 것이며, AirBnb가 기존 경쟁업체보다 실제로 가지고 있는 한 가지는 참여적이고 목소리가 큰 사용자 커뮤니티입니다. 리뷰 집계 및 별표 평점은 랜딩 페이지의 모든 관련 목록에 포함되어 있어 AirBnb 설정의 이러한 신뢰 강화 측면이 두드러집니다.
- 패키지 경험에 이름 붙이기: AirBnb 랜딩 페이지에서 경험 카테고리 중 일부를 살펴보면 많은 이미지에 경험 호스트의 이름이 포함되어 있음을 알 수 있습니다. 우리는 Juan이라는 사람이 조직한 것을 알고 있기 때문에 누군가가 와이너리 투어를 예약할 가능성이 얼마나 되는지 추측할 수 있었습니다. 그러나 이 개인화가 달성하는 한 가지 중요한 것은 제공되는 경험이 커뮤니티에서 제공된다는 점을 시청자에게 상기시키는 것입니다.
- 사용자 제출 가이드: 사용자 작성 가이드는 특정 AirBnb 목적지뿐만 아니라 그곳에 거주하는 커뮤니티 구성원의 활기를 보여줍니다. 폭넓은 매력을 만들기 위해 다양한 테마와 목적지가 사용됩니다.
지금 무료 멤버십을 받으세요 - 신용 카드가 전혀 필요하지 않습니다
무료 회원 