영상 보러가기 : https://www.youtube.com/watch?v=3xUaYqRW_WQ
이번 포스팅은 실제 포토샵 실습 위주로 진행하므로, 되도록 영상 시청을 추천드립니다! :)
여러분 안녕하세요~ ^^ 개발자 이유상입니다.
온라인 창업에 관한 궁금증을 풀어보는 시간이 돌아왔습니다.
----
잠깐! 글을 보기 전 아래에 가입해주시면 더 좋은 내용을 자주 받아보실 수 있답니다~ :)
► 온라인창업 함께하기 유투브 : https://www.youtube.com/channel/UCbyeEVfWpIqT6c2HU3hOXOg - 구독 부탁드려요! 좋은 자료 공유하겠습니다 :)
► 온라인 창업자 모임 카페 : https://cafe.naver.com/onlinehobby - 자신의 글을 올리고 서로 토론해요!
► 온라인 창업 동호회 카톡 : https://open.kakao.com/o/g8XKWvzb - 카톡으로 간단한 커뮤니케이션도 함께해요~
----
오늘은 “상품 상세페이지 제작하기” 를 쉽게 알아보겠습니다.
여러분, 상품 상세페이지가 무엇일까요?
상품 상세페이지… 상품을 상세하게 설명하는 건가? 생각이 드셨나요?
네 맞습니다. 상품 상세페이지는 “상품을 돋보이게 하는 모든 내용이 담겨있는 콘텐츠”를 뜻합니다.
만약 여러분이, 어떤 상품을 사고싶어요. 그래서 핸드폰으로 검색을 해보고 관심가는 상품의 소개를 보는데,
사진도 대충 찍은거 같고, 기능은 어떤게 있는지 설명도 안되어있고, 사이즈도 모르겠고, 심한경우 설명하는 글자도 중국어가 쓰여져있어서 못알아본다면 그걸 사실건가요?
절대 아니죠~
여러분이랑 저는 당연히 직관적으로, 잘 설명된 상품을 살거에요. 설마 ㅎㅎ 아닌분은 없겠죠? ㅎㅎ
저는 상세페이지란 바로,
“상품의 정보를 충실히 보여주는 상품“,
“고객 타겟층에 맞춰 감성을 자극하는 디자인”
이 두가지를 합쳐 만드는것이 제일 중요하다고 생각해요.
예를 하나 들어볼까요? 텀블러를 구매한다고 하면, 텀블러가 어떻게 생겼는지 먼저 볼것이고 실제 사이즈는 얼마나 되는지, 물이 새는지 안새는지, 보냉 보온은 얼마나 오래 되는지, 결로현상은 없는지와 같은 정보들이 당연히 알아볼수 있게 쓰여 있어야겠죠? 그런데 그걸 그냥 글자로만 하느냐? 그건 또 아니에요. 이쁜 사진과, 일부 특수효과를 통해서 보다 멋진 이미지를 만들면 사람의 뇌리에 팍 박혀서 구매하게 되는거죠!
다시한번 강조드릴게요. 상품에 대한 정보를 충실히 보여주고, 그 정보들을 보다 확실히 와닿게 직관적으로 디자인으로 풀어낸 것. 이것이 상세페이지에서 제일 중요하다 생각하시면 됩니다.
상품을 직관적으로 알아볼수 있는
1. 사진
2. 가격
3. 사이즈
4. 색상
5. 무게
6. 기능과 같은 상품을 나타내는 기본적인 설명부터,
7. 제품 관련 인증서
8. 상품을 사용해본 고객들의 멋진 후기까지
9. … 상품과 관련된 모든 콘텐츠를 조합해서 만든것이
“상품 상세페이지” 입니다.
그렇다면, 상세페이지는 “소비자가 필요로 하고, 소비자에게 어필할수 있는 정보들을 적절하고 이쁘게 구성해 딱 보자마자 뇌리에 박혀서, 구매하고 싶은 상품으로 만드는 역할” 을 한다 할수 있겠죠.
자, 바로 상품 상세페이지를 만드는 실습을 해볼까요?
상품을 설명하는 통짜 이미지를 만들어볼거에요. 이게 제일 중요하니 꼭 집중하세요!
저같은 경우는 중국 1688.com 을 통해 상품을 구매하기로 했었는데요.
바로 탈부착 가능한 시계줄이었죠. 기억 나시죠?
이전 시간에서 1688을 통해서 상품을 사고 한국에 상품을 들여오는 방법을 알아봤죠?
이제 실제로 물건을 팔기 위해서는 상품을 고객님들이 구매할수 있게 해야할텐데요?
바로 그 상품을 소개하는 설명을 우리 쇼핑몰에 올리기 위해서 필요한, 상세페이지를 만들어 볼거에요~
지금부터 저는 1688에 있는 상품 소개를 따와서, 우리 감성에 맞는 상품페이지로 변신시켜 볼거에요.
어려울거 같죠?
긴장하지 마시고, 따라오세요.
처음엔 어려워도 몇번 하시면 금방 적응될거에요. 수첩에 그림을 그린다고 생각하고 따라오시면 됩니다.
[컴퓨터 화면]
자, 컴퓨터로 들어왔어요.
기억 나시나요? 저같은 경우엔 이전영상에서 1688.com 에서 스마트워치 호환 시계줄 제품을 사와서 판매하려 했었는데요.
나일론 소재라서 운동용으로 적당하고, 가격도 저렴해 끼웠다 뺄수 있는, 교체 가능한 시계줄을 판매하려고 했었습니다.
(https://detail.1688.com/offer/581616625384.html?spm=b26110380.sw1688.mof001/.1.7c0e5b0dMb2T48)
아래로 한번 내려볼게요. 여기에 여러가지 설명들이 있죠?
조금 전에 말한것처럼 상품을 소개하는 모든 콘텐츠가 모여있네요.
규격, 사이즈, 재질, 실생활 촬영샷 등 고객님들이 궁금해 할만한 모든 내용들이 있습니다.
이것들을 모아 상품 상세페이지라고 부릅니다.
만약 여러분이 이 상품처럼 1688.com 에서 상품을 소싱하기로 했다면, 해당 상품의 설명 이미지를 따와서 사용하는게 제일 간단할거에요.
참고로, 1688.com 에 있는 상품중 많은 수가 상세페이지 작업이 제대로 안되어 있는 경우가 많은데, 개인적으로는 이렇게 작업이 잘된 상품을 고르시기를 추천드립니다.
상품 페이지를 만드는 방법에는 여러가지가 있을텐데요,
직접 사진 찍어서 디자인 싹 다하는 방법이 있겠지만 이건 초심자에게는 정말 힘든 작업이 될게 확실해서 추천드리지는 않습니다.
초심자라면 저는 1688.com에서 소싱한 아이템의 상세페이지를 따와서 적절히 편집해 사용하기를 추천을 드리고 싶어요.
이미 제작된 상세페이지 이미지를 가져와서 적절히 편집하고, 내 상품이라는 느낌을 내도록 편집을 할수 있어요. 힘들겠지만 몇번 따라해보시면 금방 적응 되실거에요.
먼저 이미지를 편집하려면 컴퓨터에 다운로드 해두어야겠죠?
1. 이미지들에 마우스를 올리고, 하나하나 우측클릭 - 다른이름으로 저장 을 누릅니다.
2. 이후 적당한 위치에 이미지를 저장합니다. 이름도 적당히 입력하시면 돼요. 어떤분은 상단이미지, 중간이미지, 하단이미지 이렇게 하는분도 계시는 반면 직관적으로 1 2 3 4 ... 이렇게 저장하는 분들도 있어요. 여러분 마음대로 저장하시면 됩니다.
3. 이미지를 잘 저장했는지 체크할게요.
4. 이제 저는 저장한 이미지를 “포토샵” 이라는 프로그램을 통해 편집을 할거에요.
1. 포토샵이란? 간단히 공책에 그림을 그리듯 컴퓨터에서 편집하도록 도와주는 프로그램이라고 보시면 돼요. 이미지를 이리저리 옮기고, 좀 흐리게 한다던가, 이미지 위에 글씨를 쓴다던가.. 이미지 편집을 위해 필요한 프로그램이죠.
2. 그럼 먼저 포토샵을 설치해볼까요? 구글에 들어가서, “포토샵 체험판 다운로드”를 입력합니다.
3. 그럼 이런식으로 adobe 홈페이지가 나오는데요, 어도비는 그래픽 관련 모든 툴을 제공해주는 회사입니다. 많이들 들어보셨을만한 그림을 그릴수 있는 일러스트레이터, 영상 편집으로 제일 잘 알려진 프리미어 같은 프로그램도 다운로드가 가능합니다.
4. 여기에서 포토샵 체험판 설치를 진행하시면 설치가 이루어집니다.
5. 설치가 완료되면 제한된 기간동안 무료로 사용이 가능해요.
6. 개인적으로 개발자였었기에 이런 프로그램들은 돈을 주고 사용하는게 맞다고 생각해요. 하지만 돈의 부담이 되시는 분들을 위한 무료 프로그램도 있답니다. 물론 기능이 좀 차이가 나기는 해요~
7. 포토샵을 잘 설치하셨다면 이런 프로그램이 생깁니다.
5. 자~ 포토샵을 실행시켜봅니다.
6. 우리가 다운로드한 이미지들이 여러개 있죠? 이것들중 맨 첫번째꺼를 포토샵으로 실행시켜볼게요~
7. 짜잔! 이렇게 이미지가 불러와 졌어요~
8. 좌측에 있는 아이콘들을 하나하나 살펴보시면 여러분이 필요로 하는 모든 기능들이 모여있어요. 여기 위에 이제 글자도 입력하고, 사진 편집도 하고, 지우고… 조금만 공부하면 여러분이 하고싶은 모든것들을 할수 있어요~
개인적으로 이 사진을 보았을 때 언어가 중국어이기에 알아볼수가 없었어요.
1688.com 에 있는 대부분의 상품페이지가 중국어이기 때문에, 번역을 하는게 제일 중요한 것 같아요. 여러분도 동의하시죠?
[핸드폰 화면 촬영]
번역을 위해서는 이런식으로 핸드폰으로 라이브 번역을 할수도 있어요.
[다시 컴퓨터로 돌아와서]
하지만!! 어떤 방법으로 번역하는게 제일 좋을까? 생각해 보니 저는 경쟁사의 상품페이지를 찾아보는 것이 중요하지 않을까 합니다.
저작권등의 문제가 있기에 상품페이지를 비교하는걸 직접 보여드리지는 못하겠지만,
저 같은 경우는 네이버에 동일한 상품을 검색할거에요.
네이버에 “애플워치 스포츠 루프” 검색을 한 후에, 마음에 드는 상품페이지를 찾아서 해당 상품페이지에서 어떤 식으로 설명하는지 참고하면 됩니다.
** 개인적으로 옥션 지마켓 11번가등의 상품들을 적어도 두개, 세개정도는 분석하는 게 필요하다 생각해요. 적어도! 그렇게 해야만 자신의 상품을 보다 효율적으로 소개할수 있는것이죠.
자… 다시 포토샵으로 돌아와서, 이런 이미지를 편집해야겠죠.
이 중국어를 선택하고, 지우고, 한국어를 입력합니다.
어렵게 생각하지 말고, 직접 종이 위에 있는 이미지를 옮기고, 지우는 것처럼 생각하시면 돼요.
경쟁 상품페이지를 분석한걸 토대로, 만약 경쟁제품이 없는 특별한 상품이라면 자신만의 설명을 입력하면 됩니다.
이미지를
(위 텍스트를 가리키며) 자, 이거는 직접 입력한 글자에요.
(아래 이미지를 가리키며) 그런데, 이건 글씨가 좀 흐리죠?
바로 이건, 하나의 편집된 사진 이미지 이기 때문이에요.
글씨는 컴퓨터가 인식할수 있지만,
이미지는 그저 하나의 사진이라고밖에 인식을 못하는거죠.
그래서 우리는, 이 이미지도 해석하기 위해 방법을 찾아봐야 해요.
자 여러분, 잘 따라오세요!
번역을 위해서 이렇게 구글 번역이라는 핸드폰 앱을 활용해 보았는데요,
되게 어색하게 번역이 되었었죠?
옥션/지마켓 등에서 비교하는게 맞다
나중에 촬영하고 찍는방법도 알려드리도록 하겠습니다.
자 그렇다면 어떻게 해야 사고싶은 상품이 될수 있을까요??
이미지 밑에 글을 넣는 쉬운 레이아웃 설명
[직접 얼굴나온 화면]
이렇게 저만의 상품 상세페이지가 완성되었습니다.
간단한 편집만으로 훨씬 보기 쉬운 디자인이 완성되었는데요.
직접 해보니 어떤가요? 제가 장담하는데, 몇번만 해보시면 여러분도 상품 상세페이지를 편집하실 수 있을거에요.
이번시간엔 포토샵이라는 프로그램을 사용했는데요, 포토샵 말고 다른 프로그램도 많지만, 포토샵을 추천드릴게요.
이 포토샵이라는 프로그램이 정말 역사가 정말 오래된만큼 여러분이 어려움을 겪을 때 어려운점 해결 방법 찾기가 정말 쉬울거에요.
영상 보러가기 : https://www.youtube.com/watch?v=3xUaYqRW_WQ
'기본' 카테고리의 다른 글
| 럭키 랜덤박스 1+1+1 만물상 박스 (0) | 2020.08.25 |
|---|---|
| 오랜 고민 끝 사업을 시작하였습니다. (0) | 2019.06.19 |
| 가끔씩은 쉬어갈때도 필요하다. (0) | 2019.05.27 |
| 우리나라에서 제일 크고 넓은! 다이소 Daiso 고속 터미널점을 방문하다. [다이소 강남 고속터미널점 방문후기] (0) | 2019.04.28 |
| 아이패드 프로 3세대 11인치 후기 - 10분만에 내 품에서 떠난 아이패드 (0) | 2019.04.18 |
쉐어 박스
자유로운 생각을 메모하는 장소