매출과 구매전환율을 높이는 상세페이지 기획 디자인

고객의 시선을 사로잡을 수 있도록

우리의 상품이 돋보일 수 있도록

상품의 특징을 살려 첫인상을 결정짓고 고객의 구매를 좌우하기 위해서는 상품을 그 자체로 돋보일 수 있게 하는 도구가 필요합니다. 쇼핑몰, 쿠팡/G마켓/옥션, 스마트스토어, 오픈마켓 등의 온라인 플랫폼에서는 바로 그 도구가 ‘상세페이지’일 것입니다. 단순히 글과 이미지로만 이루어진 상세페이지가 아니라, 고객의 시선을 사로잡고 결국에는 ‘구매하기’ 버튼을 클릭하게 만드는 상세페이지 말입니다.

이 책에서는 32가지 예제를 통해 누구나 쉽게 상세페이지 제작할 수 있도록 안내합니다. 처음부터 순서 대로 학습해도 되고, 온라인으로 상품을 판매할 때 꼭 필요한 주제들을 차곡차곡 엮어놓은 만큼 백과사전처럼 자신의 상황에 맞는 주제만 골라서 살펴볼 수도 있습니다. 원하는 대로 자유롭게 레이아웃을 표현할 수 있고 디테일을 살린 정교한 편집이 가능해서 브랜드와 상품을 돋보이게 하는 데 안성맞춤인 포토샵으로 구체적인 타깃에 맞는 맞춤형 상세페이지를 함께 제작해봅시다. 포토샵 파일을 한 번만 잘 만들어두면 저작권 걱정 없이 상업적으로 다양한 곳에 활용할 수 있을 것입니다.

제품 상세페이지 기획과 디자인

더 이상 혼자 고민하지 마세요

『매출과 구매전환율을 높이는 상세페이지 기획&디자인』에서는 고객의 행동 패턴과 심리를 파악해 구매로 이끄는 구체적인 방법과 보기에도 편하고 이목을 끌 수 있는 디자인에 대해 상세하게 안내합니다. 그리고 포토샵을 처음 접하더라도 쉽게 따라 할 수 있도록 포토샵 설치 방법부터 상세페이지 디자인에 적합한 작업 환경, 실전에서 바로 써먹을 수 있는 필수 기능들까지 하나하나 섬세하게 살펴봅니다. 실제로 벌어질 수 있는 상황에 맞는 다채로운 32가지 예제 실습이 디자인 실무 경험이 필요한 분들께, 디자인 감각을 넘어 기획력을 높여보고 싶은 분들께 큰 도움이 될 것입니다.

저자 직강 유튜브 ‘도비마스터’ youtube.com/@dobemaster

이 책이 필요한 독자

- 우리 상품만의 특성을 제대로 살리고 싶은 쇼핑몰 사장님

- 직접 스마트스토어 상세페이지를 제작해보고 싶은 소상공인

- 디자인 감각을 넘어 기획력을 높여보고 싶은 디자이너

- 고객의 마음을 관통하는 상세페이지로 매출을 늘리고 싶은 분

- 쿠팡, 옥션, G마켓 상품 클릭률이 구매전환율로 넘어오지 않아 고민인 분 

조수진

유튜브와 네이버TV ‘도비마스터’ 채널에서 초보자를 위한 동영상 편집 및 상세페이지 디자인

튜토리얼을 공유하고 있습니다. 상세페이지와 영상 제작 분야에서 강사로도 활동하고 있습니다.

- 『SNS 광고 영상을 위한 프리미어 프로: 기획부터 편집까지』, (영진닷컴, 2021) 저자

- 나혼자살림 디자인팀 팀장

PART 01 고객의 시선을 사로잡는 비밀 노트

_01 상세페이지란?

_02 상품 상세페이지의 최신 트렌드 이해하기

_03 한눈에 살펴보는 상품 상세페이지 기본 구성

_04 상품군에 따른 상세페이지 제작 꿀팁

_05 팔리는 상세페이지 기획 방법

PART 02 상세페이지 제작 기본기 다지기

_01 포토샵 설치하기

_02 포토샵 화면 구성 및 주요 패널 살펴보기

_03 포토샵 도구 패널 살펴보기

_04 포토샵 환경 설정하기

_05 상세페이지를 제작할 작업 환경 만들기

_06 작업 영역 생성/저장/불러오기

_07 포토샵 레이어 이해하기

_08 디자인 꿀팁 사이트

PART 03 포토샵 필수 기능 익히기

_01 이미지에 불필요한 부분 제거하기

_02 상세페이지 사진 보정하기

_03 상품 이미지에서 특정 부분 색상 변경하기

_04 모델 인물 사진 보정하기

_05 경계선이 모호한 대상을 배경과 분리하기

_06 레이어 마스크 이해하기

_07 클리핑 마스크 이해하기

_08 현실감 있는 그림자 넣는 방법

PART 04 프로모션 상세페이지 제작하기

_01 할인 특가 프로모션

_02 카카오톡 친구 추가 프로모션

_03 리뷰 이벤트 프로모션

PART 05 공지 사항 상세페이지 제작하기

_01 공휴일 배송 일정 안내

_02 제품 사이즈 및 상세 정보 안내

_03 교환 및 반품 안내

PART 06 리뷰 상세페이지 제작하기

_01 검색 상위권 노출 정보 활용

_02 고객 리뷰 활용 (1) - 이미지

_03 고객 리뷰 활용 (2) - 만족도 조사 그래프

PART 07 문제점 상세페이지 제작하기

_01 평점 낮은 리뷰 활용

_02 공감을 불러일으키는 문제점 활용

PART 08 인트로 상세페이지 제작하기

_01 대표 이미지만을 활용한 간단한 인트로

_02 영문 카피를 활용한 인트로

_03 제품 사진이 돋보이는 인트로

_04 패턴을 활용한 인트로

PART 09 핵심 포인트 상세페이지 제작하기

_01 아이콘을 활용한 핵심 포인트

_02 텍스트를 활용한 핵심 포인트 (1)

_03 텍스트를 활용한 핵심 포인트 (2)

_04 제품 사진을 활용한 핵심 포인트

PART 10 상품 추천 상세페이지 제작하기

_01 제품 비교를 위한 상세 영역 디자인

_02 제품의 상세 영역 강조

_03 체크리스트를 활용한 제품 추천

_04 아이콘을 활용한 제품 추천

PART 11 움직이는 GIF 상세페이지 제작하기

_01 기본 중 기본 (1) - 사진을 활용한 GIF

_02 기본 중 기본 (2) - 영상을 활용한 GIF

_03 텍스트가 나타나는 GIF

_04 움직이는 인트로

_05 롤링되는 리뷰 리스트

_06 리뷰 숫자가 랜덤으로 나타나는 효과

_07 색이 변하는 텍스트 효과

_08 빛이 지나가는 텍스트 효과

_09 채팅처럼 하나씩 등장하는 리뷰 리스트