Instapage 팀이 플랫폼을 사용하여 모든 캠페인에 대해 고유한 클릭 후 경험을 만드는 방법
게시 됨: 2019-05-30빠른 링크
- 개인화
- 앰프
- Instablocks™ 및 글로벌 블록
- 협동
- 다단계 양식
- 설계 모범 사례
- 탐색 제거
- 2단계 옵트인 양식
- 여백 및 Z 패턴 레이아웃
- 사회적 증거
- 콘텐츠 및 레이아웃 실험
- Instapage 엔터프라이즈 데모
우리 팀은 종종 잠재 고객과 고객으로부터 자체 캠페인에 Instapage를 사용하는 방법에 대한 질문을 받습니다. 개인화, AMP, 페이지에 대한 일괄 업데이트 관리, 다단계 양식 등 — 플랫폼을 최대한 활용하는 방법에는 부족함이 없습니다.
오늘의 기사에서는 각 캠페인에 대한 클릭 후 랜딩 페이지를 생성할 때 전문가 팀의 몇 가지 예와 디자인 모범 사례를 자세히 설명합니다.
개인화: 광고 클릭 후 방문 페이지
이전에 Instapage에서 유료 검색, 디스플레이 또는 리타게팅 광고를 본 적이 있다면 광고 후 클릭으로 해당 광고와 연결된 고유한 페이지에 도달했다는 것을 알게 될 것입니다. 클릭 후 전용 방문 페이지로 광고 클릭을 보내는 것은 모든 사람에게 권장되는 모범 사례입니다.
최상의 결과(전환)를 생성하는 것은 온라인에서 각각의 개별 광고에 대해 고유한 독립형 페이지를 사용하는 것만이 아닙니다. 우리가 접하는 각 잠재 고객에 대한 경험 을 개인화하는 것이 더 중요합니다. 그래야만 디지털 광고 노력에서 최상의 결과를 기대할 수 있습니다. 몇 가지 예를 살펴보겠습니다.
이 Google 광고 클릭:

클릭 후 방문 페이지로 이동:

대신 이 광고를 클릭하면 이 새로운 환경으로 이동하는 다음 예와 비교해 보세요.


두 환경 모두 마지막 UTM 매개변수를 제외하고 정확히 동일한 URL을 사용합니다 .


훈련되지 않은 눈에는 프론트 엔드에서 별로 보이지 않을 수 있지만 서버 측 동적 대상 타겟팅 없이는 개인화가 불가능합니다. 실제로 일어나고 있는 일은 UTM 매개변수를 사용하여 광고 플랫폼에 내장된 정교한 타겟팅을 상속하는 것입니다.
CEO 겸 설립자인 Tyson Quick은 다음과 같이 설명합니다.

