책은 판매자와 디자이너 모두가 알아야 할 셀링포인트가 담긴 상품 상세페이지 제작 핵심 내용들이 모두 담겨있다. 책은 초보자들도 G마켓/옥션, 네이버 스마트스토어, 쿠팡, 오픈마켓, 종합쇼핑몰 상품 상세페이지를 제작할 수 있도록 기초부터 실무 활용까지 자세히 설명하고 있다. 책은 상세페이지 제작에 필요한 모든 것을 단계별로 배우고 실무에 적용할 수 있도록 구성되어 있다. 1단계 : 구매패턴을 분석한 후 셀링포인트 관점의 상세페이지를 기획하고, 2단계 : 상세페이지 제작에 필요한 포토샵 핵심 기능을 익히고, 3단계 : 쇼핑몰, 오픈마켓, 네이버 스마트스토어, 종합쇼핑몰 상세페이지 제작 노하우를 배운 후, 채널별 상품 등록 방법도 함께 배우고, 4단계 : 의류, 화장품, 식품 등 셀링포인트가 담긴 카테고리별 상세페이지를 제작하고, 5단계 : 상세페이지 제작에 필요한 HTML 핵심 실전 활용 노하우를 배운다. ※ 이 책의 실습에 필요한 예제 소스파일은 6페이지를 참조한다.

