노마드 라이프/내가 경험한 이커머스

[상세페이지 디자인] 상품 썸네일 이미지, 이미지 쉽게 만들기위한 이미지편집기 망고보드 스마트편집기 캔바

해니 2021. 4. 7. 17:58
반응형

스마트스토어, 쇼핑몰 상품 썸네일 이미지, 상세페이지 쉽게 만드는 툴 소개

스마트스토어, G마켓, 쿠팡 등 쇼핑몰에 입점하여 상품을 판매하기 위해서 각각의 쇼핑몰에서 제공하는 판매자센터의 양식에 맞추어 이미지를 제작하여 업로드를 해주어야 한다. 

온라인에서는 오프라인과 다르게 상품의 정보를 물어보거나, 만지거나 먹어보거나 할 수 없기 때문에 상세페이지와 썸네일이미지에서 상품의 정보를 충분하게 획득할 수 있도록 소개해주는것이 좋다. 

[ 썸네일 이미지 ]

* 스마트스토어 기준 상품 썸네일 이미지 사이즈 기준 : 1000px * 1000px
* 글씨는 최소화 
* 광고를 돌릴 때 이미지에 글씨가 들어있으면 안됨. 이미지의 20%내로 텍스트를 입력하거나, 텍스트 없이 제작

[ 상세페이지 ]

* 스마트스토어 기준 상품 상세페이지 사이즈 기준 : 가로 860px
* 상세페이지에는 상품의 디테일한 정보 + 상품 상세 정보고시의 내용 등의 충분한 정보를 포함하여 제작


포토샵을 사용할 수 있는 사업자들도 계시지만, 
포토샵이나 디자인이 어려운 분들을 위해 보다 쉽게 이미지를 제작할 수 있는 툴 몇가지를 소개해드리려고 한다. 

1. 스마트편집기  


- 온라인 플랫폼 회사에 다닐때 주로 사용하던 툴이다.
- 영역별로 템플릿, 그리고 쇼핑몰별 사이즈/구성 등을 제공해주어 쇼핑몰마다 다른 양식을 보다 쉽게 맞춰 제작할 수 있다. 

 

스마트편집기 스마트한디자인 상세페이지 자동 제작

최신 스마트편집기 070-8785-8282 상세페이지 자동 제작 누구나 쉽게 만들고, 빠르게 등록하는 스마트편집기

www.smarteditor.co.kr

쇼핑몰별로 자동 상세페이지를 제작할 수 있고, > 오른쪽 영역선택에서는 이미지까지 제공을 해주어
쉽게 상세페이지, 딜페이지 등을 구성할 수 있다. 

- 오른쪽에 디자인선택을 누르면, 해당 영역에서 사용할 수 있는 다양한 이미지를 제공해주어 "텍스트" 만 변경하여 사용할 수 있도록 해준다. 

이런식으로 텍스트 크기, 글씨체, 컬러, 이미지 등을 변경하여 쉽게 한 페이지를 뚝딱뚝딱 만들어 사용하시길!! 
직접 처음부터 모두 만들지 않아도 되니, 시간이 많이 절감될 것이다. 


2. 망고보드

 

망고보드

디자인 제작 도구 망고보드 – 카드뉴스, 인포그래픽, 프레젠테이션, 포스터, 배너, 유튜브썸네일

www.mangoboard.net

위에서 소개를 해드렸던 스마트편집기는 "상세페이지" 를 쉽게 만들기위한 툴이라면, 
망고보드는 상세페이지 및 다양한 디자인 탬플릿을 제공해준다. sns, 인스타그램, 페이스북, 광고, 상세페이지, 썸네일, 블로그 등의 전반적인 모든 템플릿을 갖고있다고 생각하시면 된다. 

이 중 우리가 필요한것은 "상세페이지" 이다.  간단히 어떤 기능들을 제공하는지 알아보자. 

 

템플릿이 굉장히 다양하다. 무료로 사용할 수 있는 템플릿과, 유료 템플릿이 있다.
* 무료로 사용하는 경우 "망고보드" 라는 워터마크가 박아져 받아지니 이 부분 주의하여 진행하시길 바란다. 

하나의 맘에 드는 템플릿을 선택 후 이미지와 글씨들을 변경해주면서 템플릿의 상세 내용들을 내가 판매하는 상품의 내용들로 채워, 사이즈에 맞게 다운로드를 받으면 된다. 

상세페이지 뿐만 아니라 SNS , 광고배너 등을 제작할때도 자유롭게 사용이 가능하기때문에 아주 유용하게 사용할만한 이미지툴이다. 


