스마트스토어#5 상세페이지 제작(망고보드)

이전 포스트(제품 사진 촬영)에서 소자본으로 제품촬영 하는 방법에 대해 알아봤다. 이번 글에서는 촬영된 사진과 상품의 USP를 조합하여 장점을 어필하는 상세페이지 제작 방법에 대해 알아보자. 별모양은 초기에 파워포인트를 이용해 상세페이지를 제작했으나, 곧 한계를 인식하고 망고보드라는 상세페이지 사이트를 이용했다. 둘의 차이점에 대해서도 설명하겠으니, 참고해보자.


상세페이지의 구성 방법

상세페이지를 처음 만들 때 가장 고민이 되는 것은 전체적으로 어떻게 짜임새 있는 구성으로 제작할 것인가이다. 고민하지 말고 동종 상품들의 상세페이지를 참고하도록 하자. 타 상품의 상세페이지를 10여 군데 참고한 결과 다음과 같은 흐름으로 상세페이지를 꾸미기로 했다.

1. 케겔운동에 대한 정의, 중요성(문답형식)

2. 추천 대상 명시

3. 상품의 비주얼 어필(디자인, 색상)

4. 상품 패키지 어필

5. USP(제품 효능, 사용법, 안전인증)

6. 추가상품

7. 제품 표시 사항, 주의사항, 배송/교환 반품 안내

스마트스토어
스마트스토어 스마트에디터

스마트스토어는 네이버 자체 플랫폼인 “스마트에디터”를 통해 블로그 작성하듯이 상세페이지를 손쉽게 작성할 수 있지만, 별모양은 규격에 맞춘 PPT를 작성하여 그림 형태로 업로드하는 것으로 방향을 정했다. 직접 블로그 형식으로 작성하는 것 대비 그림 형태 업로드의 장점은 다음과 같다.

1. 구성이 용이하다
: 화면 프레임 분할, 도형 및 효과의 사용이 자유롭다

2. 폰트의 사용이 자유롭다
: 본인이 설치한 폰트 전체를 사용할 수 있다

3. 상세페이지 디자인이 다채롭다
: 블로그 형식을 탈피하여 여러 포맷이 가능하다

4. 수정이 용이하다(HTML 이용시)
: 다수의 오픈마켓 관리시, 상세페이지 수정이 용이하다

상기 기준으로 케겔볼 상세페이지의 초안은 다음과 같이 작성되었다.

상기 상세페이지에는 상품을 직접 촬영하여 보정한 사진 이외에도 알리바바의 제품 페이지에서 참고해 온 사진도 많이 있다. 물론 사진을 퍼오기 전에 업체에 문의하여 사용에 대한 승인을 받아야 한다.

딱 봐도 전체적으로 프레임이 허전하고, 통일성이 없는 것이 눈에 띈다. 이것이 PPT에서 편집 후 그림으로 내보낸 후 스마트에디터에 그림 추가 형식의 단점이다. 좀 더 세련되고 시각적으로 끌리는 방식이 없을까? 고민했다.


망고보드(상세페이지 사이트)

PPT를 통한 상세페이지 제작에 한계를 느낀 나는 상세페이지 만드는 방법을 찾아봤고, 대략적으로 다음과 같은 두가지 옵션을 찾아냈다.

1. 상세페이지 외주 제작
: 외주 제작사이트를 이용해 전문가에게 의뢰하고 비용을 지불하는 방식이다.
– 장점 : 포트폴리오를 보고 결과물에 대한 추론이 가능하다. 전문가의 손길을 느낄 수 있다.
– 단점 : 전문가 별로 가격이 천차만별이다. 의뢰는 1회성이며, 작업기간 이후 추가 수정이 (대부분) 불가하다.
– 대표적인 외주 사이트 : 크몽, 숨고, 프리모아

2. 상세페이지 제작 플랫폼
: 웹툴을 통해 여러 템플릿을 사용/변형하여 직접 상세페이지를 제작한다.
– 장점 : 이미 제작된 여러 템플릿을 수정하여 사용할 수 있다. 상세페이지 작성에 필요한 각종 툴을 대부분 구비해두었다.
– 단점 : 어디까지나 본인이 결과물을 만들어야한다.
– 대표적인 플랫폼 : 망고보드, 미리캔버스

