전환을 위해 구축된 15가지 데이터 기반 랜딩 페이지

소비자가 온라인으로 구매 결정을 내릴 때 구매 위치에 영향을 미치는 가장 중요한 요소 중 하나는 PPC 랜딩 페이지 경험입니다.

이는 페이지의 제안, 메시지 및 전반적인 디자인 이면의 심리 때문입니다. 이것은 사용자가 귀하의 사이트에서 이탈하도록 유도하거나 귀하가 유도하는 조치를 취하도록 유인합니다. 통계에 따르면 방문자에게 첫 번째 시도에서 판매 유입경로에 들어가도록 유도하지 않으면 방문자가 다시 돌아와 원하는 작업을 수행할 가능성이 매우 급격히 떨어지고 사용자의 26%만 돌아옵니다.

인간의 뇌는 약 13밀리초 이내에 정보를 처리하는 것으로 밝혀졌습니다. 그런 다음 시각적 자극에 반응하는 데 평균 400~500밀리초가 걸립니다.

사용자 상호작용에 대한 이전 통계를 살펴보면 대부분의 신규 사용자가 웹페이지에서 보내는 시간은 15초에 불과합니다. 따라서 다른 사람이 귀하의 페이지를 보는 시간과 해당 정보를 처리하는 시간 사이에 다른 사람의 관심을 끌지 못하면 판매를 놓친 것입니다.

실적이 좋은 랜딩 페이지와 평균 또는 실적이 저조한 랜딩 페이지를 구별하는 것은 아주 작은 차이일 수 있습니다. 이러한 측면은 전환율 최적화(CRO) 디자이너 사이에서 과학으로 연구됩니다. 다음은 매우 효과적인 PPC 랜딩 페이지의 15가지 예입니다. 귀하의 브랜드 페이지에 영감을 주는 모범적인 모델이 되는 요소를 간략하게 설명합니다.

편집자 주: 각 PPC 랜딩 페이지의 "스크롤 없이 볼 수 있는 부분" 섹션이 가장 영향력 있는 영역이기 때문에 주로 초점이 맞춰져 있음을 알 수 있습니다. 연구에 따르면 사용자의 시청 시간 중 80%가 스크롤 없이 볼 수 있는 부분에서 소비되어 이 영역이 페이지에서 가장 중요한 부분이 되는 것으로 나타났습니다.

1. 볼루젼

PPC 랜딩 페이지에서 작동하는 이유:

• 경쟁사 밀렵 : 메시지는 경쟁사의 손실을 이용하여 브랜드가 얼마나 안정적인지 보여주기 위해 이전 고객을 활용합니다.

• 액션 기반 클릭 유도문안( CTA ) : 클릭 유도문안 "START FREE TRIAL"은 잘 쓰여진 액션 기반이며 사용자 클릭을 유도하는 "무료"라는 유행어를 포함합니다. 그것은 또한 눈을 그리기 위해 훌륭한 색 구성표를 사용합니다.

개선 영역:

• 페이지 세분화 : 페이지 자체가 각 섹션을 구분하기 위해 색상이나 선을 사용하지 않는 조직 구조가 없습니다. 이는 사용자에게 감각 과부하를 유발할 수 있습니다. 왼쪽의 탐색 메뉴와 이미지를 포함하여 각 섹션을 분할하고 색상과 모양을 전략적으로 사용하여 페이지에 시각적 및 정보 계층 구조를 만들 수 있습니다.

2. 변환

PPC 랜딩 페이지에서 작동하는 이유:

• 방향성 디자인 : 페이지에 화살표를 추가하면 즉시 퍼널 하단의 기본 CTA 버튼으로 시선을 끕니다.

• 시선을 사로잡는 색상 : 버튼의 팝적인 색상은 방향성 디자인 신호를 적용하기 위해 작동합니다.

• 이중 클릭 유도문안 : 다양한 제안이 포함된 이중 CTA를 포함하면 판매 및 마케팅 깔때기의 상위 및 하위 단계에 있는 사용자를 만날 수 있습니다. 데모를 예약할 준비가 되지 않은 경우 구매하기 전에 서비스를 더 잘 이해하기 위해 30일 평가판을 경험할 수 있습니다.

