Communitygithub.com

랜딩 페이지 CRO 분석

모든 랜딩 페이지에 대한 종합적인 전환율 최적화(CRO) 분석을 수행합니다. 이 스킬은 섹션별 분석과 우선순위가 지정된 실행 가능한 수정 사항을 제공하여 전환율에 직접적인 영향을 줍니다.

랜딩 페이지 CRO 분석란 무엇인가요?

이 AI 에이전트 스킬은 사용자가 제공한 랜딩 페이지 URL을 입력받아 체계적인 7단계 CRO(Conversion Rate Optimization) 분석을 수행합니다. 헤드라인, 가치 제안, 사회적 증거, 기능 및 혜택, 이의 제기 대응, 콜투액션, 푸터 및 부가 요소 등 7개 섹션을 각각 1~10점으로 평가하고 가중치를 반영하여 종합 점수를 산출합니다. 또한 카피의 명확성, 긴급성, 구체성, 증거, 행동 지향성 등 5가지 차원을 점수화하고, 양식 최적화, 모바일 반응성, 페이지 속도 영향 평가를 포함합니다. 최종적으로 우선순위가 지정된 수정 목록, A/B 테스트 추천 사항(가설 형식), 그리고 예상 수익 영향을 함께 제공하여 개발자나 마케터가 데이터 기반으로 전환율을 개선할 수 있도록 돕습니다. 이 스킬은 Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 실행 가능하며, 결과는 LANDING-CRO.md 파일로 저장됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/B3Padrin/Agent/tree/HEAD/skills/market-landing

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

랜딩 페이지 CRO 분석은(는) 무엇을 하나요?

스킬 목적

모든 랜딩 페이지에 대한 종합적인 전환율 최적화(CRO) 분석을 수행합니다. 이 스킬은 섹션별 분석과 우선순위가 지정된 실행 가능한 수정 사항을 제공하여 전환율에 직접적인 영향을 줍니다.

사용 시기

  • 사용자가 랜딩 페이지 URL을 제공하고 전환 최적화를 요청할 때
  • 사용자가 랜딩 페이지 피드백, 리뷰 또는 감사를 요청할 때
  • 사용자가 가입, 리드 캡처 또는 구매율을 개선하려 할 때
  • /market landing <url> 또는 /market cro <url> 명령어로 트리거

실행 방법

1단계: 페이지 유형 식별

분석 중인 랜딩 페이지의 유형을 결정합니다. 이는 벤치마크 기대치와 점수 가중치에 영향을 줍니다.

페이지 유형주요 목표양호한 전환율우수한 전환율
리드 캡처이메일/양식 제출5-10%15%+
SaaS 가입무료 체험 또는 프리미엄 가입3-7%10%+
전자상거래 제품장바구니 담기 / 구매2-4%5%+
웨비나 등록이벤트 등록20-30%40%+
앱 다운로드앱 설치10-15%20%+
대기자 명단대기자 명단 등록15-25%35%+
상담 예약통화 예약5-10%15%+
비영리 기부기부2-5%8%+

2단계: 7포인트 CRO 프레임워크 실행

각 섹션을 순서대로 분석합니다. 각 섹션을 1~10점으로 평가하고 구체적인 결과를 제공합니다.

섹션 1: 히어로 섹션 (가중치: 25%)

방문자가 가장 먼저 보는 첫 화면입니다. 전환 결정의 80%가 여기서 시작됩니다.

체크리스트:

  • 헤드라인이 페이지 로드 후 2초 이내에 표시됨
  • 헤드라인이 기능이 아닌 주요 이점을 전달함
  • 헤드라인이 10단어 미만임
  • 서브헤드라인이 구체적으로 헤드라인을 확장 설명함
  • 주요 CTA가 접이선 위에 있음
  • CTA 버튼 색상이 배경과 대비됨
  • CTA 텍스트가 행동 지향적임("제출" 또는 "여기를 클릭"이 아님)
  • 히어로 이미지 또는 비디오가 메시지를 뒷받침함(일반적인 스톡 사진 아님)
  • 신뢰 배지 또는 사회적 증거가 접이선 위에 표시됨
  • 페이지가 3초 이내에 로드됨
  • 전용 랜딩 페이지의 경우 CTA와 경쟁하는 탐색 메뉴가 없음

점수 기준:

  • 9-10: 헤드라인이 이점 중심이고 구체적이며 설득력이 있음. CTA가 명확하고 대비됨. 시각적 자료가 메시지를 뒷받침함. 신뢰 지표가 있음.
  • 7-8: 강력한 헤드라인과 CTA이지만 한 가지 요소(신뢰 배지, 지원 시각 자료, 또는 구체성)가 누락됨.
  • 5-6: 일반적인 헤드라인 또는 약한 CTA. 여러 접이선 위 요소가 누락됨.
  • 3-4: 헤드라인이 기능 중심이거나 모호함. CTA가 접이선 아래에 있거나 명확하지 않음.
  • 1-2: 명확한 헤드라인 또는 CTA가 없음. 방문자가 5초 이내에 제안을 이해할 수 없음.

