추가 적립 안내

오프라인 매장 직원처럼 친절하고 상세히 설명하여 고객을 사로잡을 수 있는 상세 페이지!

온라인 쇼핑몰에서 상세 페이지의 중요성은 수천, 수만 번 이야기해도 부족할 정도입니다. 오프라인 매장이라면 상품을 직접 만져볼 수도 있고, 매장 직원에게 이것저것 물어보면서 설명을 들을 수 있지만, 온라인 쇼핑에서는 그 모든 역할을 상세 페이지가 해야 하기 때문입니다. 아무리 제품이 좋아도, 다른 쇼핑몰과 차별화된 경쟁력이 있더라도 고객이 알 수 없다면 구매로 이어지기 어려울 것입니다. 내 상품의 특징을 가장 잘 아는 사람은 바로 운영자 여러분입니다. 책에서 소개한 대표 스타일 다섯 가지를 실습해 보고, 여러분이 판매할 상품의 특징과 주요 고객에 따라 변형해서 직접 상세 페이지를 제작해 보세요. 바쁘고 번거롭다고 사진 몇 장만 대충 앉혀 상세 페이지를 만들어 놓고 고객이 선택하길 바라는 것은 감나무 아래서 감이 떨어지길 기다리는 것과 같습니다. 내 상품을 잘 소개할 수 있는 상세 페이지 제작은 매출을 올려 주는 마케팅의 기본이기도 합니다. 고객을 사로잡는 상세 페이지 제작, 여러분도 할 수 있습니다!

급증하는 온라인 창업으로 경쟁이 더욱 치열해진 요즘!
열 마케터 부럽지 않은 나만의 상품 상세 페이지를 만들어 보세요.

1. 모바일 시대, 모바일에서 잘 보이는 상세 페이지가 대세!
스마트폰을 이용한 모바일 쇼핑이 급증하고 있다는 사실은 벌써 오래전 이슈입니다. 그런데도 여전히 컴퓨터 화면에 맞춰 상세 페이지를 만들고 있지는 않나요? 모바일에서 잘 보이는 상세 페이지는 컴퓨터 화면에서도 잘 보입니다. 이제 모바일, 컴퓨터 구분하지 않고 어떤 기기에서나 잘 보이는 상세 페이지를 만들어 보세요.

2. 20년 경력 쇼핑몰 전문 디자이너의 ‘찐’ 노하우를 배울 수 있습니다.
임화연 작가는 20년 경력의 쇼핑몰 전문 디자이너로, 11번가, 네이버, 여러 대학 등에서 강의하면서 예비 운영자 혹은 실제 쇼핑몰 운영자들의 생생한 이야기를 들었습니다. 쇼핑몰 운영자 대부분의 바람은 매출 향상이었으며, 저자는 오랜 강의 및 실무 경험을 바탕으로 매출 증가에 도움이 되는 상세 페이지 디자인 노하우를 이 책에 담았습니다. 단순히 포토샵을 활용해 실습만 하는 것이 아니라, 왜 이런 디자인을 하게 되었는지 기획 단계부터 살펴볼 수 있습니다.

3. 다섯 가지 대표 스타일을 실습하고, 나만의 스타일을 찾아보세요!
이 책에는 상세 컷으로 빠르게 완성하는 의류 상세 페이지부터 고급과 엔틱을 지향하는 전자제품, 청결하고 정성스러운 먹거리, 젊은 층을 겨냥한 뷰티 제품, 일상에서 소화하는 여성 의류 총 다섯 가지 스타일을 실습할 수 있습니다. 책에서 제공하는 디자인 스타일은 이미지, 일러스트, 내용, 자격 증명 등을 실제 여러분이 다루는 상품 내용으로 변경한다면 상업적으로 활용해도 좋습니다. 하지만 학습 후 각자의 쇼핑몰에 맞게 발전시켜서 ‘나만의 스타일’을 찾아서 활용하길 권장합니다.

? 저자 제공 유튜브 동영상 강의(순차적으로 업데이트 예정)
https://bit.ly/detail_design

머리말 ㆍ 008
감사의 글 ㆍ 009
이 책의 구성 ㆍ 010
포토샵 설치하기 ㆍ 012
한글/영문 버전 전환하기 ㆍ 014
독자 지원 페이지 및 실습 파일 다운로드 ㆍ 015

[알고가기] 구매를 부르는 상품 상세 페이지 ㆍ 016
SECTION 01 타깃에 맞는 기획이 우선이다! ㆍ 018
SECTION 02 또 하나의 언어, 색으로 말하다 ㆍ 023

