우리동네마켓 | 우동 · 상품 옵션의 시각적 설명
상품 옵션을 고르는 상세페이지에서 선택값과 구성 사진 맞추기
상품 사진에 소품과 추가 구성이 함께 보이면 고객은 어디까지 받는 상품인지 헷갈릴 수 있습니다. 상세페이지를 만들 때는 보기 좋은 대표 사진과 실제로 선택하는 옵션의 관계를 먼저 설명해야 합니다. 기본 구성, 선택에 따라 달라지는 부분, 연출에만 사용한 물건을 나누세요. 디자인 의뢰 자료에는 옵션 이름만 적기보다 그 이름을 고른 사람이 받게 될 물건과 수량을 함께 제시하는 것이 좋습니다.
기본 포함·추가 선택·별도 구매·연출 소품을 구분하고, 같은 옵션의 이름과 사진 설명이 서로 다르지 않게 맞춥니다.
📦 기본 구성부터 한 장면으로 설명하기
대표 사진을 고르기 전에 기본 상품에 무엇이 들어가는지 정합니다. 본체와 부속품, 포장 안에 함께 제공하는 물건을 판매자가 실제 구성에 맞게 나누세요. 가상의 예로 컵과 받침을 함께 촬영했더라도 기본 상품이 컵 하나라면 받침까지 포함된 것처럼 보여서는 안 됩니다. 사진 아래의 작은 문구만으로 충분히 설명되는지 생각하고, 기본 구성 자체를 별도 이미지나 표로 보여 줄지 디자이너와 의논합니다.
🏷️ 선택창의 이름과 사진의 이름 맞추기
판매 화면의 옵션 이름을 기준 자료로 정하고 시안에 같은 표현을 사용합니다. 제작자가 보기 좋은 별칭을 붙였는데 선택창에는 다른 이름이 있으면 고객이 대응시키기 어렵습니다. 색상명과 규격명, 묶음 이름을 각각 나누어 전달하세요. 아직 판매자가 결정하지 않은 이름은 확정 표시를 하지 않습니다.
| 확인 항목 | 준비할 내용 |
|---|---|
| 기본 구성 | 실제 받는 물건·수량과 대표 사진의 관계 |
| 선택 표현 | 선택창 이름·색상·규격·묶음과 사진의 대응 |
| 포함 구분 | 기본·추가·별도 구매·연출 소품의 표시 |
| 변경 관리 | 모바일 가독성·시안 대조·업로드와 수정 위치 |
🧩 추가 선택과 별도 구매를 다르게 보이기
상품을 선택할 때 함께 추가할 수 있는 구성과 다른 상품으로 따로 사야 하는 구성은 다릅니다. 상세페이지에서 모두 같은 방식으로 묶으면 한 번의 선택으로 받을 수 있다고 오해할 수 있습니다. 포함 여부와 주문 방식을 각각 설명하세요. 추가 구성의 비용이나 판매 가능 여부는 운영자가 결정한 자료를 사용하고 디자이너가 임의로 채우지 않도록 합니다.
🎨 색상과 크기를 비교하는 장면 정하기
여러 색상을 나란히 놓을지 한 장씩 보여 줄지 상품의 차이가 드러나는 구도를 의논합니다. 크기를 설명할 때는 기준이 되는 물건이나 표시 단위를 명확히 하고, 사진에서 커 보인다는 이유로 실제 치수를 추정하게 만들지 않습니다. 서로 다른 규격을 같은 크기의 이미지로 잘라 놓는다면 치수 표기를 함께 읽을 수 있게 구성하세요. 촬영된 제품과 판매할 규격이 다르면 그 차이를 숨기지 않고 설명에 반영해야 합니다.
🌿 연출 소품의 경계를 분명히 하기
배경의 꽃과 테이블, 함께 놓은 생활용품은 상품의 쓰임을 보여 주는 데 도움이 될 수 있습니다. 다만 소품이 제품과 한 세트처럼 보이는지 살펴보세요. 연출 소품이라는 설명을 어느 장면에 붙일지 정하고, 작은 글자로만 표시해 읽기 어려워지지 않게 합니다. 소품과 판매 구성이 구분되지 않는 사진이라면 문구를 더하는 방법 외에 구도를 바꾸거나 구성품만 따로 보여 주는 방안도 검토할 수 있습니다.
📱 모바일에서 옵션 설명을 따라 읽기
컴퓨터에서 보이는 시안을 축소해서 보는 것만으로 모바일 확인을 끝내지 않습니다. 사진과 설명이 긴 페이지에서 멀리 떨어지지 않는지, 구성 표의 글자를 읽을 수 있는지 살펴보세요. 기본형과 추가형의 차이를 색상만으로 표시하기보다 제목과 문장으로도 설명합니다. 고객이 사진을 보고 선택창으로 이동할 때 무엇을 골라야 할지 알 수 있는 흐름인지 판매자와 제작자가 함께 읽어 봅니다.
🔎 가상의 주문 상황으로 시안을 대조하기
실제 결제를 하지 않고 특정 옵션을 골랐다고 가정해 상세페이지의 설명을 따라가 봅니다. 예를 들어 기본형을 고른 사람이 대표 사진의 추가 부속도 받을 것으로 이해할 여지가 있는지 찾습니다. 설명이 엇갈리면 사진, 캡션, 구성 표 중 어느 부분을 고칠지 구체적으로 지정하세요. 디자인 시안의 확인과 실제 판매 화면에 반영된 결과는 별개이므로 업로드 담당이 다르다면 전달할 수정본을 명확히 구분합니다.
🔄 구성 변경이 생길 때 수정 위치 찾기
공급 구성이나 옵션 이름이 바뀌면 선택창만 고쳐도 상세페이지의 옛 이미지가 남을 수 있습니다. 기본 구성표와 비교 사진, 설명 문구가 쓰인 위치를 함께 관리하세요. 새 시안에 어느 변경을 반영했는지 확인한 뒤 실제 판매 화면과 대조할 담당을 정합니다. 디자인 수정과 상품 등록 작업이 상담 범위에 각각 포함되는지도 의논합니다. 이전 이미지를 다른 채널에서 계속 쓰는지 살피는 일도 운영 과정에 포함합니다.
💬 자주 묻는 질문
연출에 사용할 수 있지만 판매 구성과 혼동되지 않게 설명해야 합니다. 구성품만 보여 주는 장면을 별도로 둘지도 검토하세요.
판매자가 사용하는 선택창의 기준 이름을 먼저 전달하세요. 시안에 새 표현이 필요하면 실제 옵션과의 대응을 함께 정합니다.
주문하는 방식과 포함 조건이 다를 수 있습니다. 판매자가 실제로 운영하는 방식에 맞춰 따로 설명해야 합니다.
사진의 인상만으로 실제 크기를 알기는 어렵습니다. 정확한 치수 자료와 비교 기준을 전달해 읽을 수 있게 구성하세요.
실제 업로드가 별도 작업일 수 있습니다. 반영 담당과 적용할 파일, 공개 화면 대조를 각각 확인하세요.
🌿 상품 옵션의 시각적 설명 준비하기
옵션 이름과 실제 구성표, 사용할 사진을 모아 상세페이지디자인 상담에 전달하세요. 무엇을 포함하고 무엇을 따로 선택하는지부터 맞춘 뒤 모바일에서 설명이 이어지는지 검토합니다.
📱 앱에서 이어서 확인하기
모넷
모넷밴