외주를 통해 제작하기에는 한건, 한건에 대한 부담감이 컸고, 담당자와 소통이 제대로 되지 않을 경우 생각했던 방향과 전혀 다른 결과물을 받을 수 있다는 리스크가 너무 컸다. 또한 상세페이지 뿐만 아니라 중간중간에 실시되는 이벤트 페이지/홍보 포스터 등을 생각했을 때에는 접근성이 좋고, 마음대로 수정이 가능한 방식이 필요했다. 마지막으로 템플릿만 주어진다면 수정을 통해 충분한 퀄리티를 낼 수 있다는 자신감이 있었기에, 상세페이지 제작 플랫폼을 선택했고, 예시 플랫폼이 풍부하고 인터페이스가 간결한 망고보드를 선택했다.


다음은 대략적인 망고보드의 특징이다.

  • 인터넷 및 SNS에 특화된 템플릿이 방대하다.
    각각의 목적에 따른 템플릿이 잘 정리되어 있고, 실제로 문구만 바꿔써도 될 정도의 퀄리티의 예시들이 넘쳐난다. 본인의 아이템에 잘 맞는 템플릿을 찾아 수정할 자신이 있다면 상세페이지 카테고리의 템플릿을 검색해보자. 이벤트 및 공지사항 템플릿도 많이 있으므로 거의 무한대로 끌어다 쓸 수 있다.
망고보드
디자인 템플릿(상세페이지)
  • 디자인 템플릿 이외에 동영상, 모션 템플릿도 제공한다.
    고정된 이미지의 상세페이지의 일부분에 GIF나 동영상을 넣어서 제작할 수도 있지만, SNS 및 유튜브 등을 활용한 홍보를 위한 동영상/모션 템플릿을 제공한다. 물론 해당 템플릿을 본인의 상품에 맞게 수정하여 다운할 수도 있으니, 스마트스토어 이외의 플랫폼을 통한 홍보에도 사용할 수 있다.
망고보드
동영상 템플릿
상세페이지 사이트
모션 템플릿
  • 유료 요금제에 따라 제공되는 서비스가 다르다.
    어떻게 보면 단점일 수도 있으나, 사업을 진행하기 위해서는 일정 수준의 비용은 감수해야 한다. 별모양은 작업물 저장 개수가 무제한이며, 사진/동영상 업로드 용량이 1GB로 충분한 “일반” 요금제를 한 달 결재하여 사용해보았고, 만족했기에 현재는 1년 단위로 결제하여 사용중이다.
망고보드 이용 요금제

상세페이지의 눈부신 도약

여전히 케겔볼의 대부분의 상세페이지는 기존의 PPT를 통한 이미지로 구성되어 있지만, 요즘들어 와이프가 케겔볼 페이지 리모델링을 진행하고 있다. 하여, 망고보드로 제작된 따끈따끈한 케겔볼 상세페이지를 공개하니, 구경해보자.

해당 이미지는 수많은 템플릿 중 케겔볼의 컨셉에 어울리는 두, 세종류의 탬플릿을 병합하고, 편집을 진행하여 제작하였다. PPT로 작성한 컨텐츠보다 훨씬 색감이나 레이어, 폰트, 구성이 압도적으로 발전했음을 알 수 있다. 별모양이 운영하는 스마트스토어에는 케겔볼 이외에도 여러 상품들이 있는데, 그 중에 잘뽑힌 상세페이지/홍보 이미지를 몇 종류 더 공유하니 참고해보자.

물론 디자인 전문가에게 의뢰한 수준의 퀄리티는 아니겠지만, 본인이 수정하고 싶은 부분을 정확하게 적용하고 반복적으로 수정이 가능하다는 메리트가 있다. 지금까지 여러 상품들을 운영하면서 제작한 크고 작은 작업개수가 벌써 30개에 도달했기에, 이를 모두 의뢰했다면 수십배의 비용이 발생했을지도 모른다.

별모양의 희망대로 스마트스토어가 잘 성장하여, 더 이상 직접 상세페이지를 제작하거나 편집할 수 없을 수준의 규모가 된다면 외주를 맡기거나 담당자를 채용할 수도 있을 것이다. 얼른 그 날이 오길 바라며 이번 글을 마친다. 다음 글에서는 포장 및 배송 관련하여 알아볼 것이다.

댓글 남기기

error: 우클릭은 금지되어 있습니다.