Lecture 03

랜딩페이지 표준 섹션 구조
검증 및 보완 정리

3강 프레젠테이션 자료

Slide 02

오늘 강의에서 다룰 것

  • check_circle 전환이 잘 나오는 랜딩페이지는 보통 비슷한 순서로 구성됩니다.
  • check_circle 그 ‘표준 구조’를 기준으로 내 페이지를 점검합니다.
  • check_circle 시장조사/경쟁사 분석 결과를 섹션 수정에 바로 연결합니다.
Slide 03

왜 ‘섹션 구조’가 중요할까

방문자는 위에서 아래로 읽으며 결정을 합니다.

구조가 좋으면, 설명이 짧아도 이해가 빠릅니다.

구조가 나쁘면, 좋은 제품도 설득이 늦어집니다.

Slide 04 checklist

최종 체크리스트

  • 상단에서 3초 안에 “무슨 페이지인지” 알 수 있나요?
  • 우리만의 장점이 한 문장으로 말해지나요?
  • 믿을 근거(후기/수치/인증)가 충분한가요?
  • 고객 걱정 Top5를 FAQ가 해결하나요?
  • 가격/구성이 한눈에 보이나요?
  • 다음 행동(CTA)이 하나로 명확한가요?
Slide 05

랜딩페이지 표준 섹션 13개(기본 뼈대)

1. Hero(상단)
2. Value Proposition(왜 우리인가)
3. Problem(공감)
4. Solution/How it works(어떻게)
5. Key Features(특징)
6. Benefits(얻는 이득)
7. Social Proof(후기/사례)
8. Trust Signals(인증/보증/수치)
9. Pricing/Offer(가격/혜택)
10. Primary CTA/Form(신청)
11. FAQ(우려 해소)
12. Exit 제안(선택)
13. Footer(정책/정보)
Slide 06

핵심 4요소 공식 (외우기)

Hero (상단)

한 줄로 ‘무슨 페이지인지’ 즉시 알게 하기

Value (가치)

“왜 우리를 선택해야 하는지” 한 문장으로

Proof (증명)

믿을 수 있는 근거 보여주기 (후기/수치/인증)

Action (행동)

다음 행동(CTA)이 쉽고 명확하게

Slide 07 hero

Hero(상단)에서 꼭 확인할 것

  • 누구에게(타겟) / 무엇을(제품·서비스) / 왜 지금(가치) 한 줄
  • 대표 이미지 1장(무엇인지 바로 보이게)
  • 버튼 1개(가장 중요한 행동)
  • 광고 문구와 상단 문장이 서로 맞는지(메시지 매치)
💡 강의 포인트

상단에서 이해가 끝나야, 아래를 더 읽습니다.

Slide 08

Value + Problem (초반 설득의 핵심)

Value

“우리의 장점(USP)”을 짧게 정리

Problem

고객이 겪는 문제를 쉬운 말로 말하기

📊 시장조사 연결
  • 구매 결정 요인 Top5 중 1~2개를 Value에 반영
  • 고객 불만/걱정 Top5 중 1개를 Problem에 반영
Slide 09

Solution / How it works

고객이 이해하기 쉬운 흐름으로 정리

선택 arrow_forward 사용/진행 arrow_forward 결과

* 글이 길어지면, 그림/아이콘/번호로 끊어서 보여주기

💡 포인트: “설명”보다 “이해”가 먼저입니다.
Slide 10

Features vs Benefits

Features (특징)

제품이 가진 것
(사양/기능/구성)

Benefits (이득)

고객에게 좋은 점
(시간 절약/편함/안심)

✨ 정리 규칙: 특징 1개 → 이득 1개를 붙여서 같이 적기
Slide 11

Proof(후기)와 Trust(신뢰)

reviews
Proof (후기/사례)

실제 사용자의 말/사례가 있으면 설득이 빨라집니다.

verified_user
Trust (신뢰 요소)

인증/배지/수치/보증/환불정책이 불안을 줄입니다.

📊 시장조사 연결

불만/리스크 Top5를 줄일 수 있는 신뢰 요소를 먼저 넣기

  • 예: 배송 걱정 → 배송 안내/도착 보장
  • 예: 효과 의심 → 전후/수치/실험/데이터
Slide 12

Pricing / Offer

  • check_circle 가격을 숨기면, 결정이 늦어질 수 있습니다.
  • check_circle 표(Table)로 정리하면 이탈이 줄어듭니다.
💡 표에 넣을 것: 옵션 / 구성 / 혜택 / 배송 / 보증 (핵심만)
Slide 13

CTA / Form (전환)

통일성

CTA는 한 가지 행동으로 통일
(예: 구매하기 OR 상담받기)

반복

긴 페이지라면,
중간에도 CTA를 반복 배치

버튼 문구는 쉬운 말로 (지금 신청 / 지금 구매 / 상담 받기)

Slide 14

FAQ (우려 해소)

"FAQ는 ‘자주 묻는 질문’이 아니라 ‘구매를 막는 걱정’입니다."

📊 시장조사 연결
  • 불만/우려 Top5를 FAQ 1~5번으로 그대로 넣기
  • 답은 짧게, 근거는 명확하게
Slide 15

Exit 제안 (선택 사항)

개념

나가기 전에 혜택을 한 번 더 제안.
모든 업종에 무조건 좋은 건 아님.

추천 대상

처음 보는 방문자가 많고,
이탈률이 높을 때 시험.

* 할인, 무료 자료, 체험처럼 부담이 적은 제안 활용
Slide 16

‘수치’ 표현은 이렇게

warning 위험한 표현

"무조건 200% 상승"

check_circle 안전하고 신뢰가는 표현
  • "효과가 좋아지는 경우가 많다."
  • "테스트에서 큰 폭으로 개선될 수 있다."
  • "조건에 따라 달라질 수 있다."

강의 자료는 ‘일반화 가능한 내용’ 중심으로 적습니다.

Slide 17

성능 기준 (속도)

"페이지가 느리면 사람들이 바로 나갑니다."

timer 첫 화면 로딩 빨리 뜨게 하기
touch_app 클릭 반응 즉시 반응하기
view_quilt 레이아웃 안정성 밀리지 않기 (CLS)
Slide 18

우선순위 정하기

모든 걸 한 번에 고치지 않습니다. 효과 큰 것부터 고칩니다.

3점수 평가법 (1~5점)

  1. 1. 전환 영향도: 구매가 늘 가능성이 큰가?
  2. 2. 근거: 시장조사/리뷰/경쟁사 근거 명확?
  3. 3. 난이도: 시간이 많이 드는가?

🎯 우선순위 점수 = (영향도 + 근거) − 난이도

Slide 19

가장 먼저 고치기 쉬운 5개

  • 1 상단 1스크린 문장 (누구에게/무엇을/왜)
  • 2 USP 1줄 + 근거 1개 (후기/수치/인증)
  • 3 가격/구성/혜택 표
  • 4 이미지 용량 최적화 (2MB 이하)
  • 5 CTA (버튼) 문구와 색상
Slide 20

랜딩페이지 제작을 위한 프롬프트

Slide 21

마무리 Summary

구조를 먼저 잡으면,
카피/이미지/디자인이 훨씬 쉬워집니다.

시장조사 결과는 ‘섹션 수정’으로 연결해야 가치가 생깁니다.

Next Step

우선순위대로 수정 → A/B 테스트로 확인