상품 상세페이지 직접 만들기: 오늘 저녁 2시간으로 완성하는 단계별 가이드
상세페이지를 처음 만들어보는 쇼핑몰 운영자들이 가장 많이 하는 말은 "뭘 먼저 써야 할지 모르겠다"는 것이다. 실제로 제품 사진은 있고 판매 의지도 있는데, 막상 빈 화면 앞에 앉으면 손이 멈춘다. 이 글은 그 막막함을 해소하기 위해 썼다. 디자인 툴 경험이 없어도, 카피라이터가 아니어도, 오늘 저녁 2시간 안에 실제로 올릴 수 있는 상세페이지 초안을 만드는 것이 목표다.
대상 독자는 처음 쇼핑몰을 시작하거나 기존 상품의 상세페이지를 직접 개선하고 싶은 운영자다. 소요 시간은 기획 30분, 카피 작성 45분, 이미지 배치 및 점검 45분으로 총 약 2시간을 기준으로 한다.
1단계: 상세페이지 구조 기획하기 (30분)
상세페이지는 방문자가 위에서 아래로 스크롤하면서 "이게 나한테 필요한 물건인가"를 판단하는 흐름이다. 이 흐름을 역순으로 설계하면 실패하는 경우가 많다. 먼저 구매 결정을 방해하는 질문들을 나열한 뒤, 그 질문에 순서대로 답하는 구조로 잡는 것이 일반적이다.
기본 5단 구조 (권장)
| 순서 | 섹션 이름 | 역할 | 분량 기준 | |------|-----------|------|-----------| | 1 | 대표 이미지 + 한 줄 핵심 메시지 | 첫 3초 안에 관심 유도 | 이미지 1~2장 | | 2 | 문제 제기 / 공감 | "이런 불편함 있으셨죠?" | 2~3문장 | | 3 | 제품 소개 + 차별점 | 기능·소재·성분 등 핵심 정보 | 이미지 3~5장 + 텍스트 | | 4 | 사용 방법 / 활용 예시 | 구매 후 어떻게 쓰는지 | 이미지 또는 단계 설명 | | 5 | 신뢰 요소 + 구매 유도 | 후기, 인증, 배송 안내 | 간결하게 |
이 구조를 종이에 손으로 먼저 그려보는 것이 좋다. 툴을 열기 전에 "어느 칸에 무슨 내용이 들어갈지"를 확정해두면 이후 작업 속도가 눈에 띄게 빨라진다.
1단계 실전 예시 — 여름용 쿨링 베개 커버 상품
- 섹션 1: 베개 커버를 댄 순간 서늘한 느낌이 전달되는 클로즈업 이미지 + "잠들기 전 5분이 달라집니다"
- 섹션 2: "열대야에 뒤척이다 결국 에어컨을 켜본 적 있으신가요?"
- 섹션 3: 소재(냉감 나일론 65% + 폴리에스터 35%), 세탁 방법, 사이즈 호환 정보
- 섹션 4: 베개에 씌우는 3단계 영상 캡처 이미지
- 섹션 5: 실제 구매 후기 3건 + KC 인증 마크 + 무료 반품 안내
2단계: 카피 직접 쓰기 (45분)
카피는 "잘 쓰는 것"보다 "명확하게 쓰는 것"이 먼저다. 소비자가 상세페이지를 읽는 평균 시간은 짧다. 긴 문장보다 짧고 구체적인 문장이 더 잘 읽힌다.
핵심 메시지(헤드라인) 작성 공식
[대상] + [구체적 상황] + [결과/혜택]
예시 3안 (쿨링 베개 커버 기준):
- "열대야 밤, 뒤척임 없이 아침까지 — 냉감 베개 커버"
- "닿는 순간 2도 낮아지는 느낌, 여름 수면의 기준을 바꿉니다"
- "에어컨 없이도 시원한 잠자리, 소재부터 다릅니다"
세 안 중 하나를 고를 때는 내 브랜드 톤에 맞는 것으로 선택한다. 감성적 브랜드라면 2안, 기능 중심 브랜드라면 3안이 자연스럽다.
본문 카피 작성 팁
- 문장은 한 줄에 하나의 정보만 담는다.
- 소재·성분 설명은 "왜 좋은지"로 연결한다. ("냉감 나일론 소재" → "냉감 나일론 소재라 피부에 닿는 순간 열을 흡수합니다")
- 수치가 있으면 반드시 넣는다. ("세탁 횟수 30회 이후에도 냉감 유지 테스트 통과" 같은 표현)
- 구매를 망설이게 하는 질문을 미리 꺼내서 답한다. ("혹시 사이즈가 안 맞을까봐 걱정되신다면 → 50×70cm, 60×40cm 두 가지 사이즈 제공")
3단계: 이미지 배치 및 최종 구성 (45분)
카피가 완성되면 이미지와 텍스트를 실제 편집 툴에 배치한다. 미리캔버스, 망고보드, 또는 Canva 같은 무료 툴로도 충분하다. 포토샵이나 일러스트레이터가 없어도 된다.
이미지 배치 원칙
- 세로 스크롤 기준, 한 화면(모바일 기준 약 800px 높이)에 하나의 메시지만 담는다.
- 텍스트는 이미지 위에 올리지 않는 것이 원칙이다. 텍스트가 이미지와 겹치면 가독성이 급격히 떨어진다.
- 배경이 복잡한 사진은 누끼(배경 제거) 처리 후 단색 배경과 함께 사용한다.
- 폰트는 2가지 이하로 제한한다. 헤드라인용 1개, 본문용 1개.
실전 배치 순서
- 섹션 1 대표 이미지 → 상단에 배치, 여백 넉넉하게
- 섹션 2 공감 문구 → 텍스트만으로 구성해도 충분
- 섹션 3 제품 상세 → 이미지 + 짧은 설명 텍스트 교차 배치
- 섹션 4 사용법 → 번호 붙인 단계 이미지 또는 인포그래픽
- 섹션 5 신뢰 요소 → 후기 캡처 이미지 or 인증 마크 + 배송 정책 텍스트
완성 후 반드시 모바일 미리보기로 확인한다. 대부분의 구매는 모바일에서 이루어지는 경우가 많기 때문에, PC에서 보기 좋아도 모바일에서 글자가 잘리거나 이미지가 깨지면 전환율에 직접적인 영향을 준다.
흔한 실수와 최종 점검 체크리스트
처음 상세페이지를 만들 때 반복적으로 나타나는 실수 유형이 있다. 업로드 전 아래 체크리스트를 한 번 훑어보는 것만으로도 완성도가 크게 달라진다.
자주 하는 실수
- 제품 스펙만 나열하고 "왜 좋은지"를 설명하지 않음
- 이미지 해상도가 낮아 확대 시 흐릿하게 보임 (권장: 가로 최소 800px 이상)
- 배송 정보, 교환/반품 안내가 없거나 찾기 어려운 위치에 있음
- 폰트 크기가 너무 작아 모바일에서 읽기 어려움 (본문 최소 14px 이상 권장)
- 헤드라인이 없고 첫 화면부터 스펙 표로 시작함
업로드 전 최종 체크리스트
- [ ] 첫 화면에 핵심 메시지(헤드라인)가 명확하게 보이는가
- [ ] 제품의 차별점이 경쟁 제품과 비교해 설명되어 있는가
- [ ] 모든 이미지가 모바일에서 깨지지 않고 선명하게 보이는가
- [ ] 텍스트와 이미지가 겹치는 구간이 없는가
- [ ] 배송 기간, 교환/반품 조건이 명시되어 있는가
- [ ] 구매를 망설이게 하는 주요 질문(사이즈, 소재, 세탁법 등)에 답하고 있는가
- [ ] 신뢰 요소(후기, 인증, 브랜드 소개)가 최소 1가지 이상 포함되어 있는가
- [ ] 모바일 미리보기로 전체 스크롤을 확인했는가
상세페이지는 한 번 잘 만들어두면 광고비보다 오래 일한다. 처음 만드는 페이지가 완벽할 필요는 없다. 오늘 초안을 올리고, 2주 후 클릭률과 전환율 데이터를 보면서 한 섹션씩 수정해가는 것이 현실적인 방법이다. 같은 상세페이지 제작 작업을 여러 상품에 반복해야 하는 상황이라면, ADTO.AI 같은 자동화 도구를 검토해보는 것도 시간을 아끼는 방법이다.