[연습 01] 포토샵 기본기 다지기 ㆍ 028
SECTION 01 나만의 작업환경 설정하기 ㆍ 030
_ 새로운 작업 창으로 새로운 파일 불러오기 ㆍ 030
_ 눈금자 단위 변경하기 ㆍ 031
_ 글꼴 표현 방식 변경하기 ㆍ 031
_ 레거시 브러시, 모양, 패턴 추가하기 ㆍ 032
SECTION 02 파일 만들기, 열기, 저장하기 ㆍ 034
_ 새 파일 만들기 ㆍ 034
_ 파일 열기 ㆍ 035
_ 파일 저장하기 ㆍ 035
_ 불러온 이미지 복제/배치하기 ㆍ 037
SECTION 03 다양한 형태로 영역 선택하기 ㆍ 038
SECTION 04 도형 만들기와 펜 도구 ㆍ 042
_ 도형 그리기 ㆍ 042
_ 펜 도구 ㆍ 044
SECTION 05 크기 변경 및 자르기 ㆍ 045
_ 크기 변경하기 ㆍ 045
_ 이미지 자르기 ㆍ 047
SECTION 06 레이어 패널 자유자재로 다루기 ㆍ 050
_ 레이어 패널 기본 기능 ㆍ 050
_ 클리핑 마스크 설정하기 ㆍ 055
SECTION 07 레벨 기능으로 본래의 색상 찾기 ㆍ 056
_ 선명한 색상 되살리기 ㆍ 056
_ 흰색 배경 되살리기 ㆍ 057

[연습 02] 상세 컷으로 간단하게 완성하는 의류 상세 페이지 ㆍ 058
SECTION 01 메인 이미지 영역 ㆍ 060
SECTION 02 기본 이미지 영역 ㆍ 065
SECTION 03 디테일 이미지 영역 ㆍ 073
SECTION 04 제품 사이즈 표 영역 ㆍ 077

[실전 01] 고급과 엔틱을 지향하는 전자 제품 ㆍ 082
SECTION 01 그림자 효과가 돋보이는 로고 디자인 ㆍ 085
SECTION 02 영문 카피를 장식처럼 활용한 카피 영역 ㆍ 089
SECTION 03 깔끔하면서 엔틱한 메인 이미지 영역 ㆍ 092
SECTION 04 일상 소품임을 표현하는 콘셉트 사진 영역 ㆍ 096
SECTION 05 사진과 한 줄 텍스트로 표현하는 제품 특징 영역 ㆍ 103
SECTION 06 주요 기능을 강조하는 제품 설명 영역 ㆍ 112
SECTION 07 배경을 흑백으로 처리한 세부 명칭 영역 ㆍ 122
SECTION 08 제목 행에 포인트를 준 제품 사양 영역 ㆍ 129

[실전 02] 청결하고 정성스런 먹거리 ㆍ 134
SECTION 01 제품 사진이 돋보이는 메인 이미지 영역 ㆍ 137
SECTION 02 그레이디언트 배경으로 만든 카피 영역 ㆍ 144
SECTION 03 깔끔하면서 단조롭지 않은 재료 소개 영역 ㆍ 148
SECTION 04 믿을 수 있는 먹거리 인증 마크 및 제작 과정 영역 ㆍ 159
SECTION 05 신뢰감을 높이는 브랜드 스토리 영역 ㆍ 166
SECTION 06 구매자를 배려한 먹는 방법(사용 방법) 영역 ㆍ 170
SECTION 07 빠른 정보 전달을 위한 간단한 인포그래픽 ㆍ 173

[실전 03] 젊은 층을 겨냥한 뷰티 제품 ㆍ 182
SECTION 01 패키지 디자인과 글꼴을 맞춘 카피 영역 ㆍ 185
SECTION 02 사선 디자인을 활용한 메인 이미지 영역 ㆍ 188
SECTION 03 메인 디자인 포맷으로 활용할 효과 영역 ㆍ 197
SECTION 04 간단한 일러스트로 표현한 제품 효과 영역 ㆍ 204
SECTION 05 신뢰도를 높여줄 SNS 후기 영역 ㆍ 209
SECTION 06 친환경성과 안전함을 표현한 재료 영역 ㆍ 215
SECTION 07 말풍선으로 귀엽게 표현한 사용감 영역 ㆍ 222
SECTION 08 해시태그 느낌으로 꾸민 추천 영역 ㆍ 229
SECTION 09 안정성을 보여줄 피부자극 테스트 영역 ㆍ 234
SECTION 10 깔끔하게 정리한 필수 입력 정보 영역 ㆍ 238

[실전 04] 일상에서 소화하는 여성 의류 ㆍ 244
SECTION 01 대표 사진으로 간단하게 완성한 메인 이미지 영역 ㆍ 247
SECTION 02 잡지 스타일로 연출한 디테일 컷 영역 01 ㆍ 253
SECTION 03 잡지 스타일로 연출한 디테일 컷 영역 02 ㆍ 257
SECTION 04 단순 디테일 컷 & 쇼핑 체크 영역 ㆍ 264
SECTION 05 섬유 조직 사진으로 강조한 재질 표시 영역 ㆍ 268
SECTION 06 색상 종류 및 사이즈 표 영역 ㆍ 274

찾아보기 ㆍ 289