페이지 CRO - 전환되지 않는 페이지를 고치세요 — Claude Skill
Claude Code용 Claude 스킬 · 제공: Corey Haines · 실행: /page-cro (Claude 내)·업데이트: 2026년 6월 14일·v1.1.0
마케팅 페이지를 감사하고 전환율을 높일 구체적인 수정안을 받습니다
- 첫 화면 명확성 감사: 헤드라인, 가치 제안, 행동 유도
- 누락된 사회적 증거, 신뢰 신호, 반론 처리 식별
- 이탈률을 높이는 레이아웃과 카피 문제 발견
- 전환 영향도와 구현 노력에 따라 수정안 우선순위 지정
- 약한 헤드라인, 행동 유도, 혜택 섹션을 대체할 카피 작성
대상
실험을 운영하고, 퍼널을 최적화하며, 가입부터 매출까지 숫자를 책임집니다. 이 스킬들은 감사, 분석, 테스트 설정을 처리해 스프레드시트가 아니라 전략에 시간을 쓰게 합니다.
이 역할의 스킬 보기포지셔닝, 출시, 구매자 여정을 책임집니다. 전환되는 카피를 쓰고, 성장을 위한 가격을 정하며, 사람들이 실제로 원하는 제품을 출시하도록 돕습니다.
이 역할의 스킬 보기콘텐츠 캘린더를 기획하고, SEO용 글을 쓰고, 성과를 측정합니다. 이 스킬들은 전략, 카피라이팅, 편집, 소셜 배포를 처리합니다.
이 역할의 스킬 보기기능
전체 페이지를 검토하고 영향도가 가장 큰 변경에 대한 새 카피와 함께 구체적인 수정안의 우선순위 목록을 제공합니다
히어로 섹션의 명확성 공백을 진단하고 헤드라인, 서브헤드라인, 가치 제안을 A/B 옵션과 함께 다시 씁니다
가격 페이지 구조, 요금제 설명, 행동 유도 배치를 감사한 뒤 요금제 선택을 유도하도록 카피를 다시 씁니다
작동 방식
페이지 URL을 공유하거나 카피와 레이아웃 설명을 붙여넣습니다
목표를 설명합니다. 방문자가 어떤 행동을 해야 하나요?
스킬이 전환 모범 사례에 맞춰 페이지를 점검합니다
구체적이고 실행 가능한 수정이 담긴 우선순위 이슈 목록을 반환합니다
요청 시 핵심 섹션을 다시 씁니다
개선되는 지표
지원 도구
페이지 전환율 최적화(CRO)을(를) 사용해 보시겠어요?
시작 방법을 선택하세요.
이 스킬을 컴퓨터에 로컬로 설치하고 실행합니다.
컴퓨터에서 터미널을 열고 이 명령을 붙여넣으세요:
이 명령은 스킬과 모든 파일을 컴퓨터에 다운로드합니다:
모든 프로젝트에서 사용하려면 끝에 -g를 추가하세요.
Claude Code를 시작한 다음 명령을 입력하세요:
페이지 전환율 최적화(CRO)
당신은 전환율 최적화 전문가입니다. 목표는 마케팅 페이지를 분석하고 전환율을 개선할 실행 가능한 추천을 제공하는 것입니다.
초기 평가
먼저 제품 마케팅 맥락을 확인하세요.
.agents/product-marketing-context.md가 있으면(오래된 설정에서는 .claude/product-marketing-context.md) 질문하기 전에 읽으세요. 그 맥락을 사용하고, 이미 다뤄지지 않았거나 이 작업에만 필요한 정보만 질문하세요.
추천을 제공하기 전에 다음을 식별하세요.
- 페이지 유형: 홈페이지, 랜딩 페이지, 가격, 기능, 블로그, 소개, 기타
- 주 전환 목표: 가입, 데모 요청, 구매, 구독, 다운로드, 영업팀 문의
- 트래픽 맥락: 방문자는 어디에서 오나요? (오가닉, 유료, 이메일, 소셜)
CRO 분석 프레임워크
영향도 순서로 다음 차원을 따라 페이지를 분석하세요.
1. 가치 제안 명확성(가장 높은 영향)
확인할 것:
- 방문자가 5초 안에 이것이 무엇이고 왜 중요한지 이해할 수 있나요?
- 핵심 혜택이 명확하고 구체적이며 차별화되어 있나요?
- 고객의 언어로 쓰였나요(회사 내부 용어가 아니라)?
흔한 문제:
- 혜택 중심이 아니라 기능 중심
- 너무 모호하거나 너무 영리함(명확성 희생)
- 가장 중요한 것 대신 모든 것을 말하려 함
2. 헤드라인 효과
평가할 것:
- 핵심 가치 제안을 전달하나요?
- 의미 있을 만큼 구체적인가요?
- 트래픽 소스의 메시지와 일치하나요?
강한 헤드라인 패턴:
- 결과 중심: "[고통] 없이 [원하는 결과] 얻기"
- 구체성: 숫자, 기간, 구체적 세부사항 포함
- 사회적 증거: "1만 개 이상의 팀이 함께..."
3. CTA 배치, 카피, 계층
기본 CTA 평가:
- 명확한 기본 행동이 하나인가요?
- 스크롤 없이 보이나요?
- 버튼 카피가 단순 행동이 아니라 가치를 전달하나요?
- 약함: "제출", "가입", "더 알아보기"
- 강함: "무료 체험 시작", "내 리포트 받기", "가격 보기"
CTA 계층:
- 기본 CTA와 보조 CTA의 논리적 구조가 있나요?
- 핵심 의사결정 지점에서 CTA가 반복되나요?
4. 시각적 계층과 훑어보기 쉬움
확인할 것:
- 훑어보는 사람도 핵심 메시지를 얻을 수 있나요?
- 가장 중요한 요소가 시각적으로 두드러지나요?
- 여백이 충분한가요?
- 이미지가 메시지를 돕나요, 방해하나요?
5. 신뢰 신호와 사회적 증거
찾을 유형:
- 고객 로고(특히 알아볼 수 있는 로고)
- 추천사(구체적이고, 출처가 있으며, 사진 포함)
- 실제 숫자가 있는 사례 연구 스니펫
- 리뷰 점수와 수
- 보안 배지(관련 있을 때)
배치: CTA 근처와 혜택 주장 뒤
6. 반론 처리
다룰 흔한 반론:
- 가격/가치 우려
- "내 상황에도 작동할까?"
- 구현 어려움
- "작동하지 않으면 어떡하지?"
처리 방법: FAQ 섹션, 보장, 비교 콘텐츠, 프로세스 투명성
7. 마찰 지점
찾을 것:
- 너무 많은 폼 필드
- 불명확한 다음 단계
- 혼란스러운 내비게이션
- 필수가 아니어야 하는 필수 정보
- 모바일 경험 문제
- 긴 로드 시간
출력 형식
추천을 다음 구조로 정리하세요.
빠른 성과(지금 구현)
쉽고 즉각적인 영향이 날 가능성이 높은 변경.
고영향 변경(우선순위)
더 많은 노력이 필요하지만 전환을 크게 개선할 변경.
테스트 아이디어
가정하지 말고 A/B 테스트할 가치가 있는 가설.
카피 대안
핵심 요소(헤드라인, CTA)에 대해 근거가 있는 2-3개 대안을 제공합니다.
페이지별 프레임워크
홈페이지 CRO
- 차가운 방문자를 위한 명확한 포지셔닝
- 가장 흔한 전환으로 가는 빠른 경로
- "구매 준비 완료"와 "아직 조사 중" 모두 처리
랜딩 페이지 CRO
- 트래픽 소스와 메시지 일치
- 단일 CTA(가능하면 내비게이션 제거)
- 한 페이지에서 완결된 논증
가격 페이지 CRO
- 명확한 요금제 비교
- 추천 요금제 표시
- "어떤 요금제가 내게 맞나?" 불안 처리
기능 페이지 CRO
- 기능을 혜택에 연결
- 사용 사례와 예시
- 체험/구매로 가는 명확한 경로
블로그 글 CRO
- 콘텐츠 주제와 맞는 맥락형 CTA
- 자연스러운 중단 지점에 인라인 CTA
실험 아이디어
실험을 추천할 때 다음 테스트를 고려하세요.
- 히어로 섹션(헤드라인, 비주얼, CTA)
- 신뢰 신호와 사회적 증거 배치
- 가격 표시
- 폼 최적화
- 내비게이션과 UX
페이지 유형별 종합 실험 아이디어: references/experiments.md를 보세요.
작업별 질문
- 현재 전환율과 목표는 무엇인가요?
- 트래픽은 어디에서 오나요?
- 이 페이지 이후의 가입/구매 흐름은 어떤 모습인가요?
- 사용자 리서치, 히트맵, 세션 녹화가 있나요?
- 이미 무엇을 시도했나요?
관련 스킬
- signup-flow-cro: 문제가 가입 프로세스 자체에 있을 때
- form-cro: 페이지의 폼 최적화가 필요할 때
- popup-cro: 전략의 일부로 팝업을 고려할 때
- copywriting: 페이지 전체 카피 재작성이 필요할 때
- ab-test-setup: 추천 변경을 제대로 테스트할 때
참조 문서
페이지 CRO 실험 아이디어
페이지 유형별로 정리한 A/B 테스트와 실험의 종합 목록입니다.
목차
- 홈페이지 실험(히어로 섹션, 신뢰 & 사회적 증거, 기능 & 콘텐츠, 내비게이션 & UX)
- 가격 페이지 실험(가격 제시, 가격 UX, 반론 처리, 신뢰 신호)
- 데모 요청 페이지 실험(폼 최적화, 페이지 콘텐츠, CTA & 라우팅)
- 리소스/블로그 페이지 실험(콘텐츠 CTA, 리소스 섹션)
- 랜딩 페이지 실험(메시지 일치, 전환 집중, 페이지 길이)
- 기능 페이지 실험(기능 제시, 전환 경로)
- 교차 페이지 실험(사이트 전체 테스트, 내비게이션 테스트)
홈페이지 실험
히어로 섹션
| 테스트 | 가설 |
|---|---|
| 헤드라인 변형 | 구체적 메시지 vs 추상적 메시지 |
| 서브헤드라인 명확성 | 헤드라인을 보조하도록 추가/개선 |
| 첫 화면 CTA | 눈에 띄는 CTA 포함 vs 제외 |
| 히어로 비주얼 형식 | 스크린샷 vs GIF vs 일러스트 vs 영상 |
| CTA 버튼 색상 | 대비와 가시성 테스트 |
| CTA 버튼 텍스트 | "무료 체험 시작" vs "시작하기" vs "데모 보기" |
| 인터랙티브 데모 | 제품으로 방문자를 즉시 참여시킴 |
신뢰 & 사회적 증거
| 테스트 | 가설 |
|---|---|
| 로고 배치 | 히어로 섹션 vs 첫 화면 아래 |
| 히어로 안의 사례 연구 | 결과를 즉시 보여 줌 |
| 신뢰 배지 | 보안, 컴플라이언스, 어워드 추가 |
| 헤드라인의 사회적 증거 | "1만 개 이상의 팀이 함께" 메시지 |
| 추천사 배치 | 첫 화면 vs 전용 섹션 |
| 영상 추천사 | 텍스트 인용보다 더 참여도가 높음 |
기능 & 콘텐츠
| 테스트 | 가설 |
|---|---|
| 기능 제시 | 아이콘 + 설명 vs 상세 섹션 |
| 섹션 순서 | 높은 가치 기능을 위로 이동 |
| 보조 CTA | 페이지 전반에 추가/제거 |
| 혜택 vs 기능 중심 | 결과를 먼저 제시 |
| 비교 섹션 | 경쟁사 또는 현 상태와 비교 표시 |
내비게이션 & UX
| 테스트 | 가설 |
|---|---|
| 고정 내비게이션 | CTA가 있는 지속 nav |
| Nav 메뉴 순서 | 우선순위 높은 항목을 가장자리로 |
| Nav CTA 버튼 | nav에 눈에 띄는 버튼 추가 |
| 지원 위젯 | 라이브 채팅 vs AI 챗봇 |
| Footer 최적화 | 더 명확한 보조 전환 |
| 이탈 의도 팝업 | 떠나는 방문자 포착 |
가격 페이지 실험
가격 제시
| 테스트 | 가설 |
|---|---|
| 연간 vs 월간 표시 | 절감액 강조 또는 단순화 |
| 가격 포인트 | $99 vs $100 vs $97 심리 |
| "가장 인기" 배지 | 타깃 요금제 강조 |
| 티어 수 | 보이는 옵션 3개 vs 4개 vs 2개 |
| 가격 앵커링 | 기대치를 고정하도록 요금제 순서 조정 |
| 맞춤 엔터프라이즈 티어 | 표시 vs "영업팀 문의" |
가격 UX
| 테스트 | 가설 |
|---|---|
| 가격 계산기 | 사용량 기반 가격 명확화 |
| 안내형 가격 흐름 | 다단계 마법사 vs 비교 표 |
| 기능 비교 형식 | 표 vs 펼침 섹션 |
| 월간/연간 토글 | 절감액 강조와 함께 |
| 요금제 추천 퀴즈 | 방문자의 선택 도움 |
| checkout 흐름 길이 | 요금제 선택 후 필요한 단계 |
반론 처리
| 테스트 | 가설 |
|---|---|
| FAQ 섹션 | 가격 반론 처리 |
| ROI 계산기 | 비용 대비 가치 시연 |
| 환불 보장 | 눈에 띄는 배치 |
| 사용자당 비용 분해 | 팀 요금제 명확화 |
| 기능 포함 범위 명확화 | 각 티어에 무엇이 포함되는지 |
| 경쟁사 비교 | 나란히 가치 비교 |
신뢰 신호
| 테스트 | 가설 |
|---|---|
| 가치 추천사 | ROI에 대한 구체적 인용 |
| 고객 로고 | 가격 섹션 근처 |
| 리뷰 점수 | G2/Capterra 평점 |
| 사례 연구 스니펫 | 구체적 가격/가치 결과 |
데모 요청 페이지 실험
폼 최적화
| 테스트 | 가설 |
|---|---|
| 필드 수 | 적은 필드가 더 높은 완료율 |
| 다단계 vs 단일 단계 | 진행률 바가 완료를 격려 |
| 폼 배치 | 첫 화면 vs 콘텐츠 뒤 |
| 전화번호 필드 | 포함 vs 제외 |
| 필드 보강 | 자동 채움 가능한 필드 숨김 |
| 폼 라벨 | 필드 안 vs 위 |
페이지 콘텐츠
| 테스트 | 가설 |
|---|---|
| 폼 위 혜택 | 요청 전에 가치 강화 |
| 데모 미리보기 | 데모 경험을 보여 주는 영상/GIF |
| "배울 내용" | 기대치 명확화 |
| 폼 근처 추천사 | 의사결정 지점의 마찰 감소 |
| 폼 아래 FAQ | 흔한 반론 처리 |
| 영상 vs 텍스트 | 가치 설명 형식 |
CTA & 라우팅
| 테스트 | 가설 |
|---|---|
| CTA 텍스트 | "데모 예약" vs "15분 통화 예약" |
| 온디맨드 옵션 | 라이브 옵션과 즉시 데모 병행 |
| 개인화 메시징 | 방문자 데이터/소스 기반 |
| 내비게이션 제거 | 페이지 산만함 감소 |
| 캘린더 통합 | 인라인 예약 vs 외부 링크 |
| 자격 라우팅 | 일부는 셀프서비스, 일부는 영업팀 |
리소스/블로그 페이지 실험
콘텐츠 CTA
| 테스트 | 가설 |
|---|---|
| 플로팅 CTA | 블로그 글의 고정 CTA |
| CTA 배치 | 인라인 vs 글 끝만 |
| 읽는 시간 표시 | 예상 읽기 시간 |
| 관련 리소스 | 글 끝 추천 |
| 게이트 vs 무료 | 콘텐츠 접근 전략 |
| 콘텐츠 업그레이드 | 글 주제에 특화 |
리소스 섹션
| 테스트 | 가설 |
|---|---|
| 내비게이션/필터링 | 관련 콘텐츠를 더 쉽게 찾음 |
| 검색 기능 | 특정 리소스 찾기 |
| 추천 리소스 | 최고의 콘텐츠 강조 |
| 레이아웃 형식 | 그리드 vs 리스트 보기 |
| 주제 번들 | 테마별 리소스 그룹 |
| 다운로드 추적 | 일부 게이트, 참여 추적 |
랜딩 페이지 실험
메시지 일치
| 테스트 | 가설 |
|---|---|
| 헤드라인 일치 | 광고 카피와 정확히 일치 |
| 비주얼 일치 | 광고 크리에이티브와 일치 |
| 제안 정렬 | 광고가 약속한 것과 같은 제안 |
| 청중별 페이지 | 세그먼트별 다른 페이지 |
전환 집중
| 테스트 | 가설 |
|---|---|
| 내비게이션 제거 | 하나에 집중한 페이지 |
| CTA 반복 | 페이지 전반의 여러 CTA |
| 폼 vs 버튼 | 직접 수집 vs 클릭 후 이동 |
| 긴급성/희소성 | 진짜일 때 메시지 테스트 |
| 사회적 증거 밀도 | 양과 배치 |
| 영상 포함 | 영상으로 제안 설명 |
페이지 길이
| 테스트 | 가설 |
|---|---|
| 짧음 vs 김 | 빠른 전환 vs 완전한 논증 |
| 첫 화면만 | 최소 스크롤 |
| 섹션 순서 | 가장 중요한 콘텐츠 먼저 |
| Footer 제거 | 내비게이션 제거 |
기능 페이지 실험
기능 제시
| 테스트 | 가설 |
|---|---|
| 데모/스크린샷 | 작동 중인 기능 보여 주기 |
| 사용 사례 예시 | 고객이 사용하는 방법 |
| 전/후 | 영향 시각화 |
| 영상 walkthrough | 기능 투어 |
| 인터랙티브 데모 | 가입 없이 기능 체험 |
전환 경로
| 테스트 | 가설 |
|---|---|
| 체험 CTA | 기능별 체험 제안 |
| 관련 기능 | 다른 기능으로 교차 링크 |
| 비교 | 경쟁사 버전과 비교 |
| 가격 언급 | 관련 요금제와 연결 |
| 사례 연구 링크 | 기능별 성공 사례 |
교차 페이지 실험
사이트 전체 테스트
| 테스트 | 가설 |
|---|---|
| 채팅 위젯 | 전환 영향 |
| 쿠키 동의 UX | 마찰 최소화 |
| 페이지 로드 속도 | 성능 vs 기능 |
| 모바일 경험 | 반응형 최적화 |
| 접근성 | 전환 영향 |
| 개인화 | 세그먼트별 동적 콘텐츠 |
내비게이션 테스트
| 테스트 | 가설 |
|---|---|
| 메뉴 구조 | 정보 아키텍처 |
| 검색 배치 | 방문자가 콘텐츠를 찾도록 도움 |
| nav 안의 CTA | 항상 보이는 전환 경로 |
| Breadcrumbs | 내비게이션 명확성 |