전환율을 높이는 랜딩 페이지 구축

Unbounce의 공동 설립자인 Oli Gardner는 당신보다 더 많은 방문 페이지를 보았습니다. (작년 5월 기준 약 80,000개)

그는 방문 페이지의 98%가 주의 와 맥락 을 무시하기 때문에 실패한다고 말합니다.

랜딩 페이지 최적화 에피소드에서 Oli와 SiteTuners CEO Tim Ash는 전환 중심 랜딩 페이지 생성에 대해 논의합니다.

캠페인 목표로 시작

방문 페이지를 만들 때 Stephen Covey의 ' 끝을 염두에 두고 시작 '을 기억하십시오.

Oli는 다음을 수행해야 한다고 지적합니다.

• 전용 랜딩 페이지 없이 마케팅 캠페인을 시작하지 마십시오
• 캠페인 목표 를 설정하지 않고 방문 페이지를 구축하지 마십시오.

페이지의 목적은 사람들이 취하기를 원하는 조치를 알려줍니다.

따라서 업스트림 트래픽 소스와 방문자 의도(이들이 발생한 컨텍스트)를 이해하는 것이 계획의 일부여야 합니다.

이것이 이상적인 세계에서 각 인바운드 채널이 컨텍스트가 다르기 때문에 고유한 랜딩 페이지를 갖는 이유입니다.

• 예를 들어 검색에는 의도가 있습니다.
• 전자 메일에는 대화가 있으며 더 세분화할 수 있습니다. 마케팅 자동화를 수행하는 경우 신뢰 또는 열린 전자 메일 수의 측면에서 다양한 관계에 있는 사람들이 있을 수 있습니다.

주의를 조작하다

온라인에서 관심은 희소 상품입니다.

따라서 방문자가 페이지를 방문하면 방문자가 원하는 작업에 주의를 집중하세요.

주의 비율

캠페인에는 1개의 목표 만 있습니다.

따라서 사람들이 전용 랜딩 페이지에서 할 수 있는 일 수와 해야 할 일 수의 비율은 1:1 이어야 합니다.

이것은 여러 링크가 있는 귀하의 홈페이지로 광고에서 사람들을 보내는 경우에는 발생하지 않습니다. 이것이 바로 방문 페이지가 중요한 이유 입니다.

시각적 계층

의도적으로 디자인을 사용하여 페이지에서 중요한 CTA(클릭 유도문안)를 강조합니다.

디자인 요소는 CTA를 지원해야 하며 사람들의 주의를 산만하게 해서는 안 됩니다.

• 근접성

서로 가깝게 위치한 것들은 관련이 있는 것으로 간주됩니다.

CTA에 가까운 문 또는 디자인 요소를 클로저라고 합니다. 그리고 방문자가 귀하의 CTA를 클릭하도록 설득하거나 저지할 수 있습니다.

예를 들어 버튼에 매우 가깝게 배치해야 한다는 면책 조항은 사람들을 낙담시킬 수 있습니다. 그런데 웨비나 등록을 하려면 “못해요? 어쨌든 등록하면 녹음 파일을 보내드리겠습니다.”는 참석할 수 없는 사람들의 불안을 덜어주고 더 많은 리드를 얻을 수 있습니다.

• 일관성

동일한 유형의 콘텐츠를 동일하게 표현하여 방문자에게 불필요한 인지 부하를 추가하지 않습니다.

긴 페이지에 평가가 펼쳐져 있다고 가정해 보겠습니다. 사용자 평가를 동일하게 디자인하면 사용자가 평가를 접할 때마다 블록이 어떤 유형의 콘텐츠인지 파악할 필요가 없습니다.

이것은 가독성에 도움이 됩니다.

• 변칙

반면에 중요하고 눈에 띄고 싶다면 다른 것들과 다르게 만드십시오.

