온라인 쇼핑몰 오프라인과 어떻게 경쟁할 것인가?
“내가 어제 옷을 샀는데, 그 가게 직원이 너무 친절하더라고. 내가 고른 옷에 어울리는 코디방법에서부터 옷 세탁 방법, 손질 방법까지 조목조목 다 설명해주는데. 옷도 물론 맘에 들었지만 그 직원 때문에 옷을 샀잖아.”
“보기 좋은 떡이 먹기에도 좋다는 말은 어디에나 해당되는 것 같아. 매대에 아무렇게나 쌓아두고 팔 때는 눈에 들어오지도 않던 옷이, 구김도 쫙 펴고 옷걸이에 걸어서 새상품처럼 진열해두니까 달리 보이더라.”
“이 고추장, 새로 나온 제품이라는데 마트에서 시식해보니 맛이 괜찮더라고. 그래서 바꿨어.”
앞의 상황들은 우리는 오프라인에서 물건을 구입할 때 종종 겪는 일이다.
그렇다면 온라인에서 물건을 판매할 때는 친절한 점원, 같은 상품도 다르게 보이는 디스플레이, 오감을 자극하는 판촉 활동을 무엇으로 대신해야 하는가?
10초 안에 구매자의 시선을 잡아라!
시각적인 정보밖에 줄 수 없는 온라인에서는 ‘상품소개 페이지’가 바로 매장 분위기이자 상품 디스플레이이자 친절한 점원이다.
특히나 같은 많은 판매자들이 경쟁하고, 동일한 상품을 판매하는 경우가 많은 옥션, G마켓, 온켓 등과 같은 오픈 마켓에서 판매를 해야 한다면 상품소개 페이지가 더욱 중요하다.
상품소개 페이지는 단순한 제품 설명이 아니라, 소비자의 구매욕을 자극시킬 수 있는 비주얼 마케팅이다.
구매자의 지갑을 여는 초보자도 따라하기 쉬운 디자인 방법
이 책은 온라인에서 상품을 판매하는 사람들에게 상품 소개 페이지, 배너, GIF 애니메이션까지 구매자의 지갑을 열게 만들 초보자도 따라하기 쉬운 디자인 방법을 소개하고 있다. 방대한 포토샵에서 군더더기는 쏙 빼고, 상품소개 페이지를 만들기 위해 필요한 내용만을 모았다. 이제 <지갑이 열리는 쇼핑몰 사진>이라는 책으로 직접 상품사진을 찍는 온라인 판매자들을 감동시켰던 저자의 상품소개 페이지 제작 비법도 만나보자.
Part 1. 상품소개 페이지를 만들기 위한 준비사항
01. 상품소개 페이지란 무엇인가
1. 상품소개 페이지는 매장 디스플레이, 그리고 친절한 점원과 같다
2. 상품소개 페이지가 갖추어야 할 요건
3. 상품소개 페이지는 포토샵으로 만드는 것이 좋다
02. 오픈마켓에 대하여 알아보자
03. 오픈마켓에 이미지를 올리려면 계정이 필요하다
04. 실전! 오픈마켓에 상품소개 페이지를 올리자
1. 온켓에 상품등록 하는 방법
<스페셜 팁> 이미지 링크 걸기
2. 옥션에 상품등록 하는 방법
3. G마켓에 상품등록 하는 방법
4. 나까마에 상품등록 하는 방법
<스페셜 팁> 오픈마켓 판매 금지 상품
Part 2. 상품소개 페이지를 만드는 다양한 방법
* 상품소개 페이지 제작순서
01. 촬영한 사진 사이즈 조절하기
1. 상품사진에서 잡티 없애기
– 사진에 나타난 흠 감쪽같이 지우기
– 배경색을 깔끔하게 만들어보자
2. 이미지 사이즈를 조절하는 대표적인 2가지 방법
– [Image Size] 명령을 이용한 이미지 사이즈 조절하기
– 크롭 툴을 이용하여 이미지 사이즈 조절하기
02. 상품 이미지 배경에서 분리하기
1. 펜 툴로 상품 이미지와 배경 분리하기
2. 클릭만으로 쉽게 배경에서 상품 이미지 분리하기
– 펜 툴이 어렵다면 올가미 툴로 분리해보자
– 마술봉 툴로 간단하게 분리하기
3. 크롭 툴만으로도 이미지를 분리해 낼 수 있다
03. 상품에 어울리는 배경 만들기
1. 깔끔함이 돋보이는 단색 배경
2. 세련된 그라데이션 배경
3. 클릭 한번으로 배경 쉽게 바꾸기
– 스타일 기능을 이용하면 배경이 뚝딱!
– 단조로운 배경, 패턴으로 확 바꾸기
04. 상품 이미지에 글자 입력하기
1. 상품 설명 카피와 상품 종류 표시하기
2. 제품 이미지 위에 제품 설명 넣기
3. 제품 배경에 제품 설명 넣기
4. 글자를 박스 처리하여 강조하기
5. 도용방지를 위한 워터마크 넣기
6. 배송, 교환, 반품 안내 게시물 만들기
7. 품절 상품 표시하기
8. 네온사인 효과로 로고 화려하게 만들기
05. 제품 사이즈 표기하기
1. 평면으로 사이즈를 표기하는 방법
2. 입체적으로 사이즈를 표기하는 방법
06. 내용을 일목요연하게 정리할 수 있는 표
1. 간단한 표 만들기
2. 알록달록 화려한 표 만들기
07. 제품의 일부분을 톡톡 튀게 표현하는 여러 가지 방법들
1. 제품의 일부분을 강조하여 보여주기
2. 제품의 일부분을 확대하여 보여주기
3. 모델의 얼굴이나 특정부분 가려주기
08. 여러 개의 제품 이미지를 한번에 보여주기
1. 색상이 서로 다른 동일한 제품을 한번에 나열해 보여주기
– 수직으로 배열하기
<스페셜 팁> 이미지 여러 개 한꺼번에 자르기
<스페셜 팁> 레이어 정렬하기
– 수평으로 배열하기
<스페셜 팁>단순 반복 작업은 액션 기능에 맡겨라
2. 제품을 겹쳐서 배열하기
– 제품을 살짝 포갠 듯이 보여주기
– 불규칙적으로 배열하기
09. 다른 사진과 제품 이미지 합성하여 다르게 보여주기
1. 멋진 풍경사진을 배경으로 만들어 제품 보여주기
2. 웹페이지를 배경으로 해서 제품 보여주기
– 모니터에 보이는 화면 캡쳐하기
– 웹페이지와 상품 이미지 합성하기
3. 이미지 사진 위에 제품 올려 놓고 보여주기
10. 제품이나 이름을 박스 처리하여 돋보이게 만들기
1. 제품 이미지를 박스 처리하여 강조하기
2. 배경에 문양 만들기
<스페셜 팁> 쓰임새 많은 커스텀 셰이프
11. 제품에 그림자를 만들어 입체감 살리기
1. 제품에 그림자 효과를 넣어 입체감 살리기
2. 바닥에 투영된 듯한 그림자 만들기
12. 고객 평가글 편집하여 보여주기
1. 좋은 평의 고객 평가글만 모으기
2. 고개 평가글 좀 더 튀게 편집하기
13. 상품소개 페이지를 멋스럽게 만드는 다양한 효과
1. 중요한 내용은 이곳에 – 포스트잍 만들기
– 단순한 그림자 효과 적용하기
– 정밀한 그림자 효과 적용하기
2. 클릭하고 싶은 올록볼록 버튼 만들기
3. 제품 태그 만들기
4. 바 코드 만들기
<스페셜 팁> 상품소개 페이지 제작을 대신해주는 이미지 대행사
Part 3. 애니메이션 효과를 이용하여 움직이는 페이지 만들기
01. 움직이는 제품 이미지 만들기
1. 제품을 돌려보듯이 움직이게 만들기
2. 색상이 다른 동일한 제품이 돌아가듯 디스플레이 되게 만들기
3. 배경을 움직이게 만들기
4. 제품과 배경이 동시에 움직이는 이미지 만들기
5. 배경이 뱅글뱅글 돌아가는 배너 만들기
02. 문자가 움직이는 효과
1. 글자가 점점 커지는 광고판 만들기
2. 제품과 문자가 적절히 섞여 움직이는 이미지 만들기
03. 특정 부분만 움직임 효과주기
1. 반짝반짝 빛나는 제품
2. 제품의 특정부분만 움직이게 만들어보자
3. 특정부분만 움직일 때 효과적인 여러 가지 방법
04. 상점/판매자 로고를 이용한 배너 만들기
1. 상점 이름도 움직이게 만들어보자
2. 따르릉~ 따르릉~ 전화기가 움직이는 배너
3. 로고, 배경, 전화 번호가 복합적으로 움직이는 배너