• 사용자 마찰 제거 : "No credit card required"라는 스니펫을 포함하여 사용자는 나중에 약정 없이 무료 평가판을 받을 수 있다는 것을 알면서 안심할 수 있습니다.

개선 영역:

• 선택적 언어: 주요 초점은 사용자가 무료 평가판에 등록하도록 하는 반면, 데모 등록에 중점을 둔 보조 CTA는 최적화되어야 합니다. "데모 예약"이라는 문구는 사용자가 노력을 기울여야 하고 일정에 맞춰 작업을 해야 하며 데모를 위해 영업 사원과 이야기할 가능성이 높다는 것을 의미합니다. 사용자가 제공해야 하는 것보다 받는 것에 초점을 맞추도록 언어를 변경하면 더 많은 클릭이 발생합니다. 수정된 버전은 "내 데모 가져오기" 또는 "지금 내 데모 보기"일 수 있습니다.

3. 블루호스트

PPC 랜딩 페이지에서 작동하는 이유:

• 혜택 섹션 : 헤드라인 아래 글머리 기호에 나열된 혜택은 읽기 쉬운 형식으로 독자에게 그 가치를 명확하게 설명합니다.

• 사람의 시선 : 이 예에서 페이지의 사람은 왼쪽을 똑바로 보고 있습니다. 이로 인해 페이지의 이점과 CTA에 사용자 주의를 집중시키는 본능적인 방향 신호가 발생합니다.

개선 영역:

• 고유한 가치 제안 지정 : 현재 헤드라인은 지원 컨텍스트 없이 매우 모호합니다. 모든 브랜드는 자신이 최고라고 주장합니다. 그러나 이 텍스트는 이유 또는 방법을 말하지 않습니다. Bluehost를 최고로 만드는 것은 무엇입니까? 데이터는 어디에 있습니까? 청중이 헤드라인에 이 도구를 사용해야 하는 "이유"를 포함하면 가입이 증가할 수 있습니다.

• 캡슐화 : 인간 시선의 방향 신호를 강화하기 위해 사본과 CTA를 왼쪽 상자에 캡슐화할 수 있습니다. 이 형태의 방향성 디자인은 사용자를 페이지의 주요 목표로 안내합니다.

4. 하마

PPC 랜딩 페이지에서 작동하는 이유:

• 통계 활용 : 사용자가 보험료를 얼마나 절약할 수 있는지(25%) 정확하게 전달하면 견적을 받을 수 있습니다.

• 마찰 완화 : 버튼 내에 "60초"를 추가하면 마찰을 줄여 견적을 얼마나 빨리 받을 수 있는지 보여줌으로써 사용자가 가질 수 있는 모든 불안을 완화합니다.

• 빠른 캡처 다단계 양식 : 양식이 작성해야 할 하나의 질문으로 좁혀 첫 번째 리드를 쉽게 획득할 수 있습니다. 이 첫 번째 단계 뒤에는 나머지 양식이 있습니다. 더 많은 정보가 필요하지만 양식을 작성하기 시작한 사용자는 정보를 전혀 작성하지 않은 사용자보다 양식을 작성하는 경향이 더 크다는 것이 입증되었습니다.

개선 영역:

• 버튼 색상 보강 : 현재 브랜딩 색상 구성표와 혼합됩니다. 다른 색상을 사용하면 더 눈길을 끌 것입니다.

• 더 나은 이미지 구현 : 현재 이미지는 보기 어렵고 최대한 메시징을 지원하지 않습니다.

5. 전국

작동 이유:

• 이중 방향 디자인 : 이미지는 헤드라인을 가리키는 두 남자와 서로 다른 시선으로 여러 방향 신호를 사용합니다.

• 권위 있는 인물 : 컨트리 스타인 브래드 페이즐리(Brad Paisley)와 전 NFL 쿼터백인 페이튼 매닝(Peyton Manning)을 신뢰할 수 있는 인물로 사용하여 전반적인 신뢰와 브랜드 지지를 심어줍니다. 명심하십시오. 이 마케팅 전략은 예산이 있는 경우에만 작동합니다. 그러나 PPC 방문 페이지에서 전환이 증가할 수 있습니다.