“잠재 고객이 광고에 참여하기로 선택할 때 관련성이 있는지 여부는 해당 광고의 성공 또는 실패뿐만 아니라 잠재적으로 잠재 고객을 확보할 수 있는 능력에 매우 중요하기 때문에 우리는 개인화된 클릭 후 방문 페이지를 사용하여 전환을 증가시킵니다. 캠페인/광고그룹/광고 트래픽을 관련성이 높은 클릭 후 방문 페이지로 보내지 않는 것은 본질적으로 잠재 고객에게 이해하지 못하거나 관심조차 갖지 않는다는 것을 알리는 것입니다.
클릭 후 개인화는 유입경로의 상단과 중앙에서 할 수 있는 가장 중요한 일입니다."
우리는 서버 측 실험을 사용하여 사용자의 페이지 로드 속도를 희생하지 않고 고유한 경험을 제공합니다(클라이언트 측이 부족한 경우). 서버측 개인화와 클라이언트측 개인화의 차이점에 대한 자세한 내용은 이 기사를 읽으십시오.
개인화와 A/B 분할 테스트의 차이점
A/B 테스트를 사용하면 Analytics의 트래픽 분할을 원하는 조합(50/50, 75/25 등)으로 설정할 수 있습니다. 개인화에는 트래픽 분할이 포함되지 않습니다. 더 명확히 하기 위해:
- A/B 테스트 는 잠재고객에게 무작위로 페이지 경험을 제공합니다.
- 개인화 는 선택한 대상 고객에게 원하는 정확한 변형을 보여줍니다.
따라서 UTM 매개변수를 올바르게 설정했다면 광고에서 통합에 대해 이야기하는 경우 클릭 후 방문 페이지에는 통합 콘텐츠만 표시됩니다. 반대로 광고에서 WordPress에 게시하는 것을 홍보하는 경우 해당 페이지에만 표시됩니다.
자세한 내용은 여기로 이동하여 A/B 테스트에서 개인화가 더 나은 이유를 확인하십시오.
AMP: 가장 빠른 로딩 페이지용
모바일 장치 사용이 전 세계적으로 데스크톱 사용을 훨씬 능가했다는 사실을 알고 계실 것입니다. 이를 알고 모바일 사용자에게 최고의 경험을 제공하기 위해 우리 팀은 모바일 사용자를 위한 여러 AMP 클릭 후 페이지를 만들었습니다.
예를 들어 휴대기기를 사용하다가 우연히 이 디스플레이 광고를 본 경우:

클릭하면 AMP 데모를 요청할 수 있는 다음과 같은 경험이 표시됩니다.

메시지 일치 일관성이 동일할 뿐만 아니라 페이지가 거의 즉시 로드되어 모바일에서 페이지에 액세스하는 모든 사람에게 최상의 경험을 제공합니다.
Instablocks™ & Global Blocks: 대량 업데이트 확장 및 관리용
다른 소프트웨어는 최적화된 템플릿과 같은 기능을 내세워 랜딩 페이지 생산을 확장하고 페이지 업데이트를 관리할 수 있는 기능을 자랑합니다. 템플릿은 페이지를 상대적으로 빠르게 게시하는 데 유용하지만 여기까지만 가능합니다. 그러나 업데이트해야 하는 경우:
- 귀하의 기업 브랜딩과 모든 클릭 후 방문 페이지에 이러한 변경 사항을 반영해야 합니까?
- 모든 페이지의 저작권 연도는? 또는…
- 모든 제품 스크린샷이 어디에나 있습니까?
템플릿은 이러한 변경 및 업데이트를 관리하는 데 아무런 도움이 되지 않습니다.
Global Blocks를 사용하면 이러한 설계 변경으로 인한 많은 시간과 골칫거리를 절약할 수 있습니다. 아래 첫 번째 비디오에서 글로벌 블록을 만드는 방법을 확인하고 한 번의 클릭(두 번째 비디오)으로 여러 페이지에 변경 사항이 적용되는 것을 확인하십시오.
예: 전역 블록을 만드는 방법
예: 브랜딩 업데이트

글로벌 블록을 언제 사용해야 하는지에 대한 15가지 추가 사용 사례를 보려면 여기로 이동하십시오.
(*다른 포스트 클릭 소프트웨어는 이 기능을 제공하지 않습니다.)
협업: 효율적인 워크플로우 및 설계 피드백을 위해
클릭 후 방문 페이지를 디자인하는 것은 정말 힘든 일이었습니다. 커뮤니케이션 워크플로는 이메일, 디자인 변경 사항이 포함된 모의 스크린샷, Slack 메시지, 대면 회의에 흩어져 있었습니다. 이제 전체 팀이 Instapage 빌더인 중앙 위치에서 커뮤니케이션하고 피드백을 제공하고 모든 문제를 해결할 수 있으므로 기본 제공 팀 협업을 사용할 필요가 없습니다.

그래픽 디자인 관리자인 Rafal Bogdan은 다음과 같이 설명합니다.