회의를 진행 중이고 페이지에 발표자의 사진이 있다고 가정해 보겠습니다. 방문자가 특정 스피커를 즉시 알아차리도록 하려면 나머지 스피커 위에 배치하거나 분리할 수 있습니다. 또는 모든 사람의 사진이 원 안에 있는 경우 눈에 띄고 싶은 사진을 사각형에 넣습니다.

패턴을 방해하거나 특이한 행동을 함으로써 사람들의 관심을 끌 수 있습니다.

주목받는 이들에 대해…

• 운동

모션은 그래픽과 텍스트를 능가합니다.

사람들이 움직임을 보지 않을 수 없기 때문에 주목을 받는 것이 좋습니다.

모션을 사용할 수 있는 한 가지 방법은 디자인이 페이지 아래에 더 이상 아무것도 없는 것처럼 보일 때(또는 스크롤 막대가 표시되지 않을 때) 스크롤 트리거로 사용하는 것입니다. 이것은 긴 스크롤 페이지임을 나타내기 위해 튀는 화살표 형태일 수 있습니다.

그러나 일반적으로 움직임은 위험 합니다. 따라서 CTA를 직접 지원하지 않는 한 페이지에서 제거하는 것이 좋습니다.

정보 계층

이것은 올바른 순서로 이야기를 말하는 것입니다.

Oli는 페이지의 정보가 랜딩 페이지 디자인의 구조와 레이아웃으로 인해 순서가 맞지 않는 경우가 많다는 것을 관찰했습니다.

• 카피 대 디자인

카피는 디자인에 정보를 제공해야 하며 그 반대는 아닙니다. 템플릿에 3개의 글머리 기호가 있다고 해서 페이지에 3개의 글머리 기호가 있어서는 안 됩니다.

그래서 …

1. 캠페인 사본을 작성한 다음
2. 해당 사본을 시각적으로 전달할 수 있는 경험을 디자인하십시오.

• 명료한 대 영리한

또한 헤드라인과 부제목이 잘못된 순서로 배치되는 것을 보는 것이 매우 일반적입니다.

사람들은 종종 영리하면서도 불분명한 헤드라인을 가지고 있습니다. Oli는 그 순서를 반대로 하면 페이지의 선명도가 즉시 두 배가 된다고 지적합니다.

영리한 헤드라인은 컨텍스트에 따라 작동할 수도 있고 작동하지 않을 수도 있습니다.

예를 들어, 이메일 기반 캠페인이라면 사람들이 이미 당신을 잘 알고 있을 가능성이 높으므로 조금 창의적일 수 있습니다. 그러나 PPC 캠페인의 경우 페이지 헤드라인이 광고와 거의 일치하도록 해야 합니다.

• 헤드라인, 부제목 및 CTA

Tim은 직접 응답 방문 페이지가 방문자에게 다음 세 가지를 알려야 한다고 덧붙입니다.

1. 페이지 내용은 무엇입니까? – 헤드라인
2. 액션 블록(예: 양식)과 상호 작용해야 하는 이유는 무엇입니까? – 부제목
3. 버튼을 누르면 어떻게 되나요? – CTA

그리고 그 순서대로 제시해야 합니다.

함께 모아서

전환의 첫 번째 동인은 방문자의 의도와 일치하는 것 입니다.

컨텍스트를 고려하십시오. 방문자가 어디에서 오고 무엇을 하려고 하는지 고려하십시오. 방문자가 클릭하기 전에 약속한 것을 이행하세요. 이는 광고 디자인 및 메시지를 페이지 디자인 및 콘텐츠와 일치시키는 것을 의미합니다.

사람들이 해야 할 일에 주의를 집중 하여 원하는 작업을 쉽게 수행할 수 있도록 합니다.

그렇게 함으로써 당신은 사람들이 개종하는 것을 쉽게 만들 수 있습니다.

WebmasterRadio.fm에서 " Oli Gardner와 함께 랜딩 페이지에 대한 주의를 조작 " 팟캐스트를 듣거나 다운로드하십시오.