랜딩 페이지 CRO

마케팅중급

HTML/React 코드를 분석하여 CTA 배치, 폼 구조, 사회적 증거, 로딩 속도 요소, 모바일 최적화 등 전환율에 영향을 미치는 요소를 점검합니다.

트리거/cro

사용빈도월 1-2회

프로덕트 마케터라면? 새 랜딩 페이지 런칭 전 /cro로 전환율 체크

그로스 PM라면? 전환율이 낮은 페이지의 구조적 문제를 빠르게 진단

CRO전환율랜딩 페이지UX

작동 흐름

/cro [파일] 실행 → 페이지 코드 분석

↓

Phase 1: 4개 점검 병렬

cta-audit

CTA 배치/문구 분석

trust-check

신뢰 요소 점검

form-analyze

폼 UX 분석

mobile-check

모바일 최적화 확인

↓

전환율 점수 산정 + 우선순위 정렬

↓

✓ CRO 점수 + 개선 액션 리스트

스킬 코드

# Landing Page CRO Audit Skill
## Trigger: /cro [file]

When invoked on a landing page file:

1. Analyze page structure for conversion elements:

**Above the Fold:**
- Clear value proposition? (H1 clarity)
- CTA visible without scrolling?
- Hero image/video relevant?

**Trust Elements:**
- Social proof (testimonials, logos, numbers)
- Security badges / guarantees
- Case studies or results

**Form Analysis:**
- Number of fields (fewer = higher conversion)
- Field labels clear?
- Error handling present?
- Progress indicator for multi-step?

**CTA Analysis:**
- Button contrast ratio
- Action-oriented text (not "Submit")
- Number of CTAs (too many = confusion)

**Mobile:**
- Responsive layout
- Touch target sizes (min 44px)
- Font readability (min 16px)

2. Output format:
---
## 📊 CRO Audit Report — Score: [X/100]

### 🔴 Critical Issues
- [issue + specific HTML fix]

### 🟡 Quick Wins
- [improvement + expected impact]

### 🟢 What's Working
- [positive elements to keep]

### Recommended A/B Tests
1. [test hypothesis + expected lift]
---

복사해서 CLAUDE.md에 붙여넣으면 바로 사용할 수 있습니다.