상세페이지 카피·이미지. 모바일 첫 3초

파이

업데이트 2026년 5월 20일

상세페이지가 셀러 매출의 60%를 결정해요. 같은 광고비를 써도 상세페이지가 좋으면 전환율 10%, 안 좋으면 1%. 10배 차이가 나요. 그 차이의 90%는 모바일 첫 화면 3초에서 결정돼요.

손님이 페이지를 보는 순서

손님이 상세페이지 들어와서 실제로 어떻게 행동하는지 (히트맵 데이터 기반):

1. 0～3초 첫 화면 (메인 이미지 + 한 줄 카피). 70%가 여기서 이탈
2. 3～10초 가격 + 후기 평점 확인
3. 10～30초 상세 정보·옵션·배송
4. 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 테스트로 전환율 누적 개선

자주 묻는 질문

Q. 모바일 상세페이지 첫 화면에는 무엇을 넣어야 하나요?

큰 사진, 한 줄 핵심 가치, 신뢰 신호, 가격과 구매 버튼이에요. 손님은 0~3초에 보는 첫 화면에서 가장 많이 빠져나가니, 메인 이미지와 한 줄 카피에 핵심을 다 담아야 해요.

Q. 상세페이지 한 줄 카피는 어떻게 쓰나요?

손님의 문제를 풀어 주는 말로 30자 안에 써요. '프리미엄 천연 식물성 비누 무방부제' 같은 셀러 언어 대신 '민감 피부도 가려움 없이, 무방부제 천연 비누'처럼 손님이 쓰는 말로 바꾸세요.

Q. 상세페이지 본문은 어떤 순서로 짜나요?

공감, 약속, 증명, CTA와 안심 4단계예요. 손님의 문제에 공감하고 우리가 어떻게 다른지 약속한 뒤, 성분표·후기·Before/After로 증명하고 환불 보장과 도착일 안내로 결제 망설임을 줄여요.

Q. 상세페이지 이미지와 글 비율은 어느 정도가 좋나요?

이미지 70%, 텍스트 30%가 일반적이에요. 모바일에서는 이미지 중심으로 짜고, 글은 큰 글자로 한 줄씩 끊어 이미지 위에 얹으면 스크롤하면서 읽기 쉬워요.

Q. 스마트스토어 같은 마켓플레이스 상세페이지도 A/B 테스트를 할 수 있나요?

직접 A/B 테스트는 못 해요. 대신 버전을 매주 바꿔 가며 데이터를 비교할 수 있어요. 자사몰은 카페24·식스샵·쇼피파이 내장 기능이나 VWO·Optimizely로 메인 사진, 한 줄 카피, CTA 버튼을 나눠 시험해요.