9 최우수 방문 페이지 및 그로 무엇을 배울 수 있습니까?

작성자 :
  • 블로깅 팁
  • 업데이트 : 2 월 21, 2017

방문 페이지를 완벽하게 만드는 단일 디자인은 없지만 도움이되는 몇 가지 핵심 요소가 있습니다.

지난 몇 개월 동안 WHSR에서 다음과 같은 많은 항목에 대해 이야기했습니다.

방문 페이지에 필요한 다른 요소 중 일부는 사이트 방문자의 관심을 끌뿐만 아니라 방문자가 가고 싶은 곳으로 안내하고 유지합니다.

  • 우수한 헤드 라인
  • Subheadings
  • 강력하지만 응축 된 방문 페이지 콘텐츠
  • 학생 후기
  • 간단한 탐색
  • 가치를 창출하는 이미지를 시각적으로 즐겁게 사용

전환으로 이어지는 아름다운 방문 페이지를 만드는 방법을 배우는 가장 좋은 방법 중 하나는 다른 비즈니스의 방문 페이지를 연구하십시오.. 그들이하는 일을 살펴봄으로써 그들의 노력과 성공 가능성을 되풀이 할 수 있습니다.

소원

[icon link] 사이트 URL : http://blog.wishpond.com/

사이트를 방문 할 때 가장 먼저 발생하는 일은 주황색 상자가 표시되어 블로그에 가입하고 정보를 제공하도록 요청하는 것입니다. 탐색은 간단하고 추천 블로그 게시물이 페이지 상단에 위치하여 방문자가 컨테스트에 참가하도록 유도합니다. 이 방문 페이지에서 특히 잘 작동하는 것은 혼란스럽지 않다는 것입니다. 탐색하려는 영역을 쉽게 찾을 수 있으며 사이트의 컨텐츠에 초점을두고 구독합니다. 위시 폰드 (Wishpond)는 방문자를 구독자로 전환하기를 원하며 그 중점을두고 있습니다.

베어 CSS


[icon link] 사이트 URL : http://bearcss.com/

베어 CSS는 사람들이 기본 HTML 파일을 CSS 템플릿으로 변환 할 수있는 사이트입니다. 방문 페이지에서 초점이 무엇인지 명확하게 알 수 있습니다. HTML 문서를 업로드하고 지금 변환하십시오. 베어 CSS는 페이지의 항목을 제한하므로 "HTML 업로드"버튼 만 있으면됩니다. 심지어 곰이 파일 업로드를 권장하기 위해 CTA 버튼을 가리키고 있습니다. CTA를 바라 보거나 가리키는 이미지를 사용하면 사람들이 해당 항목을 볼 수있게하는 데 매우 효과적입니다. 이 페이지는 만화 캐릭터를 사용하지만 실제 사람들의 이미지를 사용할 수도 있습니다.

PPC 분석기

[icon link] 사이트 URL : http://www.ppcanalyzer.com/

PPC Analzyer는 정보 캡슐화 개념을 사용합니다. Unbounce와 같은 사이트에서는이 방법을 사용하여 원하는 위치에 독자의 눈을 그립니다. 예를 들어, 진한 파란색 배경에 연한 파란색 상자가 어떻게 눈을 즉시 끌어 당깁니까? 목표는 사이트 방문자가 뉴스 레터에 가입하도록하는 것입니다. 일단 그렇게하면, 세 가지 가능성에 눈이 끌립니다.

  • 전환 수 늘리기
  • 비용 절감
  • 시간 절약

사과

[icon link] 사이트 URL : http://apple.com

방문 페이지에 대한 Apple의 초점은 일반적으로 최신 제품 릴리스를 중심으로합니다. 위의 샘플 스크린 샷에서 분명히 Apple Watch입니다. 작은 이미지는 다른 정보를 찾고 있지만 새로운 MacBook 모델에 대한 정보를 찾는 사람들에게 적합합니다. 제품의 아름다운 이미지는 사이트 방문자가 해당 사진을 클릭하고 제품에 대해 더 많은 정보를 얻도록 권장 할 수 있습니다. 탐색은 단순하게 유지됩니다. 사진을 클릭하고 해당 제품 페이지로 이동하거나 상단의 링크를 클릭하십시오. 최신 제품에서 주목을 끄는 밝은 CTA 버튼이 없습니다.

Unbounce

[icon link] 사이트 URL : http://unbounce.com

방문 페이지 제작과 관련하여 Unbounce는 놀라운 방문 페이지를 보유하게됩니다. 사이트에 처음 도착했을 때의 초점은 흰색과 밝은 오렌지색 CTA에 대한 파란색 밴드가 "지금 고화질 방문 페이지를 구축하십시오"라고 묻는 것입니다. 그러나 Unbounce는 합법적 인 독자를 설득하기 위해 효과가있는 다른 방법을 사용합니다. 이는 의견을 제공하는 사람들의 사진을 포함하여 회원 평가의 사용입니다. 이것은 평가에 유효성의 요소를 추가합니다. 사이트 방문자는 실제 사람의 견적을 볼 수 있습니다.

아이 크래프트

[icon link] 사이트 URL : http://icracked.com

iCracked는 깨진 iPhone 화면을 대체하고 다른 Apple 장치를 수리하는 회사입니다. 여기 방문 페이지는 간단합니다. 그들은 두 가지 중 하나를하려고합니다.

  • 장치 수리 서비스를 판매하십시오.
  • 더 이상 원하지 않는 기기 구입