섹션 2: 가치 제안 (가중치: 20%)

페이지가 왜 전환해야 하는지 얼마나 명확하게 전달하는지.

체크리스트:

  • 제품/서비스가 무엇을 하는지 명확한 설명이 있음
  • 약속된 구체적인 결과 또는 성과가 있음
  • 대안과의 차별화(왜 이 솔루션인지)
  • 대상 청중이 명확함(방문자가 자신을 위한 것인지 알 수 있음)
  • 가능한 경우 이점이 수치화됨(X시간 절약, Y% 증가)
  • 가치 제안이 스캔 가능함(단락에 묻혀 있지 않음)

4U 프레임워크를 사용한 평가:

  1. 유용함(Useful) - 방문자의 실제 문제를 해결하는가?
  2. 긴급함(Urgent) - 지금 행동해야 할 이유가 있는가?
  3. 독특함(Unique) - 경쟁사와 다른가?
  4. 초구체적(Ultra-specific) - 주장이 구체적이고 모호하지 않은가?

섹션 3: 사회적 증거 (가중치: 15%)

다른 사람들이 이 제품/서비스를 신뢰하고 혜택을 받고 있다는 증거.

사회적 증거 유형 (설득력 순으로 정렬):

  1. 수익/결과 지표("$24억 처리", "50만 사용자")
  2. 사진, 직함, 회사가 포함된 지명 고객 사용 후기
  3. 인지도 있는 고객 로고
  4. 구체적인 결과가 있는 사례 연구
  5. 별점 및 리뷰 수
  6. 미디어 언급("...에 소개됨")
  7. 인증 및 수상
  8. 사용자 생성 콘텐츠
  9. 소셜 미디어 팔로워 수

체크리스트:

  • 최소 2가지 유형의 사회적 증거가 있음
  • 사용 후기에 실제 이름과 사진이 포함됨
  • 사용 후기에 구체적인 결과 또는 성과가 언급됨
  • 사회적 증거가 의사 결정 지점(CTA 근처)에 배치됨
  • 숫자가 구체적임(반올림되지 않음 - "10,000+"보다 "11,847"가 더 효과적)
  • 로고가 대상 청중에게 인지도가 있음
  • 사회적 증거가 최근 것이며 관련성이 있음

섹션 4: 기능 및 혜택 (가중치: 15%)

페이지가 제품/서비스에 포함된 내용을 어떻게 제시하는지.

체크리스트:

  • 기능이 혜택으로 전환됨(기능이 사용자에게 무엇을 하는지)
  • 콘텐츠가 스캔 가능함(아이콘, 글머리 기호, 짧은 단락)
  • 시각적 계층 구조가 기능을 통해 눈을 안내함
  • 가장 중요한 기능/혜택이 먼저 나열됨
  • 각 기능 섹션에 명확한 소제목이 있음
  • 기능 설명과 함께 스크린샷, 데모 또는 시각 자료가 제공됨
  • 기능 목록이 포괄적이지만 압도적이지 않음(3-7가지 주요 기능)

기능-혜택 전환 확인: 나쁨: "AI 기반 분석 대시보드" 좋음: "어떤 캠페인이 수익을 창출하는지 정확히 확인하세요 -- AI가 데이터를 분석해 드리니 직접 할 필요가 없습니다."

섹션 5: 이의 제기 대응 (가중치: 10%)

페이지가 방문자가 전환하지 않을 이유를 어떻게 다루는지.

페이지 유형별 일반적인 이의 제기:

이의 제기대응 방법
"너무 비싸다"ROI 계산기, 가격 비교, 환불 보장
"작동하는지 모르겠다"사례 연구, 무료 체험, 데모 비디오
"너무 복잡하다"설정 마법사, 온보딩 지원, "5분 안에 시작"
"필요한지 모르겠다"문제 자극, 무행동 비용
"마음에 안 들면 어쩌지?"무료 체험, 환불 보장, 언제든지 취소 가능
"내 데이터는 안전한가?"보안 배지, 규정 준수 로고, 개인정보 보호정책 링크
"팀과 상의해야 한다"공유 가능한 비교 페이지, 팀 체험, ROI 원페이지

체크리스트:

  • FAQ 섹션이 상위 3-5가지 이의 제기를 다룸
  • 위험 반전 요소가 있음(보장, 무료 체험, 언제든지 취소 가능)
  • 가격 투명성(숨겨진 수수료나 예상치 못한 비용 없음)
  • 보안 및 개인정보 보호 지표(해당되는 경우)
  • 대안과의 비교(해당되는 경우)

