5강 · 상세페이지 만들기
CHAPTER 05 · OPENING
상세페이지에서
5초 만에 갈립니다
네이버 쇼핑에서 상품을 클릭했다가
곧바로 뒤로가기를 누른 적, 있으시죠?
김지수
5강 · 상세페이지 만들기
사진이 흐릿하고…
글씨만 빼곡한데 무슨 말인지 모르겠고…
첫인상에 ‘이건 아닌데’ 싶으면 끝이에요
5초
5강 · 상세페이지 만들기
대부분의 고객은
상세페이지를 보고
5초 안에 더 볼지 말지 결정해요
부실
5강 · 상세페이지 만들기
상세페이지가 부실하면
좋은 키워드도 좋은 소싱도
전부 물거품
5강 · 상세페이지 만들기
오늘 강의 순서
네 가지를 차례로
원칙 2가지
팔리는 상세페이지의 공통점
5단계 구성
후킹부터 상품 특징까지
GIF 활용
체류 시간을 늘리는 법
미리캔버스 실습
직접 만들어보기
원칙
5강 · 상세페이지 만들기
섹션 1 · 핵심 원칙
팔리는 상세페이지엔 공통점이 있어요
원칙 2가지만 제대로 지켜도
완성도가 확 달라져요.
5강 · 상세페이지 만들기
원칙 ① 쉽게
초등학생도 이해할 만큼 쉽게
전문 용어는 고객을 떠나보내요. 짧은 문장 + 직관적 이미지로 승부하세요
“304 스테인리스 소재에 BPA-FREE 처리”
고객: “BPA-FREE가 뭐지?” → 그냥 넘겨버림
모바일
5강 · 상세페이지 만들기
그리고 반드시
모든 제작은
모바일 화면 기준으로
5강 · 상세페이지 만들기
원칙 ② 고객 이득
장점이 아니라 이득으로 바꿔 표현
그냥 장점 나열
중량 300g으로
정말 가볍습니다
숫자엔 관심 없어요
이렇게 바꿔
고객 이득으로
300g이라 가방에 쏙.
출퇴근길 지하철에서도
꺼내 쓰기 딱 좋아요
“사면 뭐가 좋은데?”에 답
5강 · 상세페이지 만들기
미리 준비해 둘 것
상품 받으면 200장+ 미리 촬영
1,300px+긴 변 기준
1:1 비율정사각형
20MB 이하용량 제한
5강 · 상세페이지 만들기
섹션 2 · 구성 순서
상세페이지
5단계 구성
이 순서만 잘 지켜도
기본 이상의 상세페이지가 완성돼요.
김지수
5강 · 상세페이지 만들기
팔리는 상세페이지의 뼈대
순서대로 쌓으세요
후킹
스크롤을 멈추게
배송 안내
당일발송·무료배송
이벤트
리뷰 적립 유도
스토어 스토리
왜 이 상품을
상품 특징
본격 상품 소개
5강 · 상세페이지 만들기
완성된 상세페이지는 이런 모습
5단계가 위에서 아래로 하나의 흐름으로
smartstore.naver.com/내스토어
1 / 10
무선 탁상용 무소음 선풍기
사무실·캠핑 미니 써큘레이터
4.78리뷰 557건
32%49,000원
32,900
무료배송 · 오후 2시 이전 당일발송
옵션 선택 필수
여름맞이 특가 옵션을 선택하세요
구매하기장바구니톡톡문의
상세정보리뷰 557Q&A판매자정보
1후킹
바람 약하다 느껴지면100% 환불보장
“캠핑 갔는데 선풍기 소리에
잠 못 잔 적 있으세요?”
2배송 안내
오후 2시 이전 당일발송3만원↑ 무료배송
3이벤트
포토리뷰 작성 시 500원 적립
4스토어 스토리
조용한 밤을 고민하다 직접 찾은 무소음 모터,
그 이야기를 담았습니다.
5상품 특징
GIF
5강 · 상세페이지 만들기
구매 전환율을 높이는 문구
희소성 + 인기를 동시에
2차 입고 완판! 3차 재입고 완료
3천 개 판매 돌파! 기간 한정 이벤트
GIF
5강 · 상세페이지 만들기
이제 거의 필수
상세페이지에서
GIF 활용
5강 · 상세페이지 만들기
움직이는 콘텐츠의 힘
체류 시간을 확실히 늘려줘요
마사지기 진동 세기, 채소 써는 모습처럼 — 움직임이 설득력을 만들어요
정지 이미지
사진 10장
스크롤만 길어짐
움직이는 GIF
GIF
GIF 1개
훨씬 더 설득력
5강 · 상세페이지 만들기
GIF 최적화 · 2가지
만들 때 이것만 챙기세요
용량 압축은 필수
gifcompressor.com 에서 무료로 줄이기
5초 내외 짧은 루프
짧게 반복되는 형태가 가장 효과적
5강 · 상세페이지 만들기
섹션 3 · 실습 도구
직접 만들 땐
미리캔버스
한국어를 완벽 지원하고
스마트스토어 전용 템플릿이 정말 많아요.
무료인데 유료급 기능을 거의 다 써요.
김지수
5강 · 상세페이지 만들기
대안도 알아두기
상황 따라 선택지는 더 있어요
미리캔버스
가장 추천 · 무료
캔바
디자인 템플릿 풍부
크몽 외주
직접 못 만들 때
5강 · 상세페이지 만들기
미리캔버스 에디터
5단계 구성에 맞춰 템플릿만 수정하면 돼요
miricanvas.com
새로 만들기1080 × 1080 px ▾↓ 다운로드
템플릿
사진
요소
텍스트
업로드
배경
작업
AI
스마트스토어 상세페이지
촬영 특가더보기
사업자 추천더보기
깔끔한 스타일더보기
후킹 — 스크롤 멈추는 첫 화면
배송 안내 — 당일발송·무료배송
이벤트 — 포토리뷰 적립
스토어 스토리 — 왜 이 상품을
상품 특징 — 제목·이미지·GIF
+ 페이지 추가
5강 · 상세페이지 만들기
기본 사용 흐름 · 3단계
순서면 끝이에요
템플릿 검색·선택
“스마트스토어 상세페이지”로
5단계 구성에 맞춰 수정
앞서 배운 순서대로
PNG·JPG로 내보내 업로드
상품 등록 화면에
5강 · 상세페이지 만들기
보조 도구 · 4가지
이것도 꼭 외워두세요
remove.bg
리무브BG
배경 자동 제거 AI
tinypng.com
타이니PNG
이미지 용량 압축
flaticon.com
플랫아이콘
무료 아이콘 받기
iloveimg.com
아이러브이미지
이미지 크기 조절
분석
5강 · 상세페이지 만들기
섹션 4 · 벤치마킹
잘 만든 페이지를 직접 뜯어보기
가장 빠르게 배우는 방법이에요.
부록으로 우수 상세페이지 30개 링크를 드릴게요.
5강 · 상세페이지 만들기
부록 · 우수 상세페이지
30개 링크를 따로 드려요
#01
#02
#03
#04
#05
#06
#07
#08
#09
#10
#11
#12
#13
#14
#15
#16
#17
#18
#19
#20
#21
#22
#23
#24
#25
#26
#27
#28
#29
#30
5강 · 상세페이지 만들기
분석할 때 볼 포인트 · 5가지
다섯 가지를 보세요
후킹 방법
이미지 구성
텍스트 톤
GIF 위치
레이아웃 순서
3개
5강 · 상세페이지 만들기
처음엔 욕심내지 말고
내 카테고리와 가까운 사례
3개만 집중 분석
5강 · 상세페이지 만들기
오늘의 핵심 · 3가지
이것만 기억하세요
1쉽게 만들기 + 고객 이득으로 표현원칙 2가지
2후킹·배송·이벤트·스토리·상품 특징5단계 구성
3미리캔버스로 제작 + GIF로 체류 ↑실습 + GIF
6강
5강 · 상세페이지 만들기
다음 강의 · 6강
드디어
실제 상품 등록하는 법