직접 살펴보는 제품 카탈로그 만들기

방문자가 제품의 특징과 선택지를 비교하고, 궁금한 점을 해결한 뒤 결정하도록 도우세요.

침구 제작사가 새 베개를 준비하고 있습니다. 고객은 높이가 자신에게 맞는지, 옆으로 누웠을 때 어떤지, 세탁은 어떻게 하는지 묻습니다. 사진 한 장과 가격만으로는 어느 질문에도 충분히 답하기 어렵습니다.

제품 카탈로그 앱은 문의하거나 주문을 요청하기 전에 제품을 자세히 살펴봐야 할 때 맞습니다. 제품이 하나여도 선택에 따라 사진과 치수, 가격을 함께 보여 주면 쓸모가 있습니다. 무엇이 달라지는지 바로 확인할 수 있어야 선택에도 의미가 생깁니다.

요약

제품 옵션, 사진, 치수, 예시 가격을 정리하세요. 선택에 따라 제품 정보와 요약이 바뀌도록 요청합니다. 아래 예제에서는 높이 안내와 상세 정보를 비교하고, 실제 앱을 공유하기 전에는 모든 옵션을 원본 자료와 대조하세요.

방문자가 결정할 내용을 먼저 정리하기

앱을 요청하기 전에 옵션별 정보를 적으세요. 표시 가격과 실제 결제·재고 약속은 구분합니다. 첫 초안에는 샘플 값을 명시하세요.

Markdown
가상의 메모리폼 베개 제품 카탈로그를 만들어 주세요.
크림색과 회색, 낮은 높이 47,900원과 높은 높이 52,900원을 제공해 주세요.
사진과 가격은 예시임을 표시해 주세요.
정확한 치수, 높이 선택 안내, 소재와 관리 방법을 보여 주세요.
색상, 높이, 수량을 선택하면 샘플 장바구니에 담고 항목별 합계를 보여 주세요.
샘플 리뷰임을 표시하고 사진이 있는 리뷰만 보는 필터를 추가해 주세요.
제품을 살펴보는 앱이므로 결제는 넣지 말고 실시간 재고가 있다고 표현하지 마세요.

공개하기 전에는 샘플 정보를 실제 카탈로그 정보로 바꾸세요. 앱 생성, 공유, 저장 데이터 설정은 캔버스에서 라이브 앱 만들기를 따르세요. 아래 예제는 제품을 살펴보는 방식의 한 사례이며 위 요청의 기능과 디자인을 그대로 재현하는 결과는 아닙니다.

베개 상세 페이지 사용하기

에르고슬립 예제는 베개 구조와 높이 안내, 리뷰, 자주 묻는 질문을 한 페이지에서 보여 줍니다. 옵션별 장바구니 앱보다 단순한 상세 페이지입니다.

새 탭에서 열기
베개 구조와 높이 안내, 리뷰, 자주 묻는 질문이 있는 제품 상세 페이지

샘플 데이터로 작동하는 예제입니다. 새로고침하면 변경사항이 초기화됩니다.

두 가지를 비교해 보세요.

  1. 높이 안내에서 Low와 High를 비교하고, 아래 자주 묻는 질문을 열어 관리 방법을 확인하세요. 설명과 선택 기준이 충분히 연결되는지 살펴보세요.
  2. 구매하기를 눌러 안내 메시지를 확인하세요. 이 예제에는 옵션별 장바구니 목록이나 결제 화면이 없으며, 버튼은 샘플 메시지만 보여 줍니다.

미리보기는 임시 샘플 데이터로 구성되며 새로고침하면 초기화됩니다. 장바구니에 담겼다는 메시지가 나와도 실제 구매, 재고 확보, 결제는 이루어지지 않습니다. 제품 효능과 리뷰도 예제 콘텐츠로 보세요.

고객이 여전히 망설이는 이유 해결하기

초안을 사용한 사람에게 무엇을 결정하기 어려웠는지 물어보세요. 그 질문 하나를 수정 요청으로 만듭니다.

Markdown
높이 선택 옆에 낮은 제품과 높은 제품의 구성과 정확한 치수를 비교해 주세요.
비교 화면을 열어도 현재 선택한 높이를 계속 보여 주세요.
기존 장바구니 내용은 유지해 주세요.

공유하기 전에는 사진, 단위, 가격, 제공하지 않는 조합까지 옵션 원본과 대조하세요. 옵션을 바꾼 다음 수량을 바꿔도 요약이 선택 내용을 정확히 보여 주는지 확인합니다. 예시 리뷰는 실제 고객 후기로 오해하지 않도록 표시하세요. 다음 단계에서 맞춤 요청을 받아야 한다면 주문 요청 폼을 만들고, 제출이 어떤 약속을 뜻하는지 정하세요.

피드백

이 문서가 도움이 되었나요?