12CODE
← 아카데미 academy 21강. 랜딩 첫 화면에서 이탈을 줄이는 법 예상 4분

들어가며

상황

한줄커피 대표는 20강 카드뉴스와 함께 광고도 집행했습니다. 광고 문구는 "속쓰림 없는 원두"였는데, 클릭하면 연결되는 스마트스토어 페이지 첫 화면은 브랜드 소개와 로스팅 과정 사진뿐이었습니다. 광고 클릭률은 나쁘지 않았지만, 랜딩 페이지에서 3초 안에 이탈하는 비율이 70%를 넘었습니다. 광고가 한 약속과 페이지가 보여주는 내용이 서로 달랐던 것입니다.

한 줄 결론

랜딩 첫 화면은 광고에서 한 약속을 그대로 이어받아 다시 확인시켜주는 자리여야 합니다.

브랜드 소개는 틀린 정보가 아니지만, 지금 막 "속쓰림 없는 원두"를 기대하고 들어온 사람에게는 엉뚱한 순서입니다. 첫 화면에서 그 약속을 다시 보여주고, 이어서 왜 그런지 이유(핵심 이익)와 지금 할 행동(CTA)까지 한 화면 안에 보이게 만들어야 이탈을 줄일 수 있습니다.

개념

판단 기준

점검 항목 통과 기준
메시지 일치 광고 문구와 첫 화면 제목이 같은 약속을 말하는가
핵심 이익 노출 스크롤 없이 보이는 화면 안에 이익 한 문장이 있는가
CTA 위치 첫 화면 안에 버튼이나 링크가 하나 이상 있는가
정보 순서 브랜드 소개보다 고객이 얻는 결과가 먼저 나오는가

실행 순서

  1. 확인: 지금 쓰고 있는 광고 문구를 그대로 적고, 랜딩 첫 화면 제목과 나란히 비교한다.
  2. 결정: 둘이 다르면 랜딩 첫 화면 제목을 광고 문구와 같은 약속으로 바꾸고, 핵심 이익 한 문장과 CTA 위치를 함께 정한다.
  3. 기록: 히어로 섹션 점검표를 채워 다음에 랜딩을 만들 때 같은 기준으로 확인한다.

바로 쓰는 템플릿

히어로 섹션 점검표

항목 현재 내용 통과 여부(O/X)
광고 문구 ________________________
첫 화면 제목 ________________________
핵심 이익 한 문장 ________________________
CTA 문구·위치 ________________________

즉시 확인

  1. 이탈률이 70%를 넘었던 주된 이유는? A. 페이지 로딩 속도가 느려서 B. 광고 약속과 첫 화면 메시지가 달라서 C. 상품 가격이 비싸서 정답: B — 광고에서 기대하게 만든 내용과 첫 화면이 다르면 그 자리에서 바로 이탈합니다.

  2. CTA를 스크롤을 많이 내려야 나오게 배치하면 생기는 문제는? A. 페이지가 더 신뢰감 있어 보인다 B. 이탈한 사람은 CTA를 아예 보지 못한다 C. 검색 노출이 줄어든다 정답: B — 첫 화면 안에 CTA가 없으면 이탈하는 사람에게는 행동할 기회 자체가 없습니다.

  3. 히어로 섹션에서 가장 먼저 확인해야 할 것은? A. 디자인이 화려한가 B. 광고 문구와 같은 약속을 말하고 있는가 C. 이미지 해상도가 높은가 정답: B — 메시지 일치가 깨지면 이탈률이 먼저 나빠집니다.

핵심 정리

  1. 랜딩 첫 화면은 광고에서 한 약속을 그대로 이어받아야 이탈을 줄일 수 있다
  2. 핵심 이익 한 문장과 CTA는 스크롤 없이 보이는 화면 안에 함께 있어야 한다
  3. 브랜드 소개보다 고객이 얻는 결과를 먼저 보여주는 순서가 필요하다

→ 이 강의 퀴즈 풀어보기 (챌린지)