이미지 탐색·비교 · BLOCK TEMPLATE

제품 상세 갤러리

하나의 제품을 전체·디테일·사용·패키지 네 시점으로 확인하고 구매에 필요한 사실을 함께 판단하게 합니다.

제품 갤러리4개 시점구매 정보
목록으로 돌아가기
제품 상세 갤러리 블록 화면

블록 활용 가이드

어떤 역할이고, 어디에 어떻게 쓰는지

같은 크기의 텍스트 카드 대신 이미지의 크기와 관계를 이용해 카테고리를 찾거나 전후 변화를 구체적으로 비교합니다.

01

이 블록이 맡는 역할

하나의 제품을 전체·디테일·사용·패키지 네 시점으로 확인하고 구매에 필요한 사실을 함께 판단하게 합니다.

02

어디에 배치하나요

제품 상세 상단에서 제품 이미지, 사양, 가격, 구매 행동을 한 화면에 연결할 때 배치합니다.

03

어떻게 사용하나요

동일 제품의 일관된 네 이미지를 사용하고 소재·크기·구성·배송처럼 구매 전 필요한 사실을 정확히 적습니다.

적용할 때 준비할 내용

샘플을 그대로 쓰지 않고 실제 콘텐츠로 바꿉니다.

  1. 문구와 사실회사·서비스·사례에서 실제로 확인할 수 있는 내용을 준비합니다.
  2. 연결할 행동상담, 상세 보기, 신청처럼 이 블록 다음에 이어질 행동을 하나 정합니다.
  3. 브랜드 표현사이트 스킨의 색·글꼴·여백에 맞춰 블록을 자연스럽게 조정합니다.

블록은 조합해서 사용합니다

이 블록을 사이트 흐름에 맞게 연결해 드립니다.

필요한 콘텐츠와 기능을 확인한 뒤 다른 블록, 사이트 스킨과 어울리도록 조정합니다.

AI 상담원과 실시간 상담