“이 기능이 없었다면 우리 건축업자가 지금 어떤 모습일지 상상하기 어렵습니다. 공동 작업은 내 아이디어를 빠르게 공유하고 모든 팀 구성원을 루프에 유지함으로써 많은 시간을 절약하고 검토 프로세스 중에 혼란을 피할 수 있기 때문에 우리 빌더에서 내가 가장 좋아하는 기능 중 하나입니다."
(*다른 포스트 클릭 소프트웨어는 이 기능을 제공하지 않습니다.)
다단계 양식: 더 나은 리드 자격을 위해
우리의 전환 팀은 광고, 방문 페이지, 이메일 등 각 캠페인 전반에 걸쳐 많은 A/B 테스트를 수행합니다. 특히 Enterprise 데모 페이지와 같은 일부 페이지의 경우 추가 정보를 요청하여 양식을 제출하는 잠재 고객을 검증해야 합니다. 이름, 이메일, 전화번호만 있으면 됩니다. 한편, 우리는 긴 형태로 사람들을 압도하고 싶지 않습니다.
브랜드 이사 Jonathan Pantani는 다음과 같이 설명합니다.

“소비자가 이름, 이메일, 전화번호 등 개인 정보를 공개함으로써 몰입이라는 작은 심리적 장벽을 넘어야 한다는 것을 알고 있습니다. 따라서 해결하려는 문제와 같은 개인 정보를 적게 요청하여 프로세스에 전념했기 때문에 포기할 가능성이 약간 낮은 흐름으로 안내합니다.”
최상의 균형을 유지하기 위해 사람들이 데모에서 겁을 주지 않고 필요한 정보를 수집할 수 있는 다단계 양식을 사용합니다. 여기에서 3단계로 수행하는 방법을 확인하십시오.


A/B 테스트를 통해 세 부분으로 구성된 형식 시퀀스를 보았을 때 전환율이 18% 증가했습니다.
Instapage 팀의 디자인 모범 사례
이제 사용자 참여, 전환 및 쇼케이스 이점을 극대화하기 위해 항상 포함하는 몇 가지 특정 모범 사례를 검토해 보겠습니다.
헤더 탐색 없음: 사람들이 페이지에 집중할 수 있도록 합니다.
이 팁은 클릭 후 방문 페이지 개념을 처음 접하는 디지털 마케팅 담당자에게 가장 먼저 제안하는 경우가 많습니다. 이유는 다음과 같습니다.
- 클릭 후 방문 페이지 는 전환을 위해 설계되었습니다.
- 웹사이트 는 브라우징 경험을 위한 것입니다
따라서 웹 사이트에는 머리글 및 바닥글 탐색 메뉴가 있는 것이 좋습니다. 그것들은 모든 것을 포괄하는 경험입니다.
Instapage가 게시한 모든 클릭 후 방문 페이지에는 탐색 메뉴가 없다는 공통점이 있습니다. 사람들이 해당 페이지와 해당 페이지에만 집중하기를 원하기 때문에 Instapage 로고도 연결 해제되었습니다. 즉, 양식을 통해 변환하거나 브라우저 탭에서 X를 클릭하여 페이지를 벗어날 수 있습니다.
다음은 탐색 기능이 없는 클릭 후 방문 페이지의 예입니다(탐색 항목 목록이 있는 당사 홈페이지와 비교).

2단계 옵트인 양식: 페이지를 단순화하고 참여도를 높입니다.
다단계 양식과 마찬가지로 이중 옵트인을 사용하면 개인 정보를 요청하여 사람들을 놀라게 하지 않고 방문자의 참여를 유지할 수 있습니다. 2단계 옵트인을 사용하면 방문자가 CTA 버튼을 클릭하여 조치를 취한 후에만 양식이 표시됩니다.