3. CANVA (캔바)

https://www.canva.com/

망고보드와 거의 유사한 툴이다. 캔바 역시 무료/유료 템플릿들을 제공하고 상세페이지 , SNS , 페이스북 등의 이미지를 손쉽게 편집할 수 있도록 정형화된 템플릿들을 제공해준다. 

보다 쉽게 이미지를 편집하고, 제작할 수 있다. 
망고보드는 국내 회사로써, 한국에 특화되어있는 편집기라면 canva는 호주 스타트업으로써 160개국에 제공하고 있는 편집기이다. .

"상세페이지" 보다 "컨텐츠" 에 보다 특화되어 있는 툴이다. 
원하는 형태의 이미지를 선택한 후 망고보드처럼 텍스트 크기, 이미지, 컬러를 수정하면 되는 방식이다. 

 이런식으로 포스터, 전단지, 상세페이지 이미지를 만들 수 있다. 

망고보드,CANVA를 모두 써 보며 느낀것은. 
망고보드는 상세페이지 템플릿 자체를 제공해주니 편하게 상세페이지 제작이 가능하다. 반면에 CANVA는 전단지 형태의 템플릿으로 제작하여 붙여야하는 불편함은 있다. 

그렇지만 두개의 툴 모두 다양한 탬플릿, 클립아트, 폰트 등 여러가지가 있어서 편하게 사용할 수 있고,

망고보드보다 CANVA에 템플릿이 더욱 다양하게 많다.

대신 호주라 한국어에 제공되는 폰트와 제공되지 않는 폰트가 있다는것!

참고하시길 바란다.

 


오늘은 이렇게 상세페이지 이미지를 보다 쉽게 제작하기 위한
이미지 편집기들을 알아보았다. 

다음 포스팅은 상품 등록을 할 때 필요한 이미지 제작.

이미지 제작에 쓰이는 여러가지 소스들을 다운받는 방법을
알아보도록 하겠다 :)  


상세페이지 디자인, 이미지 제작시 필요한 #사이트편 포스팅

#이미지편집기 #상세페이지제작 #이미지편집기 

 

상품 썸네일 이미지, 상세페이지 이미지 쉽게 만드는 #이미지편집기 이미지 편집 툴

스마트스토어, 쇼핑몰 상품 썸네일 이미지, 상세페이지 쉽게 만드는 툴 소개 스마트스토어, G마켓, 쿠팡 등 쇼핑몰에 입점하여 상품을 판매하기 위해서 각각의 쇼핑몰에서 제공하는 판매자센터

mamul.tistory.com

#폰트 #상세페이지폰트 #상업적폰트

 

상세페이지 썸네일 이미지 SNS 광고 등 이미지에 삽입할 #상업적폰트 (다폰트,눈누) 무료폰트

상세페이지 등과 같은 온라인에 사용되는 이미지를 제작하다 보면 아이콘, 사진 그리고 보다 예쁜 상업용 폰트 등을 찾게 될 것이다. 오늘은 이미지 편집에 필요한 상업용 폰트와, 아이콘 등을

mamul.tistory.com

#무료이미지 #무료일러스트 #이미지소스

 

상세페이지를 위한 #무료이미지 소스 상업적 이용 가능 이미지들 프리픽 셔터스톡 픽사베이

이미지를 제작하다보면 아이콘이 필요할 때도 있고, 이미지가 필요할 때도 있고 일러스트가 필요할 때가 있다. 필요할때 다른 사람이 이미 만들어놓은 이미지 또는 아이콘을 사용할 수 있다면?

mamul.tistory.com

#색상조합 #컬러조합 #컬러추천

 

디자인을 하기 위한 컬러조합 #색상조합 #컬러추천 사이트 3개 소개

디자인을 하거나, 무언가를 만들어야할 때 가장 많이 고민하고 시간을 쏟는 부분이 "컬러" 이다. 어떤색을, 어떻게 입혀야 조금은 이미지를 개성있게 보여줄 수 있을까? 또는 오늘 이 옷에 어떤

mamul.tistory.com

#색상조합 #컬러추천 #그라데이션 #그레디언트

 

상세페이지 이미지 제작에 필요한 색상조합 사이트 #그라데이션편

지난 포스팅에서도 상세페이지나 컨텐츠제작에 필요한 색상조합, 컬러 조합 사이트를 소개하는 포스팅을 작성했었다. 이번 포스팅은 색상 조합 사이트 중 "그라데이션" 컬러를 조합해주는 사이

mamul.tistory.com

#색상조합 #색상추천 #취향저격 

 

반응형