개요
page-cro란 무엇인가요?
page-cro는 마케팅 페이지를 분석해 전환율을 높일 수 있는 실질적인 방법을 제안하는 CRO(Conversion Rate Optimization) 스킬입니다. 홈페이지, 캠페인 랜딩 페이지, 가격 페이지, 기능 소개 페이지, 데모 요청 페이지, 그리고 리드나 가입을 만들어내야 하는 리소스/블로그 글 등과 같은 페이지에 초점을 맞춥니다.
page-cro는 모호한 피드백 대신 구조화된 CRO 프레임워크를 사용합니다. 가치 제안의 명확성, 헤드라인과 메시지, CTA(Call to Action), 시각적 위계, 신뢰 신호, 잠재 고객의 반대·우려, 마찰 지점, 페이지 유형별 패턴 등을 검토합니다. 결과물은 빠른 개선점, 고임팩트 변경사항, 테스트 아이디어처럼 명확한 섹션으로 정리됩니다.
page-cro는 어떤 사람에게 적합한가요?
다음과 같은 경우 page-cro가 잘 맞습니다:
- 가입·데모 요청·체험 신청·구매·구독 등을 이끌어내야 하는 마케팅 페이지를 보유하거나 운영하는 경우
- Google Ads, Meta Ads 등 유료 트래픽을 집행 중인데 랜딩 페이지와 메시지 매칭이 잘 안 된다고 느끼는 경우
- 구조화된 추천과 A/B 테스트 아이디어가 필요한 마케터·창업자·PM·CRO 전문가인 경우
- 여러 제품·캠페인·시장에 걸쳐 반복 가능하게 페이지를 리뷰하는 방식이 필요한 경우
특히 다음과 같은 말을 자주 듣거나 한다면 유용합니다:
- "이 랜딩 페이지는 전환이 안 돼요"
- "이탈률이 너무 높아요"
- "사람들이 가입을 안 하고 그냥 나가요"
- "메인 요금제를 아무도 안 선택해요"
- "홈페이지 트래픽은 늘어났는데 전환은 그대로예요"
page-cro는 어떤 문제를 해결하나요?
page-cro는 다음을 도와줍니다:
- 트래픽은 있는데 전환이 안 되는 마케팅 페이지의 원인을 진단
- "랜딩 페이지가 별로다" 같은 막연한 불만을 명확한 CRO 진단으로 전환
- 영향도에 따라 변경사항 우선순위화: 빠른 수정 vs. 구조 개편 vs. 실험
- 뻔한 조언 대신 구체적인 헤드라인·CTA 대안을 생성
- 홈페이지, 가격 페이지, 데모 요청 페이지 등 페이지 유형에 맞춘 A/B 테스트 아이디어 브레인스토밍
page-cro는 시각 디자인 도구나 분석 플랫폼이 아닙니다. 대신, 이미 가지고 있는 컨텍스트와 트래픽 데이터를 활용해 변경사항을 제안해 주는 "전문 CRO 리뷰어"처럼 여러분의 워크플로우에 들어옵니다.
다른 CRO 스킬과 비교했을 때, 언제 page-cro를 써야 하나요?
page-cro 스킬은 방문자를 리드 또는 고객으로 전환시키는 것이 주된 역할인 개별 페이지용으로 설계되었습니다. 핵심 문제가 "이 마케팅 페이지에 트래픽은 오는데 전환이 안 나온다"인 경우 사용하세요.
특화된 플로우에는 다음 관련 스킬을 사용하세요:
- 가입·회원가입 플로우:
signup-flow-cro - 가입 이후 온보딩·활성화:
onboarding-cro - 회원가입 외 별도 폼(예: 문의 폼):
form-cro - 팝업·모달(이탈 방지, 리드 캡처 오버레이 등):
popup-cro
애매하다면, 명확한 전환 목표가 있는 마케팅 페이지 URL이라면 대부분 page-cro를 기본값으로 써도 무방합니다.
사용 방법
설치 및 설정
page-cro를 에이전트나 스킬 지원 환경에 추가하려면 marketingskills 리포지터리에서 설치하세요:
npx skills add https://github.com/coreyhaines31/marketingskills --skill page-cro
이 명령은 coreyhaines31/marketingskills 리포에서 page-cro 스킬만 가져오며, 메인 설정과 관련 평가·레퍼런스 파일이 함께 포함됩니다.
page-cro 관련 주요 파일:
SKILL.md– page-cro 스킬의 핵심 정의와 동작 방식evals/evals.json– 스킬의 기대 응답을 보여주는 예시 프롬프트와 결과references/experiments.md– 페이지 유형별 CRO 실험 아이디어 라이브러리
설치 후에는 먼저 SKILL.md를 열어 스킬의 역할과 전제 조건을 이해한 다음, evals와 references 폴더를 보면서 사용 방법과 출력 패턴을 파악하세요.
핵심 워크플로우: URL에서 CRO 추천까지
page-cro는 페이지를 리뷰할 때 일관된 워크플로우를 따릅니다:
-
제품 마케팅 컨텍스트 수집
프로젝트에.agents/product-marketing-context.md(또는 이전 세팅의.claude/product-marketing-context.md)가 있다면, 스킬은 먼저 이 파일을 읽도록 설계되어 있습니다. 이를 통해 페이지 평가 전에 포지셔닝, 타깃 고객, 메시지 컨텍스트를 파악합니다. -
페이지 유형과 목표 정의
스킬은 페이지를 다음 중 하나로 분류합니다:- Homepage
- Landing page (예: 캠페인/광고 전용 페이지)
- Pricing page
- Feature page
- Blog/resource page
- About 또는 기타 마케팅 페이지
이어서 주요 전환 목표를 식별합니다. 예를 들어:
- 회원가입 또는 무료 체험 시작
- 데모 요청
- 구매 또는 업그레이드
- 구독(뉴스레터, 콘텐츠 시리즈 등)
- 다운로드(리드 마그넷, 백서)
- 영업팀 문의
-
트래픽 컨텍스트 분석
프롬프트와 제공된 데이터(예: Google Ads, 유기 검색, 이메일 트래픽 등)를 바탕으로, page-cro는 유입 소스와 온페이지 카피 간의 메시지 매칭 여부를 평가하고 이것이 전환에 어떤 영향을 주는지 살펴봅니다. -
CRO 분석 프레임워크 실행
SKILL.md와evals/evals.json예시를 기반으로, page-cro는 다음을 포함하는 구조화된 CRO 관점을 적용합니다:- 가치 제안의 명확성
- 헤드라인 효과
- CTA 문구, 위치, 위계
- 시각적 위계와 집중도
- 신뢰 신호와 소셜 프루프
- 반대·우려(Objection) 처리와 리스크 해소
- 폼·레이아웃·산만한 요소 등 마찰 요소
-
구조화된 추천 출력
evals/evals.json에서 볼 수 있듯이, 결과는 다음과 같은 섹션으로 구성됩니다:- Quick Wins – 바로 적용 가능한 저노력 변경사항
- High-Impact Changes – 카피·레이아웃·구조 측면의 보다 큰 변경
- Test Ideas – 페이지 유형과 트래픽에 맞춘 A/B 테스트 및 실험 아이디어
많은 프롬프트에서 스킬은 추가로 다음도 수행하도록 설계되어 있습니다:
- 광고와 페이지 간 메시지 매칭 문제 지적
- 근거와 함께 2–3개의 헤드라인 또는 CTA 변형안 제안
활용 예시 패턴
evals/evals.json에는 실제에 가까운 프롬프트와 스킬이 어떻게 대응해야 하는지에 대한 예시가 들어 있습니다. 일반적인 사용 패턴은 다음과 같습니다:
-
체험 전환율이 낮은 SaaS 랜딩 페이지
URL과 트래픽 정보를 함께 제공하세요(예: "월 5,000명 Google Ads 트래픽, 체험 가입 1.2%"). 그러면 page-cro가:- 페이지 유형 확인(랜딩 페이지)
- 전환 목표 확인(무료 체험 가입)
- 가치 제안, 헤드라인, CTA 분석
- 빠른 개선점, 구조적 변경, A/B 테스트 아이디어 제안
-
특정 요금제가 과도하게 선택되거나 무시되는 가격 페이지
한 요금제가 지나치게 많이 선택되거나 전혀 선택되지 않는 경우, page-cro는 가격 컨텍스트와references/experiments.md의 실험 아이디어를 활용해 가격 제시 방식, 타깃 요금제 강조, 반대·우려 처리 관련 테스트를 제안합니다. -
리드를 생성해야 하는 블로그/리소스 페이지
전환이 거의 없는 고트래픽 콘텐츠의 경우, page-cro는 콘텐츠 내 CTA, 리드 폼 위치, 주제와 오퍼의 정합성을 평가한 뒤 관련 실험을 제안합니다.
실험 라이브러리 활용하기
references/experiments.md 파일에는 페이지 유형별 CRO 실험 아이디어가 정리되어 있습니다:
- Homepage 실험(히어로 섹션, 신뢰·소셜 프루프, 기능, 내비게이션)
- Pricing page 실험(요금제 레이아웃, 가격 앵커링, 반대·우려 처리)
- Demo request page 실험(폼 마찰, CTA 변형, 라우팅)
- Resource/blog 실험(콘텐츠 CTA, 본문형 vs. 사이드바 오퍼)
- Landing page 실험(메시지 매칭, 전환 집중도, 페이지 길이)
- Feature page 실험(기능 표현 방식, 전환 경로)
- Cross-page 실험(사이트 전반 테스트, 내비게이션 변경)
page-cro는 이 라이브러리를 활용해 다음을 수행할 수 있습니다:
- 특정 페이지 유형에 적합한 실험 테마 제안
- "중간 요금제를 아무도 선택하지 않는다" 같은 문제를 타깃 테스트로 전환
- 피상적인 조언 대신 우선순위가 매겨진 실험 아이디어 로드맵 제공
page-cro가 적합하지 않은 상황
다음과 같은 경우에는 다른 접근을 고려하세요:
- 문제의 초점이 가입 이후 제품 온보딩인 경우 –
onboarding-cro사용 권장 - 단일 마케팅 페이지보다 다단계 가입·결제 플로우에 집중해야 하는 경우 –
signup-flow-cro권장 - 전환 목표 없이 시각 디자인 피드백이나 UI 컴포넌트 단위의 수정만 원하는 경우 – 디자인 특화 스킬이 더 적합할 수 있음
- 아직 트래픽이나 기준이 될 전환 데이터가 전혀 없는 경우 – page-cro는 최소한의 데이터나 명확한 목표가 있을 때 가장 효과적입니다.
FAQ
page-cro는 제 페이지에서 구체적으로 무엇을 보나요?
page-cro는 코드나 픽셀 단위 디자인보다는 전환을 이끄는 요소에 집중합니다. 스킬 정의와 평가 프롬프트에 따라 다음과 같은 부분을 특히 중점적으로 봅니다:
- 첫 화면(above the fold)에서 가치 제안이 얼마나 명확하게 전달되는지
- 헤드라인과 서브헤드라인이 누구를 위한 제품인지, 어떤 결과를 주는지 설명하는지
- CTA의 명확성·가시성·위계
- 광고/유입 소스에서 약속한 메시지와 온페이지 카피 간의 메시지 매칭
- 소셜 프루프, 신뢰 배지, 추천사 위치와 설득력
- 가격·노력·위험 등 잠재 고객의 반대·우려를 어떻게 처리하는지
- 방문자가 행동하기 어렵게 만드는 폼·레이아웃·마찰 요소
page-cro는 Google Ads나 다른 유료 트래픽 캠페인에도 도움이 되나요?
직접적인 캠페인 관리 도구는 아니지만, 간접적으로 도움을 줍니다. page-cro의 evals에는 Google Ads 트래픽 시나리오가 포함되어 있으며, 스킬은 다음을 수행하도록 설계되어 있습니다:
- 유료 트래픽이 도달하는 랜딩 페이지를 식별
- 광고에서 약속하는 메시지와 온페이지 메시지를 비교
- 메시지 불일치를 낮은 전환율의 잠재적 원인으로 지적
- 광고 캠페인과 페이지를 더 잘 맞추기 위한 헤드라인·CTA 변형과 실험 제안
광고 계정을 직접 관리하진 않지만, 페이지 측면의 CRO 추천을 제공해 광고비 효율을 높이는 데 기여합니다.
page-cro는 흔한 랜딩 페이지 팁과 무엇이 다른가요?
page-cro는 명확한 CRO 프레임워크와 evals/evals.json에 정의된 구체적 기대치를 기반으로 만들어졌습니다. 따라서 다음과 같이 동작합니다:
- 항상 페이지 유형, 전환 목표, 트래픽 컨텍스트에서 출발
- 자유 형식 코멘트 대신 구조화된 섹션(Quick Wins, High-Impact Changes, Test Ideas)으로 결과 제공
- 근거와 함께 구체적인 카피 제안(대체 헤드라인·CTA 등) 제공
references/experiments.md의 큐레이션된 실험 라이브러리를 활용해 현실적인 A/B 테스트 제안
덕분에 일반적인 모범 사례 체크리스트보다 실제 CRO 업무에 더 실용적으로 활용할 수 있습니다.
page-cro를 쓰려면 반드시 분석 데이터가 있어야 하나요?
트래픽 규모, 현재 전환율, 트래픽 소스 같은 기본 지표를 제공하면 page-cro의 효과가 가장 높습니다. 하지만 데이터가 없어도 다음은 여전히 가능합니다:
- 페이지 구조와 메시지 전반에 대한 리뷰
- 예상되는 마찰 지점과 이해도 문제 추론
- 초기 변경·테스트 아이디어 세트 제안
"60%가 가장 저렴한 요금제를 선택하고, 30%는 이탈한다"처럼 데이터를 제공하면, 스킬은 이를 진단과 실험 추천에 적극 활용하도록 설계되어 있습니다.
page-cro는 하나의 프로젝트에서 여러 페이지 유형도 처리할 수 있나요?
가능합니다. references/experiments.md는 페이지 유형별로 명확히 정리되어 있고, 스킬 정의에는 추천을 제안하기 전에 페이지 유형을 분류하는 단계가 포함되어 있습니다. 이를 통해 page-cro는:
- 메인 사이트에는 Homepage 전용 실험을 적용하고
- 요금제 페이지에는 Pricing page 특화 아이디어를 쓰며
- 데모 요청 페이지에는 폼·라우팅 관련 실험을 제안하고
- 블로그·리소스 허브에는 콘텐츠 CTA 최적화를 수행합니다.
같은 제품 내 여러 URL은 물론, 서로 다른 제품과 캠페인에서도 반복해서 page-cro를 활용할 수 있습니다.
page-cro의 기대 동작 예시를 더 보려면 어떻게 해야 하나요?
page-cro 디렉터리의 evals/evals.json 파일을 열어보세요. SaaS 랜딩 페이지, 가격 페이지 이슈 등 다양한 샘플 프롬프트와 이에 대한 기대 분석·출력 구조 설명이 들어 있습니다. 이 예시들을 살펴보는 것이, 어떤 식으로 프롬프트를 작성해야 하고 page-cro가 어떤 결과를 반환하는지 이해하는 가장 빠른 방법입니다.