상세페이지
상세페이지 카피·이미지. 모바일 첫 3초
상세페이지가 셀러 매출의 60%를 결정해요. 같은 광고비를 써도 상세페이지가 좋으면 전환율 10%, 안 좋으면 1%. 10배 차이가 납니다. 그 차이의 90%는 모바일 첫 화면 3초에서 결정돼요.
손님이 페이지를 보는 순서
손님이 상세페이지 들어와서 실제로 어떻게 행동하는지 (히트맵 데이터 기반):
- 0~3초 첫 화면 (메인 이미지 + 한 줄 카피). 70%가 여기서 이탈
- 3~10초 가격 + 후기 평점 확인
- 10~30초 상세 정보·옵션·배송
- 30초+ 결제 → 또는 이탈
→ 첫 화면 3초에 손님을 잡지 못하면 나머지는 거의 안 봐요.
첫 화면(메인 이미지) 설계 공식
[큰 사진] + [한 줄 핵심 가치] + [신뢰 신호] + [가격 + CTA]
1. 큰 사진. 1장이지만 핵심을 다 담음
- 상품이 단독으로. 배경은 흰색/단색
- 사용 상황. 누가, 어디서, 어떻게 쓰는지
- 디테일. 재질·구조의 차별점
- 비교. Before/After, 경쟁 상품 대비
→ 보통 4~6장 슬라이드로 구성, 첫 장이 가장 중요
2. 한 줄 핵심 가치
페르소나의 문제를 해결하는 한 줄. 30자 이내.
- ❌ "프리미엄 천연 식물성 비누 무방부제" (셀러 언어)
- ✅ "민감 피부도 가려움 없이, 무방부제 천연 비누" (페르소나 언어)
3. 신뢰 신호
- ⭐ 평점 4.8 (후기 532개)
- 누적 판매 1만+
- 인증 마크 (HACCP·FDA·KC 등)
- 미디어 노출 (있다면)
4. 가격 + CTA
- 정상가 → 할인가 (할인 표시)
- "오늘 구매하면 X시간 안에 도착" 같은 시간 압박
본문 구조. 4단계
첫 화면 통과한 손님을 결제까지 끌고 가는 구조.
단계 1. 공감 (페르소나의 문제)
"이런 분 계신가요?. 민감 피부라 비누 고르기 힘드신 분, 사용해본 무방부제 비누도 가렵게 느끼시는 분..."
단계 2. 약속 (우리가 어떻게 다른가)
"이 한 가지를 빼고 만들었어요. 합성 보존제 0%"
단계 3. 증명 (왜 이게 진짜인가)
- 제조 방식 / 성분표 / 실험 데이터
- 인플루언서·전문가 사용 후기
- 일반 후기 5~10개 캡처
- Before/After 사진
단계 4. CTA + 안심 (결제 망설임 제거)
- "100% 환불 보장"
- "오늘 주문 시 X일 도착"
- "1+1 또는 사은품 (있다면)"
이미지 vs 텍스트 비율
모바일 상세페이지는 텍스트보단 이미지 중심.
- 이미지 70% / 텍스트 30%이 일반적 비율
- 텍스트는 큰 글자 + 한 줄씩 (스크롤하며 읽기 쉽게)
- 이미지에 텍스트 오버레이. 영상보다 빨리 인식
카피 작성 원칙. Tier 1 톤
1. 숫자로 구체화
- ❌ "오래가는 배터리"
- ✅ "한 번 충전 14시간, 매일 1시간 써도 2주 충전 X"
2. 소비자 언어
- ❌ "고성능 모터로 강력한 흡입력"
- ✅ "고양이털 한 번에 빨아들이는 흡입력"
3. 반박 가능한 의문 미리 답함
상세페이지에 자주 보이는 의문. "정말 환불 돼?", "배송 깨지면?", "다른 색 있나?". 미리 답해놓으면 결제 망설임이 줄어요.
A/B 테스트 운영
상세페이지는 한 번 만들고 끝이 아니에요. 정기적으로 A/B 테스트 굴리세요.
- 첫 화면 메인 사진 2~3종 비교
- 한 줄 카피 변형
- CTA 버튼 색·문구
- 가격 표시 방식 (정상가/할인가 vs 할인율 강조)
자사몰은 카페24·식스샵·쇼피파이 내장 기능 또는 VWO·Optimizely. 마켓플레이스는 직접 A/B 못 하지만 버전을 매주 바꿔서 데이터 비교 가능.
핵심 요약
- 첫 화면 3초 = 매출의 70% 결정. 큰 사진 + 한 줄 카피 + 신뢰 + 가격/CTA
- 본문은 공감 → 약속 → 증명 → CTA 4단계
- 이미지 70% / 텍스트 30%, 모바일 우선
- 카피는 숫자 + 소비자 언어 + 반박 미리 답함
- 정기적 A/B 테스트로 전환율 누적 개선