Chapter 01 상품 상세페이지 기획하기 Lesson 01 | 상품 상세페이지란? Lesson 02 | 상품 상세페이지 제작 전 반드시 알아야할 사항 Lesson 03 | 상품 상세페이지 유형 및 제작 트랜드 Lesson 04 | 상품 상세페이지 제작 기획의 필요성 Lesson 05 | 상품 상세페이지 기획을 위한 고객의 검색 키워드 수집하기 Lesson 06 | 사례로 살펴보는 자료 수집 방법 Lesson 07 | 상세페이지 제작 전 점검과 결정해야 될 두 가지 Lesson 08 | 판매채널별 필요한 사진 컷과 템플릿 구조 Chapter 02 상세페이지 제작에 필요한 포토샵 핵심 기능 익히기 Lesson 01 | 포토샵 다운로드 및 설치하기 Lesson 02 | 포토샵 화면 구성 한눈에 살펴보기 Lesson 03 | 포토샵 도구 기능 익히기 01 이동/선택/자르기 도구 02 그리기/채색/보정 도구 03 백터 관련 도구 04 보조 도구 Lesson 04 | 상품 상세페이지 제작의 필수 기능 익히기 01 상세페이지 디자인 제작에 필요한 이미지 불러오기 02 새로운 작업창 생성하기 03 작업 내용 저장하기 04 이미지 확대/축소/이동하기 05 이미지 사이즈 조절하기 06 원하는 사이즈 자르기 07 정확한 사이즈로 자르기 08 복사와 붙여넣기로 간단한 상품 페이지 만들기 09 상품 이미지에서 배경 제작하기 10 티셔츠에 로고 합성하기 Lesson 05 | 클릭을 유도하는 상품 대표이미지 제작하기 01 상품 기본 이미지 만들기 02 상품 컨셉과 매치되는 배경색 만들기 03 고객의 시선을 사로잡는 상품 이미지 배경 색상 만들기 04 상품 사진 빠르게 보정하기 05 다양한 상품 이미지 색상 만들기 06 상품을 돋보이게 표현하기 07 초상권을 침해하지 않는 야외 파파라지컷 만들기 08 모델 얼굴 피부 보정 및 V라인 효과 만들기 09 상품 페이지 배경에서 자연스럽게 글자 지우기 10 여성 의류 모델 몸매 보정하기 11 남성 모델 피부를 구릿빛으로 만들기 12 상품 모델 이미지 따기와 합성하기 13 여러 상품 사진을 한 번에 보정하기 Chapter 03 오픈마켓 상품 상세페이지 제작하기 Lesson 01 | PC&모바일 화면에 최적화된 오픈마켓 상품 상세페이지 제작하기 01 판매에 유리한 오픈마켓 상품 상세페이지 최적화 제작 가이드 02 노출 순위에 유리한 오픈마켓 상품 상세페이지 최적화 Lesson 02 | G마켓 옥션 상품 1.0 템플릿을 활용한 오픈마켓 상품 상세페이지 제작하기 01 G마켓 옥션 추천 템플릿 다운로드 및 설치하기 02 상품 상세페이지 인트로 제작하기 03 주방용품 상세페이지 선택 리스트 제작하기 04 선택 옵션이 3개 이상인 상품 상세페이지 제작하기 05 상품설명 디자인 제작하기 06 주방용품 상품 상세페이지 구매안내 디자인 제작하기 Lesson 03 | 미래의 쇼핑시장 주소를 위한 G마켓 옥션 상품 2.0 & 이베이에디터 01 G마켓 옥션 상품 2.0 & 에디터란? 02 G마켓 옥션 상품 1.0과 G마켓 옥션 상품 2.0의 차이점 03 G마켓 옥션 상품 2.0 에디터를 활용한 상세페이지 제작하기 Lesson 04 | 네이버 스마트스토어 상세페이지 제작하기 01 네이버 스마트스토어 관리자 페이지 접속하기 02 스마트에디터를 활용한 애견용품 상품상세페이지 제작해보기 Lesson 05 | 온라인 유통업체 구매자수 1위로 급부상한 쿠팡의 상세페이지 제작하기 01 쿠팡 에디터를 활용한 리빙 쇼핑커버 상세페이지 제작해보기 Chapter 04 제품 카테고리별 상세페이지 제작하기 Lesson 01 | 상업적으로 사용 가능한 무료 폰트 설치하기 01 네이버의 나눔 글꼴 02 구글 어도비 시스템즈의 본고딕 03 더페이스샵의 잉크립퀴드 폰트 04 야놀자의 야체 폰트 Lesson 02 | 요즘대세!_4가지 GIF 상세페이지 제작하기 01 카카오톡 대화창 GIF 상세페이지 만들기 02 자연스럽게 움직이는 GIF 상세페이지 만들기 03 옆으로 흘러가는 선택리스트 GIF 상세페이지 만들기 04 포토샵이 없을 때 간단하게 GIF 상세페이지 만들기 Lesson 03 | 여성의류 글로벌 상세페이지 제작하기_패션 카테고리 Lesson 04 | 수입 명품 가위 상세페이지 제작하기_공산품 카테고리 Lesson 05 | 물티슈 상세페이지 제작하기_생필품 카테고리 Lesson 06 | 수산물 상세페이지 제작_식품 카테고리 Lesson 07 | 뷰티 상품 상세페이지 제작하기_화장품/향수 카테고리 Lesson 08 | 아동복 상세페이지 제작하기_유아동 의류 카테고리 Chapter 05 브랜드 강화를 위한 종합 쇼핑몰 상품 상세페이지 제작하기 Lesson 01 | 종합쇼핑몰 상품 상세페이지 특징 이해하기 01 브랜드 네이밍 작업 02 종합쇼핑몰 상세페이지 제작 시 반드시 알아야할 두 가지 Lesson 02 | 재방문을 유도하는 로고 디자인 제작하기 Lesson 03 | 종합쇼핑몰 기획전 배너 제작하기 Lesson 04 | HTML을 활용한 기획전 갤러리 제작하기 Chapter 06 상품 상세페이지 제작을 위한 HTML 핵심 실전 활용 Lesson 01 | 상품 상세페이지를 구성하는 기본 언어, HTML 이해하기 01 HTML의 일반적인 특징 02 HTML의 기본 구조 03 IMG 태그 04 A 태그 05 BR 태그 06 IMG, A, BR 태그를 활용한 HTML 코딩 Lesson 02 | HTML 태그를 활용한 오픈마켓 상품 상세페이지 링크 이벤트 배너 제작하기 Lesson 03 | HTML을 활용하여 모바일에도 최적화된 상세페이지 새 창 띄우기 Lesson 04 | 마우스를 롤오버 상세페이지 제작하기 Appendix 미리캔버스로 5분 만에 팝업 디자인 만들기