상세페이지
첫 화면부터 마지막 망설임까지 구매 흐름을 읽습니다
상세페이지는 구매를 미루는 이유부터 봅니다. 첫 화면부터 구매 버튼까지 정보 흐름을 점검합니다.
공개 글
상세페이지 글
첫 화면, 가격, 옵션, 후기, FAQ와 구매 행동을 검증 가능한 기준으로 점검합니다.
가장 최근 글 · 상세페이지
옵션을 바꾸면 사진도 바뀌어야 할까: 색상·구성 이미지 연결 검수
선택 이름·대표 이미지·공통 도식·구성 조건을 연결하고 옵션 변경 중·완료·실패 상태를 나누어 검수합니다. 가상 연결표로 이미지와 본문이 같은 선택을 설명하는지 확인합니다.
글 읽기
글 · 상세페이지
상품 영상에 자막·대체 설명·재생 제어를 함께 넣는 법
상품 영상의 말·소리·화면 정보를 구분하고 자막, 본문 대본, 시각 설명과 재생 제어를 함께 검수합니다. 가상 장면 장부와 파일 연결 예제로 영상 밖에서도 중요한 정보가 남는지 확인합니다.
글 읽기
글 · 상세페이지
외경·내경과 설치 여유 계산
상품의 외형 크기와 실제 넣을 수 있는 공간을 구분하고 단위·측정 방향·좌우 여유를 함께 표시합니다. 가상 트레이 폭 조건 계산으로 흔한 오해를 확인합니다.
글 읽기
글 · 상세페이지
이미지 역할에 맞는 대체텍스트
같은 상품 이미지도 정보 사진, 장식, 링크, 치수 도해로 쓰일 때 대체텍스트가 달라집니다. 역할 선택 예제와 문장 비교로 무엇을 남기고 줄일지 확인합니다.
글 읽기
글 · 상세페이지
배송·교환 결정 정보 배치
상세페이지의 구매 행동 버튼보다 앞에서 배송비, 도착 범위, 교환·반품 조건과 확인 링크를 읽을 수 있게 배치하고 모바일 상태까지 점검하는 방법입니다.
글 읽기
글 · 상세페이지
구매 전 질문 분류법
배송, 교환, 옵션, 사용법 질문을 FAQ에 모두 쌓지 않고 즉답, 정책 원문, 개별 문의로 나누어 배치하고 키보드로 검증하는 절차를 설명합니다.
글 읽기
글 · 상세페이지
총비용이 보이는 가격 블록
자체 계산 예제로 상품가, 필수 추가비용, 배송비, 옵션 차이와 정책 링크를 한 가격 블록에 정리하고 합계·표시 순서·모바일 노출을 검증합니다.
글 읽기
글 · 상세페이지
후기 출처와 이해관계 표시
실제 후기인 척하는 예시를 만들지 않고 후기의 원문, 작성 시점, 사용 맥락, 제공·보상 관계를 기록해 상세페이지에 배치하는 절차를 정리합니다.
글 읽기
글 · 상세페이지
옵션 입력 방식 선택 기준
옵션 수를 임의로 줄이지 않고 단일선택, 복수선택, 긴 목록을 구분해 radio, checkbox, select를 선택하고 가격·구성·키보드 동작을 검증합니다.
글 읽기
글 · 상세페이지
혜택과 근거 연결표
상세페이지의 혜택 문장을 객관 주장과 설명으로 나누고 출처, 방법, 날짜, 적용 범위를 기록해 근거 바로 옆에 배치하는 검수 절차를 설명합니다.
글 읽기
글 · 상세페이지
상세페이지 CTA 배치 기준
구매 버튼을 반복하는 대신 상품 이해, 옵션 선택, 비용·정책 확인이라는 정보 이정표 뒤에 CTA를 배치하고 레이블·도착 화면·키보드 동작을 검증합니다.
글 읽기
글 · 상세페이지
사용 장면부터 여는 첫 문장
상세페이지 첫 문장을 추상적인 혜택 대신 확인 가능한 사용 장면에서 시작하도록 재구성하고, 주장 근거와 모바일 줄바꿈까지 검수하는 절차를 설명합니다.
글 읽기
글 · 상세페이지
모바일 문장 가독성 검수
모바일 상세페이지의 줄바꿈, 행간, 고정 높이, 버튼 간격과 이미지 순서를 자체 예제로 구성하고 320·390px 및 텍스트 확대 조건에서 검수합니다.
글 읽기
글 · 상세페이지
390px 첫 화면 정보 순서
상세페이지 첫 화면을 자체 예제로 재구성하고 320·390·1440px에서 제목, 요약, 근거, 행동 링크의 노출 순서와 한계를 검증하는 방법을 정리합니다.
글 읽기상세페이지를 네 개의 블록으로 나눠 봅니다.
한 장의 긴 이미지를 통째로 평가하지 않습니다. 사용자가 화면을 내려가며 어떤 질문을 품는지, 그 질문에 대한 답이 어디서 나오는지를 기준으로 나눕니다.
제품명, 대표 혜택, 차별점, 가격 감각이 스크롤 전에 보이는지 확인합니다.
- 누구를 위한 제품인지
- 왜 지금 봐야 하는지
- 다음 행동이 보이는지
기능 나열이 아니라 사용자의 불편과 원하는 결과가 연결되는지 봅니다.
- 문제 제시
- 해결 장면
- 사용 후 변화
후기, 수치, 인증, 제작 과정이 의심이 생기는 위치에 놓였는지 확인합니다.
- 검증 가능한 근거
- 후기 맥락
- 과장 표현 제거
버튼 반복보다 구매 전 마지막 불안이 정리된 뒤 행동을 제안하는지 봅니다.
- 배송/교환
- 가격 부담
- 선택지 단순화
문장 길이, 이미지 간격, 고아문자, 버튼 크기가 작은 화면에서도 편한지 점검합니다.
- 한 줄 길이
- 스크롤 리듬
- 버튼 터치 영역
예쁘게 바꾸는 수정이 아니라 이탈 지점과 의심 지점을 줄이는 수정을 우선합니다.
- 삭제할 문장
- 앞으로 올릴 정보
- 뒤로 미룰 설명
읽는 순서는 구매 결정의 순서와 맞춥니다.
상세페이지를 읽을 때는 이 순서가 기준이 됩니다. 각 글과 사례 분석도 대상, 차이, 신뢰, 행동의 흐름 안에서 정리합니다.
대상이 흐리면 혜택도 흐립니다. 첫 문장과 대표 이미지가 사용자를 정확히 부르는지 봅니다.
기능보다 차이가 먼저 보이는지 확인합니다. 차이가 보이지 않으면 가격 비교로 흐릅니다.
후기와 증거는 많을수록 좋은 것이 아니라 의심이 생기는 지점에 있어야 합니다.
배송, 교환, 사용법, 옵션 선택의 마지막 불안을 줄인 뒤 구매 버튼이 놓이는지 봅니다.
현재 상세페이지를 빠르게 점검합니다.
아래 항목은 실무 검수용 기준입니다. 체크가 낮다면 디자인보다 정보 순서부터 다시 봐야 합니다.