• 제안 인센티브 : 가입 시 무료 Amazon Echo를 받을 수 있는 제안을 홍보하면 여러 보험 회사 중에서 선택하는 사용자에게 더 큰 유혹을 제공합니다.

개선 영역:

• 시선 위로 화살표 사용: 현재 인간의 시선은 전체 페이지 목표 자체(CTA 버튼)보다는 주요 헤드라인에 집중되어 있습니다. 가장 좋은 방법은 방향 신호가 헤드라인이 아닌 페이지의 필수 요소에 주의를 기울여야 한다는 것입니다. 화살표와 같이 "시작하기" 버튼을 가리키는 방향성 디자인 요소를 추가하면 사용자가 원하는 작업을 수행하는 데 도움이 됩니다.

• 하나의 제안에 집중하기 : 페이지를 자세히 보면 총 5개의 다른 CTA를 찾을 수 있어 혼동을 일으킬 수 있습니다. 사용자가 선택할 수 있는 항목의 수를 하나 또는 둘로 제한합니다. 너무 많은 옵션을 제공하면 우유부단한 소비자의 잠재력과 선택의 역설이 발생할 위험이 있습니다.

6. 마지스토

PPC 랜딩 페이지에서 작동하는 이유:

• 미묘하고 암시적인 방향 신호 : 이 페이지는 "시작하기" 버튼을 가리키는 화살표 모양으로 부제목을 배치하여 방향 디자인을 미묘하게 사용합니다.

• 명확한 가치 제안 : 사용자는 사본을 읽음으로써 프로그램이 사용하기 쉽고 간단하다는 것을 배웁니다. 이 소프트웨어를 사용하여 비디오를 얼마나 빨리 만들 수 있는지 알려줍니다.

개선 영역:

• 방해 요소 제거 : 탐색 모음을 제거하여 방해 요소를 제거하고 사용자가 CTA 페이지에 집중할 수 있도록 합니다.

• 브랜드 신뢰 구축 : 고객 인용문이나 주력 고객의 로고와 같은 사회적 증거를 추가하면 전반적인 브랜드 신뢰를 높일 수 있습니다(아래 예 참조).

7. 앤지의 목록

PPC 랜딩 페이지에서 작동하는 이유:

• 강력한 색상 구성표 : 이전에 언급했듯이 이 페이지는 페이지의 녹색 색상 구성표와 대조되는 주황색 CTA 버튼을 사용하여 반대 색상을 사용합니다. 색상이 튀고 방문자의 시선을 사로잡습니다.
• 고객별 정보: 이 페이지는 위치별 데이터를 제공하여 고객별 사본을 사용합니다.

개선 영역:

• 통계에 대한 관심 유도 : 해당 지역의 배관공 수가 눈에 띄면 잠재적 구매자가 구매 결정을 내릴 수 있다는 확신을 더 많이 갖게 됩니다. 현재 숫자는 배경으로 희미해집니다.

8. 다이얼패드

PPC 랜딩 페이지에서 작동하는 이유:

• 사용자 신뢰 구축 : 스크롤 없이 볼 수 있는 높은 별점을 강조 표시하면 제품에 대한 신뢰, 타당성 및 확신이 생깁니다. 별다섯개 풀이가 아니라서 현실감도 팍팍 보여줍니다.

• 설명 소제목 : 소제목 텍스트는 플랫폼 기능 및 관련 사용 사례를 명확하게 설명합니다.

• 지원 제품 이미지: 이 이미지는 플랫폼을 자세히 보여주며 사용자가 등록할 때 받게 될 내용을 미리 볼 수 있습니다.

개선 영역:

• 자신 에게 집중하지 마십시오 . 헤드라인은 회사를 중심으로 하며 "홍보"로 보일 수 있습니다. 기업은 여기에서 목표를 놓치고 잠재 고객에게 반향을 일으키지 않을 수 있습니다. 대신 대상 청중과 우선 순위 또는 문제점에 중점을 둔 언어를 사용하십시오. 예를 들어, "기존 전화 시스템에 비해 팀 커뮤니케이션을 X% 늘리십시오." 사용자는 자신이 얻는 것에 더 관심을 갖기 때문에 메시지에서 브랜드를 과도하게 사용하지 마십시오.