이 방문 페이지는 큰 사진을 사용하여 색조를 설정하지만 음소거 된 중간 색상으로 캡슐화 된 두 가지 옵션을 눈에 끕니다. CTA는 밝은 파란색과 녹색의 생생한 버튼입니다.

유 - 홀

[icon link] 사이트 URL : http://uhaul.com

유 - 홀 (U-Haul)은 방문 페이지에서 여러 가지 작업을 수행하여 특히 사이트에서 잘 작동하고 사이트에서 에뮬레이션 할 수 있습니다. 첫째, 그들은 저장 물이나 움직이는 물자와 같이 방문자가 찾고있는 다른 것들을 분리하기 위해 캡슐을 사용하고 있습니다. 또한 판매 스티커를 사용하여 최상의 제안을 표시하고 사이트 방문자가 링크를 클릭하도록 유도합니다. 사진은 전문가 수준의 품질이며 상자가 움직이는 여러 공급 링크를 마주보고있는 여성과 같이 텍스트에 눈을 끄는 데 사용됩니다. 마지막으로, 페이지는 사용자 개인을 고려합니다. 필요한 날짜와 위치에 펀치를하면 U-Haul에서 이동 트럭이나 트레일러 대여를 예약 할 수 있습니다. 네비게이션은 모든 연령층의 어른들이 쉽게 사용할 수있을만큼 쉽습니다.

빅 바커

[icon link] 사이트 URL : http://bigbarker.com

처음이 기사를 작성하기 시작했을 때 방문 페이지의 사례 연구에서 전환을 만드는 데 유용한 기술을 사용했기 때문에 신뢰 요인을 강조한 방문 페이지를 포함하고 싶었습니다. 그러나 사이트 방문자에게 명백한 방식으로 리뷰를 활용하는 것을 찾는데 어려움을 겪었습니다. 나는이 사이트에 대한 참조를 마침내 발견했다. WordStream, 디자인에 대한 그들의 리뷰는 100 % 긍정적이지 않았다. 나는 침대에서 주문하는 더 분명한 방법을 포함하여 개량 될 수있는 몇 가지 것들이 있다는 점에 동의한다.

그러나이 방문 페이지는 독자가 관련 될 수있는 몇 가지 신뢰 요소를 추가하는 것입니다. 첫째, 평균 아마존 리뷰는 5 스타이며 그들은 개 침대 이미지 아래에서 바로 강조 표시합니다. 또한 고객 만족을 위해 열심히 노력한 사실을 알리기 위해 "Google Trusted Store"배너를 추가합니다. 그들은 "Guaranteed"라는 단어를 굵은 글씨로 나타내 었으며 맨 위에는 10-year 보증이 있다는 것이 분명하게 나와 있으며, 미국에서 제조 된 제품인 고품질의 침대입니다. 이들은 사이트 방문자가 응답 할 모든 신뢰 지표입니다. 몇 가지 개조하면이 사이트에서 전환 수가 크게 증가 할 수 있습니다.

공유 잠금 장치

[icon link] 사이트 URL : https://sharelock.io/

Sharelock의 랜딩 페이지는 수천 단어를 사용하지 않고도 독자에게 분명한 몇 가지 사항을 알려줍니다. 첫째, Sharelock은 많은 유사한 제품이 달성하지 못하는 모바일 장치와 작동합니다. 초점은 전화기 화면에로드 된 소프트웨어 사진에 있습니다. 그런 다음 Sharelock이하는 일을 설명하는 두 문장으로 눈이 오른쪽으로 이동합니다. 개인 정보를 암호화합니다. 마지막으로, 두 캡슐 중에서 선택하여 더 배우거나 자신 만의 Sharelock을 만들어 시작할 수 있습니다. 오른쪽 상단에 작은 다운로드 링크와 Twitter에서 페이지를 공유하는 방법도 있습니다. 다른 링크는 작고 회색이며 필요한 경우 왼쪽 하단에 있습니다. 페이지가 너무 단순하여 방문 페이지의 모든 내용을보기 위해 아래로 스크롤하지 않아도됩니다.

테스트 및 학습 유지

이 방문 페이지 샘플은 방문자에게 행동을 유도하거나 제품을 구매하거나 더 많이 신뢰하도록하기 위해 방문 페이지에 포함시킬 수있는 요소에 대한 아이디어를 제공합니다. 그러나 한 사이트에서 작동하는 것은 방문자 인구 통계 학적으로 작동하지 않을 수 있습니다. 새로운 요소를 추가하고 새로운 디자인을 시도 할 때, A / B 테스트 계속하기 당신에게 가장 적합한 것이 무엇인지보십시오.

Lori Soard 정보

Lori Soard는 1996 이후 프리랜서 작가이자 편집자로 일해 왔습니다. 그녀는 영어 교육 학사 학위와 저널리즘 박사 학위를 가지고 있습니다. 그녀의 기사는 신문, 잡지, 온라인에 게재되었으며 여러 권의 책이 출판되었습니다. 1997 이후 저자 및 중소기업을위한 웹 디자이너 및 발기인으로 일했습니다. 그녀는 짧은 시간 동안 인기있는 검색 엔진에 대한 웹 사이트 순위를 매기고 많은 고객을 위해 심층적 인 SEO 전술을 연구하기까지했습니다. 그녀는 독자들에게서 듣는 것을 즐긴다.