여백 및 z-패턴 레이아웃: 더 나은 사용자 경험 및 참여 증대
랜딩 페이지 디자인은 정말 예술입니다. 왜냐하면 사용자 경험 원칙을 이해하지 못한다면 많은 시간을 낭비할 가능성이 높기 때문입니다(리드, 전환, 판매).
누군가가 클릭 후 페이지에 도달하면 페이지가 거의 즉시 로드되고 참여를 유지하며 궁극적으로 양식을 통해 전환되기를 원합니다. 여백과 z-패턴 레이아웃은 정보에 압도되지 않기 때문에 사람들이 계속 참여하도록 하는 데 큰 역할을 합니다.
이 페이지를 보십시오. 회사 로고 아래에서 아래로 스크롤할 때 지그재그 패턴을 확인합니다. 각 섹션은 관련 시각 자료 및 지원 사본으로 강조 표시됩니다. 자연스러운 보기 패턴은 왼쪽에서 오른쪽, 위에서 아래로 — 복사로 시작합니다.

그런 식으로 페이지를 디자인하면 더 많은 균형을 얻을 수 있습니다. 예를 들어 페이지에 왼쪽의 모든 이미지가 포함되어 있으면 균형이 맞지 않습니다. 대신 두 디자인 원칙 모두 방문자가 정보를 더 쉽게 처리하고 페이지를 계속 스크롤하도록 권장합니다.
사회적 증거: 고객 결과를 강조하고 우리의 가치를 증명하기 위해
Instapage는 디지털 광고 캠페인에 가장 잘 적용되고 클릭 후 방문 페이지는 사람들이 우리를 보는 첫인상인 경우가 많기 때문에 우리 페이지를 방문하는 모든 잠재 고객에게 즉시 우리의 가치를 증명해야 합니다.
이를 위해 우리는 항상 소중한 고객의 고객 로고와 평가를 제공합니다. 이 기사에 나오는 대부분의 페이지 예제에는 일종의 사회적 증거가 포함되어 있습니다. 다음은 몇 가지 더 있습니다.

다양한 레이아웃으로 실험
A/B 테스트는 클릭 후 방문 페이지에서 수행할 수 있는 가장 중요한 작업 중 하나이기 때문에 이 마지막 팁을 간과해서는 안 됩니다. CTA 버튼 색상이나 텍스트를 변경하는 것만이 아닙니다. 오히려 페이지 레이아웃의 순서와 내용을 실험하는 것입니다.
예를 들어 청중과 청중이 무엇을 찾고 있는지에 따라 페이지 상단에 후기를 더 가깝게 배치하면 고객이 찾고 있는 제안이 바로 당신의 제안임을 확신시키는 데 필요한 넛지가 될 수 있습니다. 청중에게 전달되는 이미지 및 카피와 결합하면(이들이 내가 관련될 수 있는 사람들에게서 나온 평가인가요?), 훨씬 더 강력한 섹션 레이아웃을 갖게 됩니다.
그러나 아마도 청중의 가장 큰 기대는 다른 사람들이 귀하의 제품으로 성공을 거두고 있는지 여부가 아니라 데모 또는 솔루션의 전체 출시를 통해 솔루션을 출시하는 데 필요한 단계일 것입니다. 이 솔루션을 테스트하거나 회사가 가치를 보기 시작하려면 어떻게 해야 합니까?
가격이 앞으로 나아가기 위한 가장 큰 결정 요인이기 때문에 다른 사람들은 여전히 페이지 상단에 가격을 표시하는 것을 선호할 수 있습니다. 다양한 레이아웃과 콘텐츠를 테스트하지 않고는 이러한 질문에 대한 답을 진정으로 알 수 없습니다.
Instapage 플랫폼을 최대한 활용
이것은 우리가 설교하는 것을 어떻게 실천하는지 보여주기 위한 우리 팀의 몇 가지 예와 모범 사례입니다. 효율적인 워크플로를 구축하고 각 페이지 디자인에 다양한 제품 기능을 계속 사용합니다.
지금 Instapage 데모를 다운로드하고 강력한 성능을 직접 경험하십시오.
