상세페이지 이미지 순서, 사용 장면부터 크기 비교까지 배치법
상세공방 · · 읽는 데 11분 · 조회 8
상세페이지 이미지 순서를 고민하고 계신다면 결론부터 말씀드립니다. 기본 순서는 사용 장면 → 디테일 → 구성 → 크기 비교입니다.
고객이 상품을 보며 떠올리는 질문이 대체로 이 순서이기 때문입니다. 처음에는 "이거 나한테 필요할까?"를 묻습니다. 그다음 "가까이 보면 괜찮을까?", "받으면 뭐가 들어 있지?"를 묻고, 마지막으로 "우리 집에, 내 손에 맞는 크기일까?"를 확인합니다.
이 글에서는 네 종류의 사진을 어떻게 찍고 어디에 둘지 정리합니다. 상품 종류에 따라 순서를 바꿔야 할 때도 예시로 보여 드립니다. 상세페이지 전체 섹션 흐름이 궁금하다면 상세페이지 구성 순서 글을 함께 보세요.
상세페이지 이미지 순서, 왜 '고객 질문 순서'를 따라야 하나요
많은 셀러가 촬영한 순서대로, 또는 잘 나온 사진부터 올립니다. 그러면 예쁜 사진이 앞에 몰리고, 고객이 궁금한 사진은 맨 아래에 묻힙니다.
고객은 상세페이지를 '읽는' 게 아니라 '확인하면서 내려가는' 사람입니다. 지금 궁금한 것에 대한 답이 바로 다음 화면에 없으면 망설이고, 망설이다 뒤로 갑니다.
그래서 사진 순서를 정할 때는 "어떤 사진이 가장 예쁜가"보다 "고객이 지금 이 지점에서 무엇을 궁금해할까"를 먼저 물어야 합니다.
- 1사용 장면
이거 나한테 필요할까? → 쓰는 모습을 보여 줍니다
- 2디테일
품질은 괜찮을까? → 가까이 찍은 사진으로 답합니다
- 3구성
받으면 뭐가 오지? → 들어 있는 것을 한눈에 펼칩니다
- 4크기 비교
나한테 맞을까? → 익숙한 물건 옆에 놓고 찍습니다
순서는 기본형입니다. 상품에 따라 앞뒤를 조정합니다.
이 순서가 자연스러운 이유
처음부터 크기나 구성품을 보여 주면 고객은 아직 그 상품을 원하지 않는 상태입니다. 원하지 않는 물건의 크기는 궁금하지 않습니다.
반대로 사용 장면으로 "갖고 싶다"는 마음이 생기면, 그다음부터는 사진 하나하나가 구매를 확인하는 근거가 됩니다. 순서를 바꾸면 같은 사진도 하는 일이 달라집니다.
첫 번째 사진은 왜 사용 장면이어야 하나요
상세페이지 첫 화면에는 상품이 실제로 쓰이는 모습을 두세요. 흰 배경 단독컷은 썸네일과 목록에서 이미 봤습니다. 상세페이지에 들어온 사람에게 같은 사진을 또 보여 줄 필요는 없습니다.
사용 장면 사진은 "이 상품이 내 생활에서 어떤 모습일지"를 상상하게 해 줍니다. 그 상상이 생겨야 아래 사진을 볼 이유가 생깁니다.
사용 장면은 '누가, 언제, 어디서'가 보여야 합니다
예를 들어 수제 캔들을 판다면, 캔들만 덩그러니 놓인 사진보다 저녁 침실 협탁 위에서 불이 켜진 사진이 낫습니다. 책 한 권, 따뜻한 조명이 함께 있으면 "퇴근 후 쉬는 시간"이라는 장면이 전달됩니다.
반찬이라면 밀폐 용기 속 반찬보다 밥상 위에 담긴 모습이 먼저입니다. 고객이 사는 것은 반찬이 아니라 "차려 먹는 한 끼"이기 때문입니다.
흰 배경에 캔들 하나, 위에 '천연 소이 캔들' 문구
저녁 침실 협탁 위 켜진 캔들과 펼친 책, 위에 '하루 끝, 10분의 쉼' 문구
상품명은 이미 알고 들어왔습니다. 첫 사진은 장면을 팝니다.
첫 화면의 문구와 사진 조합은 상세페이지 첫 화면 글에서 더 자세히 다뤘습니다.
디테일 사진은 몇 장, 어떤 순서로 넣나요
사용 장면 다음에는 디테일컷(상품을 가까이 찍은 사진)을 넣습니다. "좋아 보이는데, 진짜 괜찮을까?"라는 의심에 답하는 구간입니다.
디테일 사진은 3~5장 정도가 무난합니다. 장수보다 중요한 건 사진 한 장에 확인시킬 것 하나를 정하는 것입니다.
디테일은 '소구점 순서'대로 놓으세요
디테일컷은 아무 데나 확대한 사진이 아닙니다. 상품의 강점, 즉 소구점(고객이 사야 할 이유가 되는 특징)을 하나씩 증명하는 사진입니다. 강점이 무엇인지 먼저 정리하고 싶다면 소구점 찾는 법을 참고하세요.
예를 들어 텀블러라면 강점이 보통 보온, 새지 않음, 세척 편함입니다. 그러면 이중 벽 단면, 뚜껑 실리콘 패킹, 분리된 부품 순으로 디테일을 배치합니다.
원단 짜임, 표면 질감, 마감 상태
뚜껑·지퍼·이음새처럼 잘 만든 부분
보온·방수 등 작동하는 모습
다른 제품과 다른 부분을 짚어 줌
강점에 해당하는 유형만 골라 씁니다.
사진마다 짧은 설명을 붙이세요
디테일컷만 연달아 놓으면 고객은 무엇을 보라는 건지 모릅니다. 사진 옆이나 아래에 한 줄로 "여기를 보세요"를 알려 주세요.
발목 부분 확대 사진만 단독으로 배치
같은 사진 + '하루 종일 신어도 흘러내리지 않는 발목 밴드'
설명은 기능이 아니라 고객이 겪는 일로 씁니다.
구성 사진은 어디에, 어떻게 찍어야 하나요
디테일로 품질을 확인했다면 이제 "그래서 뭐가 오는데?"를 궁금해합니다. 이때 구성 사진(받게 되는 것을 한 장에 펼친 사진)을 보여 주세요.
구성 사진이 없으면 고객은 옵션표와 텍스트를 하나하나 읽어야 합니다. 사진 한 장이면 그 수고가 줄어듭니다.
구성 사진은 '펼쳐서, 이름 붙여서'
모든 구성품을 겹치지 않게 펼쳐 놓고 위에서 찍으세요. 그리고 각 구성품 옆에 이름과 수량을 적습니다.
예를 들어 강아지 간식 선물 세트라면 상자, 간식 봉지 3종, 동봉 카드까지 모두 꺼내 펼칩니다. 봉지마다 "닭가슴살 져키 1봉", "고구마 큐브 1봉"처럼 표시하면 고객이 따로 물어볼 일이 줄어듭니다.
- 구성품을 겹치지 않게 펼쳐 위에서 촬영
- 각 구성품에 이름과 수량 표기
- 옵션별로 구성이 다르면 옵션마다 한 장씩
- 포장 상태(상자·쇼핑백)도 함께 보여 주기
- 실제로 안 오는 소품을 함께 찍기
- 구성품이 반쯤 가려진 연출 사진만 쓰기
- '외 다수'처럼 뭉뚱그린 표현
- 상위 옵션 구성을 기본 사진으로 쓰기
연출용 소품이 섞이면 반드시 '구성 미포함'을 표시하세요.
연출 소품과 실제 구성품이 헷갈리면 교환·반품 요청으로 이어지기 쉽습니다. 사용 장면 사진에서는 소품을 써도 되지만, 구성 사진에는 실제로 받는 것만 놓는 게 원칙입니다.
크기 비교 사진은 상세페이지 어디에 두면 좋을까요
크기 비교 사진은 보통 구성 사진 다음, 구매 결정 직전에 둡니다. 이 시점의 고객은 이미 사고 싶은 마음이 있고, 마지막으로 "나한테 맞을까"를 확인하려 합니다.
치수표만으로는 크기가 잘 와닿지 않습니다. 가로 8cm, 높이 10cm라는 숫자를 머릿속에서 바로 그릴 수 있는 사람은 많지 않습니다.
누구나 아는 물건 옆에 놓으세요
크기 비교는 '익숙한 기준'이 핵심입니다. 손, 스마트폰, 종이컵, 500ml 생수병처럼 누구나 크기를 아는 물건 옆에 놓고 찍으세요.
용량 470ml, 높이 18cm, 지름 7cm (텍스트만)
손에 쥔 사진 + 차량 컵홀더에 꽂힌 사진 + 같은 치수 표
사진으로 감을 주고, 치수로 확인시킵니다. 둘 다 넣으세요.
텀블러라면 "컵홀더에 들어가나요?"가 자주 나오는 질문일 겁니다. 그렇다면 크기 비교 사진 자체를 컵홀더에 꽂힌 모습으로 찍는 것이 가장 빠른 답입니다.
상품 종류별로 상세페이지 이미지 순서는 어떻게 달라지나요
기본 순서는 출발점일 뿐입니다. 고객이 가장 먼저, 가장 크게 망설이는 지점이 있다면 그 사진을 앞당기세요.
예를 들어 옷이나 가방은 크기와 핏이 구매를 가르는 질문입니다. 이때는 크기 비교(착용 사진)를 디테일보다 앞에 둡니다. 반대로 반찬처럼 크기보다 맛과 위생이 궁금한 상품은 크기 비교를 짧게 처리해도 됩니다.
| 상품 | 가장 큰 질문 | 추천 순서 |
|---|---|---|
| 수제 캔들 | 어떤 분위기일까 | 사용 장면 → 디테일 → 크기 → 구성 |
| 반찬 | 맛있고 깨끗할까 | 사용 장면 → 디테일(재료·조리) → 구성 |
| 양말 | 편하고 안 늘어날까 | 착용 장면 → 디테일 → 구성(색상) → 크기 |
| 텀블러 | 내 생활에 맞을까 | 사용 장면 → 크기 → 디테일 → 구성 |
| 강아지 간식 | 우리 개가 먹을까 | 급여 장면 → 디테일(원재료) → 크기 → 구성 |
| 가방 | 얼마나 들어갈까 | 착용 장면 → 크기·수납 → 디테일 → 구성 |
가장 큰 질문에 답하는 사진을 두 번째 자리로 당기는 방식입니다.
식품이나 반려동물 간식은 원재료, 표시 사항을 보여 주는 사진이 꼭 필요합니다. 어떤 정보를 어떤 형식으로 표시해야 하는지는 판매 채널의 최신 공지와 관련 표시 기준을 확인하세요.
순서 정하기가 막막하다면 표부터 그리세요
종이에 칸 네 개를 그리고, 갖고 있는 사진을 네 종류로 나눠 넣어 보세요. 빈 칸이 생기면 그게 추가로 찍어야 할 사진입니다.
사진을 분류하고, 칸마다 들어갈 한 줄 설명을 쓰고, 모바일 화면에 맞춰 크기를 맞추는 일은 생각보다 손이 많이 갑니다. 처음 한 번은 틀을 빌려 와서 시작하는 것도 방법입니다.
사진 순서를 정한 뒤 무엇을 점검해야 하나요
순서를 정했다면 휴대폰으로 처음부터 끝까지 내려 보세요. 대부분의 고객이 모바일로 보기 때문에, 컴퓨터 화면에서 괜찮던 흐름이 휴대폰에서는 길고 지루할 수 있습니다.
점검할 것은 크게 두 가지입니다. 비슷한 사진이 반복되지 않는지, 그리고 사진과 사진 사이를 이어 주는 문장이 있는지입니다.
- 비슷한 각도 사진이 연달아 나옴
- 사진마다 설명이 없음
- 구성품이 텍스트로만 적힘
- 치수표가 맨 아래 작게
- 사진마다 확인시킬 것이 하나씩
- 사진 위에 한 줄 안내 문구
- 구성품을 펼쳐 이름을 붙임
- 크기 비교 사진 + 치수표 함께
같은 사진이라도 순서와 한 줄 설명으로 읽히는 정도가 달라집니다.
비슷한 사진은 과감히 빼세요
같은 상품을 각도만 바꿔 다섯 장 넣으면 고객은 새 정보 없이 스크롤만 합니다. 사진 한 장이 새로운 질문에 답하지 않는다면 빼는 편이 낫습니다.
예를 들어 캔들 정면, 45도, 측면 사진이 모두 있다면 하나만 남기세요. 대신 그 자리에 심지를 가까이 찍은 사진이나 불을 켰을 때의 사진을 넣으면 정보가 늘어납니다.
마지막 사진 다음에는 결정을 돕는 정보를
크기 비교까지 보고 나면 고객은 구매 직전입니다. 이 뒤에 후기, 배송·교환 안내 같은 신뢰 정보를 이어 주면 흐름이 자연스럽게 마무리됩니다. 위치를 잡는 법은 상세페이지 신뢰 요소 글에 정리해 두었습니다.
정리
상세페이지 이미지 순서는 고객의 질문 순서를 따르면 됩니다. "필요할까 → 괜찮을까 → 뭐가 오지 → 나한테 맞을까"에 맞춰 사용 장면, 디테일, 구성, 크기 비교 사진을 놓으세요.
사진마다 확인시킬 것을 하나만 정하고, 짧은 설명 한 줄을 붙이세요. 구성 사진에는 실제로 받는 것만, 크기 비교에는 누구나 아는 물건을 기준으로 씁니다.
상품에 따라 가장 큰 망설임이 있다면 그 사진을 앞당겨도 됩니다. 기본형은 출발점이지 정답이 아닙니다.
지금 올라가 있는 상세페이지를 휴대폰으로 열어 사진을 네 종류로 나눠 보세요. 빈 칸과 중복이 보이면, 그곳부터 고치면 됩니다.
- 현재 상세페이지 사진을 사용 장면·디테일·구성·크기 비교로 분류하기
- 첫 사진이 흰 배경 단독컷이라면 사용 장면 사진으로 바꾸기
- 디테일컷마다 '여기를 보세요' 한 줄 설명 붙이기
- 구성품을 펼쳐 이름·수량을 적은 사진 한 장 찍기
- 손·스마트폰·컵 옆에 놓은 크기 비교 사진 추가하기
- 각도만 다른 중복 사진 빼기
- 휴대폰으로 처음부터 끝까지 내려 보며 흐름 확인하기
자주 묻는 질문
Q상세페이지 사진은 몇 장 정도 넣는 게 적당한가요?
정해진 장수는 없습니다. 사용 장면 1~2장, 디테일 3~5장, 구성 1장, 크기 비교 1~2장을 기본으로 잡고, 새 정보를 주지 않는 사진은 빼는 방식으로 조절하세요.
Q상세페이지 첫 사진에 흰 배경 상품컷을 넣으면 안 되나요?
안 되는 것은 아니지만 고객은 썸네일에서 이미 그 사진을 봤습니다. 상세페이지 첫 화면에는 상품이 쓰이는 장면을 두는 편이 아래로 내려가 볼 이유를 만들어 줍니다.
Q크기 비교 사진은 무엇과 함께 찍어야 하나요?
손, 스마트폰, 종이컵, 생수병처럼 누구나 크기를 아는 물건이 좋습니다. 상품과 같은 거리에 나란히 두고 조금 떨어져 찍어야 크기가 왜곡되지 않습니다. 치수표도 함께 넣으세요.
Q사용 장면에 쓴 소품은 따로 표시해야 하나요?
실제 구성에 포함되지 않는 소품이 헷갈릴 수 있다면 '연출용 소품, 구성 미포함'처럼 표시하는 것이 안전합니다. 구성 사진에는 실제로 받는 것만 놓으세요.
Q옷이나 가방도 사용 장면 → 디테일 → 구성 → 크기 순서가 맞나요?
옷과 가방은 크기와 핏이 구매를 가르는 질문이라 착용 사진과 크기·수납 사진을 디테일보다 앞에 두는 경우가 많습니다. 상품의 가장 큰 망설임에 답하는 사진을 앞당기면 됩니다.