영웅 섹션... 웹사이트 맨 위에 있는 가장 중요한 부동산 조각입니다.

사이트와 회사에 대한 방문자의 첫인상이지만 다른 역할도 합니다. 더 중요합니다. 방문자를 리드로 전환할 수 있는 첫 번째 기회입니다. 점점 더 많은 웹 트래픽이 모바일 장치에서 발생함에 따라 영웅 섹션의 웹 사이트 공간이 줄어들고 있으며 (종종) 상충되는 요구 사항을 염두에 두고 접근해야 합니다.

내용이 너무 많습니까? 실제로 리드를 생성하는 양식을 강조 표시하는 것이 더 중요합니까? 방문자가 데스크톱인지 모바일인지에 따라 어떻게 변경됩니까?

Carrot 의 Innovation Lab은 이러한 질문에 대해 끊임없이 고민하고 이에 대한 답을 찾기 위한 테스트를 시작합니다.

이 게시물에서는 전환율을 25%에서 55%까지 증가시킨 영웅 섹션에 대해 실행한 일련의 테스트에 대해 간략히 설명하고 주요 실제에 접근하는 방법과 관련하여 올바른 방향을 알려 드리겠습니다. 귀하의 사이트에 부동산(영웅 섹션)이 있습니다.

예: 영웅 섹션 테스트 결과

1 거래 손실 비용은 얼마입니까?

7,000명이 넘는 사람들이 부동산 사업을 Carrot에 신뢰하는 이유를 확인하십시오.

더 나은 성능. 더 높은 ROI. 세계적 수준의 지원.

당근 무료 데모 받기

우리는 무엇을 테스트 했습니까?

우리의 CTA Hero 테스트는 매우 단순한 깨달음에서 비롯되었습니다... 회원 사이트 네트워크 전반에 걸친 대부분의 전환은 예상했던 바로 그 위치에서 발생합니다. 바로 영웅 섹션에서 찾을 수 있는 형식입니다.

그래서 우리는 회원들이 영웅 섹션에 어떻게 접근하는지 알아보기 위해 파고 들었습니다. 그에 대한 대답은 매우 다양하다는 것이 밝혀졌습니다. 일부 회원은 최대한 많은 내용을 채우고 있습니다. 일부는 콘텐츠의 양을 줄이고 있습니다. 기타 동영상, 사진 등이 포함됩니다.

그래서 우리는 매우 간단한 테스트를 설계했습니다... 우리가 "전통적인" 영웅 섹션으로 간주했던 것과 양식을 둘러싼 콘텐츠의 양과 양식 자체의 양을 크게 줄인 것과 비교하는 테스트를 설계했습니다.

(여러 줄의 컨텍스트 콘텐츠 + 양식 설명이 있는 기존 영웅 섹션)

(일부 컨텍스트 콘텐츠 + 양식 설명이 제거된 영웅의 슬림 버전)

"얇아진" 버전에서 몇 가지 사항이 즉시 눈에 띕니다.

1. 양식 설명을 제거하면 양식 자체가 더 눈에 띄게 나타납니다. 위의 텍스트가 아닌 입력 필드와 최종 CTA 버튼으로 눈을 더 구체적으로 안내합니다.
   
2. 컨텍스트 블록(이 경우 왼쪽에 있는 정보)의 콘텐츠 축소를 일치시켜 영웅 섹션의 전체 공간을 줄이고 바로 아래 콘텐츠를 "올리기" 시작합니다.

포인트 #2는 모바일 트래픽을 고려할 때 특히 중요합니다. Carrot에서는 일반적으로 모바일 방문자가 전체 트래픽의 57%와 전체 전환의 61%를 차지하는 네트워크를 보고 있습니다. 우리 고유의 디자인 원칙은 이에 따라 모바일 우선 접근 방식을 취하도록 변형되었으며 이 테스트의 주요 가설 은 영웅 섹션의 콘텐츠를 줄임으로써 양식 자체를 더 눈에 띄게 만들고 표시할 수 있다는 것에서 비롯되었습니다. 스크롤 없이 볼 수 있는 부분'을 표시하여 사용자 참여도를 높이고 궁극적으로 전환율을 높일 수 있습니다.

그리고 결과....

우리는 수많은 사이트 유형, 카테고리, 레이아웃 및 환경에서 이 테스트를 시작했으며 결과는 매우 훌륭했습니다.