• 리뷰 출처 구별하기 : 높은 별 리뷰는 강조 표시하기에 탁월하지만 이러한 리뷰는 어디에서 오는 걸까요? 사용자가 선택한 리뷰 플랫폼의 브랜드를 인식할 것이라고 가정하지 마십시오. 신뢰할 수 있는 출처(Capterra, TrustPilot, Software Advice, G2 등) 없이 리뷰 별표를 표시하면 진위가 제한됩니다.

9. 도어대시

PPC 랜딩 페이지에서 작동하는 이유:

• 직접적인 동기 부여: 양식 헤드라인은 사용자에게 매우 동기를 부여하고 이메일을 입력하여 가입하고 현금을 벌도록 설득합니다. 사본의 초점은 사용자가 가장 가치 있다고 여기는 $$를 중심으로 합니다. 그것은 또한 "베이컨"에 대한 언급과 함께 DoorDash가 제공하는 음식과 다시 연결됩니다.

• 방해 요소 없음 : 탐색 모음에 페이지를 떠날 수 있는 옵션이 없으며 페이지가 하나의 기본 CTA로 짧습니다.

개선 영역:

• 더 나은 구성: 복사본과 양식이 현재 이미지를 차단합니다. 이러한 요소를 한쪽 또는 다른 쪽으로 이동하면 배경 그림이 더 잘 보입니다. 이를 통해 사용자는 서비스를 더 잘 시각화할 수 있을 뿐만 아니라 전체 페이지에서 조직을 늘릴 수 있습니다.

• 언어 간소화 : "시작하기"와 같은 더 강력한 CTA는 처음부터 시작해야 하는 이유와 연결되므로 더 나은 결과를 얻을 수 있습니다. 이렇게 하면 헤드라인과 부제목 주위의 메시지가 클릭 유도문안으로 바로 들어갈 수 있습니다.

10. 티모빌

PPC 랜딩 페이지에서 작동하는 이유:

• 깔끔하고 미니멀한 디자인: 이 페이지는 사용자가 새 휴대전화를 사전 주문할 수 있도록 명확한 목적을 가진 심플한 디자인을 전달합니다. 그것은 전화의 이미지가 추가 노이즈 없이 스스로를 말할 수 있도록 합니다.
• 브랜드: Apple과 같은 가명에 대한 부제 및 동기 부여 추가 단어의 활용이 필요하지 않습니다. 왜? 이미 유명하고 수요가 많은 제품이기 때문에 자신의 이름을 잘 활용할 수 있습니다.

개선 영역:

• 여러 CTA 줄이기: 이 페이지의 목적은 사용자가 새 iPhone을 사전 주문하는 것입니다. 하지만 '전문가와 대화하기' CTA는 사용자들의 관심을 놓고 경쟁하고 있다.

11. 헬로 프레쉬

PPC 랜딩 페이지에서 작동하는 이유:

• 적절한 청중 과의 대화: 메인 헤드라인에 있는 "요리는 먹는 것처럼 간편합니다."라는 문구는 이상적인 고객 프로필(ICP)과 공감하는 고유한 가치 제안을 정확하게 묘사합니다.

• 가치 있는 제안 : 페이지의 여러 제안은 사용자가 고도로 포화된 산업에서 전환하고 경쟁자와 차별화할 수 있는 우수한 인센티브를 제공합니다. 정확한 금액을 입력하면 청중이 처음부터 저축액을 확인하는 데 도움이 됩니다.

• 관련 비주얼 : 페이지의 이미지는 서비스와 연결되며 사용자에게 제품의 품질과 용이성을 가시적으로 제공하여 사본을 지원합니다.

개선 영역:

• 제안의 더 나은 사용 : 제안을 주요 접점으로 활용하면 긴박감을 느낄 수 있습니다. 그러나 조금 더 유리하게 사용할 수 있습니다. 예를 들어 제안이 만료되는 타이머 카운트다운과 같은 방향성 디자인 요소를 구현하면 여기에서 작동합니다. 또한 사용자가 페이지에서 커서를 이동할 때 팝업되는 이탈 의도 제안을 추가하면 가치가 있습니다. 이러한 요소는 긴급성을 높이고 이탈할 준비가 된 사용자를 페이지에 계속 머물게 합니다.

