Communitygithub.com

mounra/ai-marketing

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

ai-marketing란 무엇인가요?

이 스킬은 AI 에이전트가 랜딩 페이지의 전환율을 최적화하기 위해 설계된 포괄적인 CRO(Conversion Rate Optimization) 분석을 수행할 수 있도록 지원합니다. 사용자가 URL을 제공하면, 이 스킬은 히어로 영역, 가치 제안, 사회적 증거, 기능 및 혜택, 이의 제기 관리, 클릭 유도 버튼, 바닥글 등 7가지 핵심 섹션을 체계적으로 분석합니다. 각 섹션은 1-10점 척도로 평가되며, 점수는 우선순위가 지정된 실행 가능한 권장 사항과 함께 제공됩니다. 이 분석은 Claude Code, Cursor, Codex와 같은 주요 AI 에이전트 플랫폼에서 사용할 수 있도록 설계되었습니다. 이 스킬은 랜딩 페이지 유형(리드 생성, SaaS 등록, 전자상거래 등)을 식별하고, 페이지 카피를 명확성, 긴박성, 구체성, 증거, 행동 지향성의 5가지 차원으로 평가하며, 양식 최적화, 모바일 반응성, 로딩 속도 영향을 감사합니다. 또한 A/B 테스트 권장 사항을 가설 형식으로 생성하고, 히트맵 해석 지침을 제공합니다. 최종 결과는 `ANALYSE-LANDING.md` 파일로 출력되며, 전반적인 CRO 점수, 섹션별 분석, 실행 가능한 수정 사항 목록이 포함되어 마케터와 제품 팀이 전환율을 체계적으로 개선할 수 있도록 돕습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mounra/ai-marketing/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. 유용함 — 방문자의 실제 문제를 해결하는가?
  2. 긴급함 — 지금 행동해야 할 이유가 있는가?
  3. 독특함 — 경쟁사와 차별화되는가?
  4. 초구체적 — 주장이 구체적이고 모호하지 않은가?

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

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

사회적 증거 유형 (설득력 순):

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

체크리스트:

  • 최소 2가지 유형의 사회적 증거 존재
  • 추천사에 실제 이름과 사진 포함
  • 추천사에 특정 결과 또는 혜택 언급
  • 사회적 증거가 의사 결정 지점 근처 (CTA 근처)에 배치됨
  • 숫자가 구체적임 (반올림되지 않음 — "11,847"이 "10,000+"보다 좋음)
  • 로고가 타겟층에게 인지도 있음
  • 사회적 증거가 최근의 것이며 관련성 있음

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

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

체크리스트:

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

기능-대-혜택 확인: 나쁨: "AI 기반 분석 대시보드" 좋음: "어떤 캠페인이 매출을 창출하는지 정확히 확인하세요 — AI가 대신 데이터를 분석합니다"

섹션 5: 이의 제기 관리 (가중치: 10%)

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

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

이의 제기해결 방법
"너무 비싸요"ROI 계산기, 가격 비교, 환불 보장
"효과가 있을지 모르겠어요"사례 연구, 무료 체험, 데모 비디오
"너무 복잡해요"설정 도우미, 온보딩 지원, "5분 안에 시작"
"필요한지 모르겠어요"문제 제기, 무행동의 비용
"나에게 맞지 않으면 어쩌죠?"무료 체험, 환불 보장, 언제든지 취소
"내 데이터는 안전한가요?"보안 배지, 규정 준수 로고, 개인정보 보호정책 링크
"팀과 상의해야 해요"공유 가능한 비교 페이지, 팀 체험, ROI 요약

체크리스트:

  • FAQ 섹션에서 3-5가지 주요 이의 제기에 답변
  • 위험 감소 요소 존재 (보장, 무료 체험, 언제든지 취소)
  • 가격 투명성 (숨은 수수료 또는 놀라움 없음)
  • 보안 및 개인정보 보호 지표 (해당되는 경우)
  • 대안과의 비교 (해당되는 경우)

섹션 6: 클릭 유도 버튼(CTA) (가중치: 10%)

전환 메커니즘 자체.

CTA 버튼 체크리스트:

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

CTA 텍스트 점수:

  • 낮음: "보내기", "여기를 클릭", "더 알아보기"
  • 중간: "가입하기", "시작하기", "다운로드"
  • 높음: "내 무료 체험 시작", "내 맞춤 보고서 받기", "할인 혜택 누리기"

섹션 7: 바닥글 및 보조 요소 (가중치: 5%)

페이지 하단 및 지원 요소.

체크리스트:

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

3단계: 텍스트 점수

5가지 차원(각 1-10점)으로 페이지 전체 텍스트 평가:

  1. 명확성 — 방문자가 5초 안에 오퍼를 이해할 수 있는가?
  2. 긴급성 — 지금 행동해야 할 이유가 있는가?
  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자형 읽기 패턴
  • 콘텐츠 길이 및 이탈 지점에 따른 스크롤 깊이 예측
  • 시각적 계층 구조에 따른 클릭 확률 영역
  • 분노 클릭 지표 (클릭 가능해 보이지만 그렇지 않은 요소)
  • 데드 존 (콘텐츠가 무시될 수 있는 영역)

출력 형식

프로젝트 또는 출력 디렉토리에 ANALYSE-LANDING.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. [예상 영향이 있는 수정 사항]

---

## 전략적 요약
이 [페이지 유형] 랜딩 페이지는 현재 [점수]/100점입니다. [수정 사항 수]가지 주요 수정 사항 중 [빠른 성과 수]가지는 이번 주에 구현할 수 있어 전환율을 약 X%까지 높일 수 있습니다.

페이지의 주요 강점은 [강점]입니다. 가장 큰 개선 기회는 [약점]이며, 이는 총점에서 가장 큰 비중을 차지하는 [영역]의 점수를 가장 크게 낮추고 있습니다.

**다음 단계로 권장하는 사항:**
1. 즉시 [첫 번째 우선 순위] 수정
2. [두 번째 우선 순위] A/B 테스트 시작
3. [마지막 권장 사항]

---

*이 분석은 AI CRO 스킬 v1.0을 사용하여 생성되었습니다. 결과는 실제 사용자 테스트 및 분석 데이터로 검증해야 합니다.*

보안 고려 사항

  • 입력 검증: 제공된 URL이 유효한 공개 랜딩 페이지인지 확인
  • 페이지 스크래핑: 전체 페이지를 다운로드하거나 분석하지 않고 URL에서 공개적으로 사용 가능한 정보만 분석
  • 데이터 프라이버시: 분석에 사용된 URL이나 개인 식별 정보를 저장하거나 기록하지 않음
  • 출력 한계: AI는 시각적 레이아웃이나 디자인을 완전히 평가할 수 없으므로 분석은 콘텐츠 및 구조 분석으로 제한됨

관련 스킬