테스트 기간 동안 통계적으로 유의미한 결과를 등록하기에 충분한 트래픽과 전환이 있었던 모든 개별 사이트에서 슬림한 버전의 영웅이 승리했습니다(큰 차이로!).

• 테스트 사이트 #1 – 토지 판매자 사이트
  • 45.87%의 전환 증가 – 기존 버전의 259에 비해 슬림 버전의 398 전환
    
• 테스트 사이트 #2 – 동기 부여된 판매자 사이트
  • 22.35%의 전환 증가 – 137에 비해 163 전환
    
• 테스트 사이트 #3 – 동기 부여된 판매자 사이트
  • 46.86%의 전환 증가 - 71개에서 102개 전환

또한 사용자 참여 측정(스크롤 깊이, 페이지에 머문 시간, 이탈률 등 포함)이 슬림 버전의 영웅이 있는 사이트 에서 크게 개선되었습니다(15-25%) .

테스트 설계의 몇 가지 다른 발견/주의 사항…

• 우리는 영웅 섹션의 이러한 변경 사항이 모바일 버전의 전환율을 향상시키지 않고 데스크톱 버전/방문자에게 피해를 주지 않도록 하고 싶었기 때문에 이러한 방문자를 격리하기 위해 그에 따라 테스트를 분할했습니다. 전환율이 모바일에서 증가하고 데스크톱에서 감소한 경우 는 없었습니다.
  
• 마찬가지로 우리는 영웅 섹션의 이러한 변경 사항이 페이지 하단에 나타날 수 있는 양식의 변환에 부정적인 영향을 미치지 않도록 하고 싶었습니다. 더 낮은 순서의 양식이 영웅 섹션 양식의 개선보다 더 중요한 전환 감소를 경험한 경우 는 없었고 많은 경우에 이러한 낮은 양식도 개선되었습니다(사용자 참여 측정항목의 증가를 나타냄).

전체적으로 이 테스트는 대성공이었습니다. 영웅 섹션의 축소 버전은 모든 사이트 유형, 카테고리 및 버전에서 훨씬 더 나은 성능을 보였습니다.

이것이 귀하의 사이트에 의미하는 바는 무엇입니까?

일반적으로 말해서 영웅 섹션에 관해서는 "적을수록 좋습니다"라는 접근 방식을 취해야 합니다! 웹사이트의 엄청나게 중요한 부분을 텍스트, 그래픽, 비디오 등으로 가득 채우는 대신 최소화하십시오.

테스트 결과에서 권장하는 몇 가지 모범 사례:

• 양식 설명과 양식을 둘러싼 콘텐츠를 제거하여 방문자가 궁극적으로 참여하기를 원하는 양식을 강조 표시하는 데 중점을 둡니다(위 그림 참조).

• 모바일 장치에서 사이트를 로드하고 해당 양식이 나타나는 위치를 확인하십시오. 초기 "스크롤 없이 볼 수 있는" 보기에 완전히 들어맞습니까? 그렇지 않은 경우 전체 양식의 50%라도 해당 보기에 표시되도록 위에 표시되는 텍스트의 양을 줄일 수 있습니까? 테스트 결과 초기 보기에 양식이 더 많이 나타날수록 더 좋은 것으로 나타났습니다.
  
• 영웅 섹션에 그래픽, 이미지, 비디오 또는 긴 형식의 콘텐츠를 배치하지 마십시오 . 페이지 하단에 해당 정보와 콘텐츠를 포함할 수 있는 더 좋은 위치가 많이 있습니다!

우리가 말했듯이, 그 영웅 섹션은 웹사이트의 주요 부동산입니다. 인상을 남길 수 있는 기회이기도 하지만 방문자를 리드로 전환할 수 있는 첫 번째 기회이기도 합니다. 혁신 연구실에서 이러한 결과를 가져옴으로써 사이트의 이 섹션을 자세히 살펴보고 전환율에 어떤 도움이 되는지(또는 해를 끼칠 수 있는지) 도움이 되기를 바랍니다.

1 거래 손실 비용은 얼마입니까?

7,000명이 넘는 사람들이 부동산 사업을 Carrot에 신뢰하는 이유를 확인하십시오.

더 나은 성능. 더 높은 ROI. 세계적 수준의 지원.

당근 무료 데모 받기