랜딩 페이지 작성 가이드

Cover Image for 랜딩 페이지 작성 가이드
Solopreneur
Solopreneur

랜딩 페이지 목적

단 하나: 방문자가 특정 행동을 하게 만들기

랜딩 페이지 디자인

  • 회원가입
  • 구매
  • 이메일 수집

AIDA 프레임워크

  • Attention: 주목 끌기 (헤드라인)
  • Interest: 관심 유발 (설명)
  • Desire: 욕구 자극 (혜택)
  • Action: 행동 유도 (CTA)

섹션 구조

1. 히어로 섹션

  • 헤드라인 (60자 이내)
  • 서브헤드라인
  • CTA 버튼
  • 히어로 이미지/영상

2. 문제 섹션

  • 독자가 공감할 고충
  • "이런 경험 있으신가요?"

3. 솔루션 섹션

  • 문제를 어떻게 해결하는지
  • 혜택 중심 설명

4. 기능/혜택

웹 디자인

  • 핵심 기능 3개 선택
  • 스크린샷 포함
  • 혜택으로 표현

5. 사회적 증거

  • 고객 후기
  • 로고 퍼레이드
  • 숫자 (사용자 수 등)

6. 가격

  • 명확한 가격 표시
  • 옵션 비교
  • 환불 정책

7. FAQ

  • 자주 묻는 질문 5-7개
  • 걸림돌 제거

8. 마지막 CTA

  • 다시 한번 행동 유도

CTA 버튼

문구 예시

  • "무료로 시작하기"
  • "14일 무료 체험"
  • "지금 다운로드"

디자인

  • 대비되는 색상
  • 충분한 크기
  • 여백으로 강조

헤드라인 공식

[타겟]을 위한 [솔루션]으로 [결과]를 얻으세요

예시:

  • Bad: "최고의 인보이스 도구"
  • Good: "프리랜서가 5분 만에 전문 인보이스 보내는 법"

체크리스트

  • 헤드라인이 5초 내 가치 전달
  • CTA가 명확함
  • 모바일 반응형
  • 로딩 3초 이내
  • 사회적 증거 포함

도구

  • Carrd - 간단한 페이지 (무료)
  • Framer - 디자인 자유도
  • Webflow - 전문적 결과물
  • Unbounce - A/B 테스트

참고 자료