섹션 6: 콜투액션 (가중치: 10%)

전환 메커니즘 자체입니다.

CTA 버튼 체크리스트:

  • CTA 텍스트가 행동이 아닌 가치를 설명함("내 무료 보고서 받기" vs "제출")
  • CTA 버튼이 시각적으로 지배적임(크기, 색상, 여백)
  • 긴 페이지의 경우 CTA가 여러 번 나타남
  • 아직 확신하지 못한 방문자를 위한 보조 CTA가 있음
  • CTA에 지원하는 마이크로카피가 있음(예: "신용카드 필요 없음")
  • 버튼 텍스트가 1인칭을 사용함("내 체험 시작" vs "귀하의 체험 시작")
  • CTA가 제안에 특화되어 있음(일반적이지 않음)

CTA 카피 점수:

  • 약함: "제출", "여기를 클릭", "더 알아보기"
  • 중간: "가입", "시작하기", "지금 다운로드"
  • 강함: "내 무료 체험 시작", "내 맞춤 보고서 받기", "할인 혜택 받기"

섹션 7: 푸터 및 부가 요소 (가중치: 5%)

페이지 하단과 지원 요소.

체크리스트:

  • 페이지 하단에 최종 CTA가 있음
  • 연락처 정보 또는 지원 옵션이 표시됨
  • 개인정보 보호정책 및 서비스 약관이 링크됨
  • 최종 CTA 근처에 신뢰 배지가 반복됨
  • 전환에서 멀어지게 하는 경쟁 링크가 없음
  • 저작권 및 법적 정보가 있음
  • 소셜 미디어 링크(전환을 지원하는 경우에만, 방해하지 않아야 함)

3단계: 카피 점수

전체 페이지 카피를 5가지 차원으로 점수화합니다(각 1~10점):

  1. 명확성 - 방문자가 5초 이내에 제안을 이해할 수 있는가?
  2. 긴급성 - 지금 행동해야 할 이유가 있는가 vs 나중에?
  3. 구체성 - 주장이 숫자, 시간표, 결과와 함께 구체적인가?
  4. 증거 - 주장이 증거, 데이터 또는 사용 후기로 뒷받침되는가?
  5. 행동 지향성 - 카피가 특정 다음 단계로 유도하는가?

카피 점수 계산: 5가지 차원의 평균에 10을 곱하여 100점 만점으로 환산합니다.

4단계: 양식 최적화 감사

페이지에 양식이 있는 경우 평가:

요소모범 사례
필드 수추가 필드마다 전환율이 약 7% 감소. 리드 캡처: 최대 3-5개 필드.
레이블인라인 레이블 또는 플로팅 레이블 사용. 플레이스홀더 전용 레이블은 피할 것.
버튼 텍스트가치 제안과 일치시킬 것. "내 무료 가이드 받기" > "제출"
오류 처리인라인 유효성 검사. 구체적인 오류 메시지. 오류 시 전체 양식을 지우지 말 것.
다단계긴 양식을 진행 표시기가 있는 단계로 나눌 것.
필수 vs 선택필수 필드가 아닌 선택 필드를 표시할 것.
자동 완성표준 필드에 대해 브라우저 자동 완성을 활성화할 것.
필드 유형모바일 키보드를 위해 적절한 입력 유형(이메일, 전화, URL) 사용.

5단계: 모바일 반응성 감사

모바일 트래픽이 전체 웹 트래픽의 60% 이상을 차지합니다. 확인:

  • CTA가 엄지손가락이 닿는 위치(화면 하단 절반)에 있음
  • 텍스트가 확대 없이 읽을 수 있음(본문 텍스트 최소 16px)
  • 양식이 모바일에서 사용 가능함(큰 터치 대상, 적절한 키보드)
  • 이미지가 적절히 크기 조정되고 레이아웃을 깨뜨리지 않음
  • 가로 스크롤이 필요하지 않음
  • 4G에서 페이지가 3초 이내에 로드됨
  • 전화번호 클릭 시 통화 연결
  • 스크롤 시 고정 CTA 바(해당되는 경우)

6단계: 페이지 속도 영향 평가

다음 전환 영향 벤치마크를 참조:

로드 시간전환 영향
0-2초기준(최적)
2-3초전환율 -7%
3-5초전환율 -20%
5-8초전환율 -35%
8초+전환율 -50%+

일반적인 속도 문제 확인:

  • 최적화되지 않은 이미지(WebP 사용, 지연 로딩)
  • 렌더링 차단 JavaScript
  • 누락된 브라우저 캐싱
  • CDN 없음
  • 과도한 타사 스크립트
  • 축소되지 않은 CSS/JS