• 더 나은 CTA 레이블 : CTA 텍스트를 "시작하기"에서 "내 식사 보내기", "저축을 가져오기"로 변경하거나 제품에 보다 구체적인 다른 유사한 CTA를 사용하면 전환 가능성이 더 높아집니다. 고객과 고객의 구체적인 제안에 직접 이야기하면 전환율이 높아집니다.

12. 먼데이닷컴

PPC 랜딩 페이지에서 작동하는 이유:

• 눈에 띄는 클릭 유도문안: CTA 버튼 색상이 튀어나와 페이지의 가장 중요한 부분으로 직접 시선을 끕니다.

• 글머리 기호 구조 : 글머리 기호 가치 제안은 소화하기 쉬운 액션 기반 카피를 제공합니다. 이를 통해 사용자는 결정을 내리기 전에 더 설득력이 필요할 수 있습니다.

• 체계적인 페이지 흐름 : 전체 페이지 디자인이 조화롭게 작동하여 다양한 요소를 강화하고 뛰어난 UX를 만듭니다.

• 다이렉트 메시징 : 짧고 단순한 헤드라인과 부제목은 사용자가 필수 세부사항을 훑어보는 것이 아니라 전체 페이지를 읽을 가능성을 높입니다. 랜딩 페이지나 광고를 구성할 때 너무 많은 "보풀"을 포함하는 것은 마케터가 저지르는 가장 두드러진 실수 중 하나입니다.

개선 영역:

• 필드 레이블 이동: 양식 자체에 "업무 이메일"이라는 레이블이 있으면 사용자가 클릭하여 입력할 때 사라지므로 마찰이 발생할 수 있습니다. 양식 상자 자체 위에 레이블을 추가하면 사용자가 항상 무엇이 필요한지 쉽게 알 수 있습니다.

• 더 설득력 있는 설명: '시작하기' CTA를 '추적 시작하기'로 변경하면 더 많은 전환으로 이어질 수 있습니다. 항상 방문자의 고통 지점으로 돌아오십시오. 리드 추적에 관심이 있기 때문에 이 사이트를 방문하는 것입니다. 그들이 있어야 할 곳에 도착하도록 도와주세요.

13. 여유

PPC 랜딩 페이지에서 작동하는 이유:

• 브랜드 활용도 : 슬랙은 방대한 브랜드 네임을 보유하고 있기 때문에 이런 상황에서 회사명을 활용하는 것이 권위를 세우는 데 유리하다.

• 기업 고객의 사회적 증거 : 유명 브랜드의 고객 로고를 포함하여 사용자에게 신뢰와 인기를 얻습니다. "Target과 EA가 이 브랜드를 신뢰한다면 내 시간을 투자할 가치가 있을 것입니다."라는 아이디어를 사용자의 마음 속에 넣습니다.

• 제한된 산만함 : 탐색 내에는 방문자를 다양한 페이지로 보내는 추가 링크가 없습니다. 이 페이지의 요점은 명확하며 기존 고객을 위한 직접 CTA 및 보조 CTA입니다.

개선 영역:

• 신뢰 증진 : 이 페이지는 이미 신뢰를 심어주는 훌륭한 일을 합니다. 그러나 헤드라인에서 다른 표현을 사용하면 이미 강력한 아이디어를 더욱 확립할 수 있습니다. "Slack으로 작업 생산성 X% 향상"이 포함된 카피는 더 많은 가치와 신뢰 요인을 추가할 것입니다.

14. 프로그레시브

PPC 랜딩 페이지에서 작동하는 이유:

• 방향 신호 : 배경 이미지는 양식을 직접 보고 있는 여성에게 방향 신호를 제공합니다.

• ICP에 공감: 헤드라인은 타겟 고객에 따라 다릅니다. "중소 기업"을 포함하면 해당 버킷에 포함되지 않은 고객을 막을 수 있습니다.

• Hyper-specific CTA : CTA 레이블은 "지금 시작"과 같은 보다 일반적인 문구가 아니라 제안에 따라 다릅니다. 사용자는 정보를 입력하면 견적을 받고 구매 결정에 한 걸음 더 다가갈 수 있습니다.

• 균형 잡힌 CTA : 보조 CTA는 쉽게 사용할 수 있지만 기본 "견적 받기" CTA만큼 눈에 띄지는 않습니다.

