쇼핑몰 운영
쇼핑몰 상세페이지 구성 순서 — 첫 화면부터 구매 버튼까지
쇼핑몰 상품 상세페이지를 어떤 순서로 구성하면 끝까지 읽히는지, 구간마다 무엇을 넣고 무엇을 빼야 하는지 정리했습니다.
· 캐스톤AI
상세페이지는 위에서부터 읽힌다
상세페이지를 보는 손님은 대부분 휴대폰으로, 위에서부터 손가락으로 내리며 봅니다. 마음에 들지 않으면 몇 번 내리다가 바로 나갑니다. 그래서 상세페이지는 정보를 많이 담는 것보다, 손님이 궁금해하는 순서대로 답을 놓는 것이 중요합니다. 아래는 많은 상품에 두루 맞는 기본 순서입니다.
| 순서 | 구간 | 손님의 질문 |
|---|---|---|
| 1 | 첫 화면 | 이게 뭐고, 나한테 왜 필요한가 |
| 2 | 공감 | 내가 겪는 그 불편을 알고 있나 |
| 3 | 핵심 특징 | 다른 상품과 무엇이 다른가 |
| 4 | 근거 | 그 말을 믿어도 되나 |
| 5 | 사용 장면 | 내가 쓰면 어떤 모습일까 |
| 6 | 구성과 옵션 | 정확히 무엇을 받나 |
| 7 | 자주 묻는 질문 | 사기 전에 걸리는 것 |
| 8 | 배송, 교환, 환불 | 문제가 생기면 어떻게 하나 |
1. 첫 화면 — 한 문장과 한 장의 사진
첫 화면에서는 상품이 무엇이고 누구에게 좋은지를 한 문장으로 말해야 합니다. 상품명만 크게 쓰기보다 「아침마다 머리 말리는 시간을 줄여 주는 드라이기」처럼 손님이 얻는 것을 앞에 둡니다. 사진은 상품이 가장 잘 보이는 한 장을 크게 씁니다.
2. 공감 — 문제부터 꺼낸다
바로 기능 설명으로 들어가기보다, 손님이 겪는 불편을 먼저 짚어 주면 「내 얘기다」 하며 계속 읽게 됩니다. 두세 줄이면 충분합니다. 길어지면 오히려 건너뜁니다.
3. 핵심 특징 — 세 가지로 좁힌다
장점이 열 가지여도 손님이 기억하는 것은 두세 가지입니다. 가장 중요한 특징 세 가지를 골라 구간 하나에 하나씩, 사진과 짧은 설명으로 보여 주세요. 「고급 소재」 같은 말보다 「물세탁해도 줄지 않는 면」처럼 손님이 바로 이해할 수 있는 결과로 적습니다.
4. 근거 — 사실만 적는다
소재, 원산지, 시험 결과, 실제 후기처럼 확인할 수 있는 근거를 보여 줍니다. 인증이나 시험 결과는 받은 범위 그대로 적고, 근거가 없는 효과나 과장된 표현은 쓰지 않아야 합니다. 판매 채널마다 금지하는 표현과 표시 기준이 있으니 올리기 전에 확인하세요.
5~6. 사용 장면과 구성
손님이 실제로 쓰는 모습을 보여 주면 크기와 쓰임새를 한 번에 이해합니다. 그다음에 구성품, 옵션별 차이, 크기와 무게를 표로 정리합니다. 옵션이 여러 개라면 「어떤 분께 어떤 옵션이 맞는지」를 함께 적어 주면 고르는 시간이 줄어듭니다.
7~8. 자주 묻는 질문과 배송·교환
문의 게시판에 반복해서 들어오는 질문은 상세페이지에 미리 답해 두는 것이 가장 좋은 응대입니다. 배송 기간, 교환과 환불 조건은 마지막에 분명하게 적습니다. 상품 정보 제공 고시 항목(제조자, 원산지, 크기 등)은 판매 채널이 정한 칸에 빠짐없이 채워야 합니다.
만들 때 기억할 것
- 휴대폰 화면에서 글씨가 충분히 큰지 직접 열어 확인합니다.
- 한 구간에는 한 가지 이야기만 담습니다.
- 글을 이미지 안에 넣었다면, 같은 내용을 상품 설명 글로도 적어 두면 검색과 접근성에 도움이 됩니다.
- 가격이나 구성이 바뀌면 상세페이지의 해당 구간도 함께 고칩니다.
캐스톤의 DetailPage에서는 상품 정보와 사진으로 상세페이지 초안을 만들고, 구간별로 고쳐 긴 이미지 한 장으로 내보낼 수 있습니다.
DetailPage 바로가기