7단계: A/B 테스트 추천 생성

각 테스트를 가설 형식으로 지정:

템플릿: "[변경]하면 [측정항목]이 [개선/증가]할 것입니다. 왜냐하면 [이유]이기 때문입니다."

고려할 예시 테스트:

  1. 헤드라인 변형(이점 중심 vs 결과 중심)
  2. CTA 버튼 색상 및 텍스트
  3. 사회적 증거 배치(접이선 위 vs 아래)
  4. 양식 필드 수(1-2개 필드 줄이기)
  5. 히어로 이미지 vs 히어로 비디오
  6. 긴 형식 vs 짧은 형식 페이지
  7. 긴급성 요소 추가(카운트다운, 한정된 자리)
  8. 가격 고정 및 제시 방법
  9. 사용 후기 형식(텍스트 vs 비디오)
  10. 챗봇 또는 라이브 채팅 위젯 추가

8단계: 히트맵 해석 지침

실제 히트맵 데이터가 없더라도 다음에 대한 지침 제공:

  • 예상 주목 영역 - 페이지 레이아웃 기준
  • F 패턴 vs Z 패턴 읽기 - 콘텐츠 밀도 기준
  • 스크롤 깊이 예측 - 페이지 길이 및 콘텐츠 구분 기준
  • 클릭 확률 영역 - 시각적 계층 구조 기준
  • 분노 클릭 지표 - 클릭 가능해 보이지만 실제로는 아닌 요소
  • 데드 존 - 무시될 수 있는 콘텐츠 영역

출력 형식

프로젝트 루트 또는 출력 디렉토리에 LANDING-CRO.md 파일을 생성합니다:

# 랜딩 페이지 CRO 분석
## [페이지 URL]
### 분석 일자: [날짜]

---

## 전체 CRO 점수: [X/100]

## 페이지 유형: [식별된 유형]
## 현재 예상 전환율: [결과에 기반한 추정]
## 목표 전환율: [현실적인 개선 목표]

---

## 섹션별 분석

### 1. 히어로 섹션 [점수: X/10]
**결과:**
- [구체적인 관찰 사항]

**수정 사항 (우선순위: 높음/중간/낮음):**
- [구체적이고 실행 가능한 권장 사항]

[7개 섹션 모두에 대해 반복]

---

## 카피 점수: [X/100]
| 차원 | 점수 | 비고 |
|---|---|---|
| 명확성 | X/10 | [비고] |
| 긴급성 | X/10 | [비고] |
| 구체성 | X/10 | [비고] |
| 증거 | X/10 | [비고] |
| 행동 지향성 | X/10 | [비고] |

---

## 양식 감사
[결과 및 권장 사항]

---

## 모바일 감사
[결과 및 권장 사항]

---

## A/B 테스트 추천
1. [가설 형식 테스트]
2. [가설 형식 테스트]
3. [가설 형식 테스트]

---

## 우선순위 수정 목록

### 빠른 승리 (이번 주에 구현)
1. [예상 영향이 있는 수정 사항]

### 중기 (이번 달에 구현)
1. [예상 영향이 있는 수정 사항]

### 전략적 (이번 분기에 구현)
1. [예상 영향이 있는 수정 사항]

---

## 전후 와이어프레임 제안
[현재 vs 권장 레이아웃의 텍스트 기반 와이어프레임 설명]

핵심 원칙

  • 권장 사항을 항상 수익 영향과 연결하세요. 단순히 "버튼 색상 변경"이라고 말하지 말고 "CTA 버튼을 대비되는 색상으로 변경하면 일반적으로 클릭률이 15-30% 증가하며, 현재 트래픽 기준으로 월 X회 더 많은 전환이 발생할 수 있습니다"라고 말하세요.
  • 노력 대비 영향 비율로 수정 사항의 우선순위를 정하세요. 빠른 승리가 먼저입니다.
  • 구체적이어야 합니다. "헤드라인 개선"은 쓸모없습니다. "헤드라인을 '우리 플랫폼에 오신 것을 환영합니다'에서 '리포팅 시간을 75% 단축하세요 -- 성장 팀을 위한 자동화된 분석'으로 변경하세요. 왜냐하면 구체성, 수치화된 이점을 추가하고 특정 청중을 타겟팅하기 때문입니다"는 실행 가능합니다.
  • 업계 벤치마크를 참조하여 고객이 자신의 위치를 이해할 수 있도록 하세요.
  • 브라우저 도구를 통해 페이지에 접근할 수 있는 경우 스크린샷을 찍고 특정 요소를 참조하세요.
  • 사용자가 이전에 /market audit를 실행한 경우 해당 결과를 CRO 분석에 통합하여 더 완전한 그림을 제공하세요.

관련 스킬