개선 영역:

• 색상 변경 : CTA 버튼의 팝적인 색상을 활용하여 눈에 띄게 구현해야 합니다. 현재의 파란색이 눈에 띄지만 완전히 다른 색상으로 할 수 있는 만큼은 아닙니다. 사람들이 무엇을 하기를 원하는지 알아차리도록 하십시오.

• 사용자 에게 말하기: "견적 받기"보다 "내 견적 받기"라고 말하여 청중에게 더 많이 말하십시오. 이것은 개인화의 느낌을 더하고, 작은 노력이지만 제품과 청중 사이의 연결을 추가할 수 있습니다.

• 경쟁에서 돋보이십시오 : 사업 보험과 같이 경쟁이 치열한 산업에서 기업은 군중에서 벗어나야 합니다. "보험료 최대 X% 절약"과 같이 팀이 사용자를 얼마나 절약할 수 있는지 설명하는 하위 헤드라인에 통계를 포함하면 신뢰를 구축하고 이 PPC 랜딩 페이지를 다음 단계로 끌어올릴 것입니다.

15. 파이프드라이브

PPC 랜딩 페이지에서 작동하는 이유:

• 명시적 디자인 단서: 의도적이든 아니든 페이지 하단의 이미지는 기본 CTA를 가리키는 방향 디자인 단서 역할을 합니다.

• 성능 향상 지정 : 실제 통계(28%)를 사용하는 것은 전환을 늘리고 사용자가 제품을 사용해 보도록 동기를 부여하는 실질적인 수치를 제공하는 효과적인 방법입니다. 귀하의 사본에 실제 숫자를 제공함으로써 사용자는 귀하의 제품이 자신의 삶을 얼마나 개선할 것인지 공감할 수 있습니다.

• 장벽 최소화: CTA 버튼 아래에 있는 문구는 사용자가 무료 제품을 사용해 볼 때 가질 수 있는 망설임을 제한합니다. 일반적으로 무료 평가판을 사용하더라도 신용 카드가 필요합니다. 그러나 필요하지 않다고 말하는 것이 더 나은 UX로 이어집니다.

개선 영역:

• 브랜드 신뢰 : 스크롤 없이 볼 수 있는 페이지에 고객 로고 또는 리뷰 형식으로 사회적 증거를 추가합니다. 당신은 드릴을 알고 있습니다.

• 둥근 버튼 추가 : 버튼을 날카로운 모서리에서 둥근 버튼 모양으로 변경하면 일부 연구에서 전환율과 전반적인 사용자 경험을 높이는 것으로 입증되었으며 이 페이지를 개선하는 데 도움이 될 수 있습니다.

CRO의 중요성

전반적으로 이러한 방문 페이지는 작은 최적화가 어떻게 강력한 결과로 이어질 수 있는지 보여주는 몇 가지 예일 뿐입니다. 위에서 수집한 것처럼 대부분의 페이지는 스크롤 없이 볼 수 있는 부분에 포함된 요소에 대한 동일한 전체 모범 사례를 따릅니다.

이러한 모범 사례는 고객 심리와 뇌가 다양한 모양, 언어 및 상호 작용에 반응하는 방식을 모두 고려합니다. 두뇌가 어떻게 작동하는지 이해함으로써 CRO 의 기초 를 배우고 페이지의 전환율을 높일 수 있습니다.

마지막으로 식료품 쇼핑을 갔을 때를 생각해 보십시오. 한 브랜드의 냉동 피자를 다른 브랜드보다 선택하게 된 요인은 무엇입니까? 브랜드 친숙도, 가격, 포장이었을까? 아니면 제품을 더 높은 위치에 전략적으로 배치하여 무의식적으로 더 나은 브랜드라고 생각하게 하였습니까?

이러한 모든 사소한 요소는 소비자 심리학과 구매 결정에서 인상적인 역할을 합니다.

짧은 시간 동안 사용자는 온라인에서 즉각적인 결정을 내립니다. 모범 사례 CRO 전략을 구현하고 지속적으로 A/B 테스트를 수행해야 합니다. 이 개념을 염두에 두고 페이지를 구축하면 전반적인 성장과 더 나은 UX로 이어질 것입니다.