전환 가능한 전자상거래 제품 페이지 디자인을 위한 8가지 모범 사례
전환 가능한 전자상거래 제품 페이지 디자인을 위한 8가지 모범 사례

전환 가능한 전자상거래 제품 페이지 디자인을 위한 8가지 모범 사례

 조사 에 따르면 2017년 전 세계 소매 전자상거래 매출은 2조 3천억 달러였으며, 2021년에는 4조 8,800억 달러 에 이를 것으로 예상됩니다

 조사 에 따르면 2017년 미국 고객 만족도 지수는 74.3 점이었습니다.

 연구 에 따르면 2017년 전 세계 온라인 장바구니 이탈률은 69.23% .

이제 위의 모든 통계를 요약하면 다음과 같은 결론을 내릴 수 있습니다.

  • 전자상거래 매출은 날마다 증가하고 있으며 매년 계속 증가할 것입니다.
  • 전자상거래 사업에 대한 인지도가 높음에도 불구하고 고객 만족도는 평균 수준인 동시에 장바구니 포기율도 매우 높습니다.

이 분석을 통해 전자상거래 웹사이트의 설정 방식에 뭔가 잘못된 점이 있음을 확신할 수 있습니다. 이제 모든 전자상거래 웹사이트에서 가장 중요한 페이지는 상품 페이지입니다. 그 이유는 방문자를 유치하고 비즈니스를 가져오는 것이기 때문입니다.

따라서 전자상거래 웹사이트의 제품 페이지를 디자인할 때는 매우 주의해야 합니다.

오늘은 전자상거래 제품 페이지를 효과적으로 디자인하는 데 도움이 되는 체크리스트를 제공해 드리겠습니다.

그러니 안전벨트를 매고 제품 페이지 디자인의 다양한 측면을 접하게 될 롤러코스터를 탈 준비를 하세요.

1. 놀라운 제품 이미지

다음과 같은 유명한 말이 있습니다.

“백 마디 말보다 한 장의 사진이 낫습니다.”

제품 이미지가 매우 중요한 전자상거래 제품 페이지의 경우에도 마찬가지입니다. 고객에게 판매하는 것은 프레젠테이션에 관한 것입니다. 매력적인 제품 이미지는 귀하의 제품을 더욱 돋보이게 하고 더욱 매력적으로 보이게 합니다.

놀라운 제품 이미지

PoweredBySearch가 실시한  설문 조사 에 따르면 92.6%가 구매 결정에 영향을 미치는 가장 큰 영향을 미치는 요소로 시각적 요소를 꼽았습니다. 따라서 제품 이미지의 품질이 매출에 직접적인 영향을 미치는 것은 분명합니다.

따라서 귀하의 웹사이트에 놀라운 제품 이미지를 갖는 것이 최우선 과제입니다.

다음은 놀라운 제품 이미지를 디자인하기 위한 몇 가지 황금률입니다.

규칙-1: 항상 고품질 및 맞춤형 이미지를 선호하세요

항상 너무 웃기지도 않고 너무 작지도 않은 고품질 이미지를 사용해야 합니다. 가능하다면 항상 브랜드를 반영하고 다른 이미지와 차별화되는 맞춤형 이미지를 선택하세요. 또한 각 이미지는 크기와 스타일이 동일해야 합니다.

유니폼-제품-이미지

유니폼-제품-이미지-2

규칙-2: 360도 보기 또는 모든 천사의 보기

누락된 정보와 불확실성은 사람들이 특정 전자상거래 사이트에서 제품을 구매하지 않는 주요 이유 중 하나입니다. 따라서 제품에 대한 360도 뷰를 제공하여 고객의 의심을 해결할 수 있습니다.

360도 제품 보기
360도 제품 보기

그림에서 볼 수 있듯이 Nike는 고객에게 신발에 대한 가능한 모든 뷰를 제공하므로 불확실성 요소가 제거됩니다.

규칙-3: 제품 변형 이미지

58% – 여러 제품 조회 시 매출 증가.

이러한 통계를 통해 사이트에 제품 변형 이미지(색상, 사이즈 등)가 많을수록 매출이 증가할 가능성이 더 높다는 것을 알 수 있습니다.

구매자가 귀하의 웹사이트에서 제품을 구매하려고 하는데 사이트에서 제품 변형 이미지를 찾을 수 없다면 구매자는 이로 인해 좌절감을 느끼고 사이트를 떠날 것입니다.

따라서 고객에게 도움이 될 수 있도록 웹사이트에 다양한 제품 이미지가 있는지 확인해야 합니다.

제품-변형-이미지

아마존은 이 일을 훌륭하게 수행합니다. 그림에서 볼 수 있듯이 다양한 크기와 색상의 이미지가 있습니다. 따라서 고객은 구매 후 무엇을 받게 될지에 대한 정확한 정보를 얻을 수 있습니다.

규칙-4: 상세 보기

 조사 에 따르면 , 55%의 사람들은 직접 제품을 살펴보는 것을 선호하기 때문에 온라인으로 구매하지 않습니다.

이러한 문제를 해결하기 위해 할 수 있는 일은 상세하고 확대/축소 가능한 이미지를 제공하는 것인데, 이는 물리적인 접촉과 느낌 다음으로 좋은 것입니다.

제품 이미지는 쇼핑객이 직접 매장에 가서 실제 제품을 찾을 필요가 없는 것이어야 합니다.

제품상세보기

COLE HAAN은 제품에 대한 상세하고 확대/축소 가능한 보기를 제공하는 일을 훌륭하게 수행하여 전자상거래 사이트의 매출을 높이는 데 도움을 줍니다.

규칙-5: 맥락이 ​​있는 이미지

“이 드레스가 나에게 잘 어울릴까?”

"어쩌면 이 제품은 6' 모델에게 어울릴 것 같지만, 키가 5'4"인 여성에게도 적합할까요?"

Images With Context가 답변할 수 있는 질문은 다음과 같습니다. 고객에게 제품을 실시간으로 사용하는 방법을 보여주면 고객에게 큰 도움이 됩니다.

이미지-컨텍스트-1

이미지-컨텍스트-3

사진에서 볼 수 있듯이 Handcraft는 Image With Context를 아름답게 표현합니다. Overhead Hold Bag이 실시간 시나리오에서 어떻게 작동하는지 보여주기 위해 그들은 서로 다른 장소에서 가방을 사용하는 남자의 이미지 두 개를 표시했습니다. 쇼핑객에게 도움이 될 것입니다.

2. 유용하고 흥미로운 제품 설명

제품 설명은 제품 이미지 다음으로 제품 페이지에서 두 번째로 중요한 항목입니다. 고객이 제품에 대해 자세히 알 수 있도록 도와주고 결국 결정에 도움이 됩니다. 그러므로 이 부분을 가장 중요하게 생각해야 합니다.

제품 설명

가장 인기 있는 전자상거래 웹사이트 중 하나인 eBay는 이 일을 놀랍도록 잘 수행합니다. 스크린샷에서 볼 수 있듯이 HP Pavillion 노트북에 대한 자세한 설명을 제공했습니다. 따라서 이 설명을 읽고 나면 고객의 모든 의심이 사라질 것입니다.

좋은 제품 설명이란 무엇입니까?

  • "판매성"이 아닌 도움이 되도록 노력하십시오. 고객이 제품을 더 잘 이해하는 데 도움이 되는 제품 설명을 항상 작성해야 합니다. 절대로 지나친 약속을 하지 마십시오. 그렇지 않으면 부정적인 리뷰가 나올 가능성이 있습니다.
  • 쇼핑객이 관심을 갖는 정보만 포함하세요. 제품 설명을 작성할 때 제조업체로부터 받은 기술 사양을 절대 작성해서는 안 됩니다. 쇼핑객이 이해할 수 있는 방식으로 작성하세요.
  • 예를 들어 iPhone을 판매하는 경우 16GB 또는 32GB는 고객에게 저장 공간에 대해 알려주지만 저장 공간이 얼마나 충분한지는 알려주지 않습니다. 대신 16GB iPhone은 최대 3,000곡 또는 250개 앱을 저장할 수 있고 32GB iPhone은 최대 7,00곡 또는 400개 앱을 저장할 수 있습니다.
  • 설명의 짧고 긴 버전을 제공하십시오. 대부분의 사람들은 제품 설명을 읽기보다는 훑어보기 때문에 설명의 짧고 긴 버전을 작성해야 합니다. 그래서 스캔하고 싶은 사람은 짧은 버전을, 깊이 있는 지식을 원하는 사람은 긴 버전을 읽으면 됩니다.

좋은 제품 설명을 작성하는 방법은 무엇입니까?

  • 긴 문장을 피하세요
  • 진부한 표현을 피하세요
  • 복잡한 어휘는 피하세요

3. 제품 데모 동영상

제품 이미지도 훌륭하지만 제품 동영상이 더 좋습니다.!

31%  소비자는 제품 비디오를 보고 확신을 갖고 제품을 구매했습니다 .

따라서 전자상거래 제품 페이지에 좋은 제품 데모 동영상을 포함하는 것이 필수적입니다. 좋은 제품 비디오는 쇼핑객에게 개인화를 제공할 뿐만 아니라  YouTube를 .

제품 영상을 보는 것만으로도 실시간으로 제품의 상태를 느낄 수 있는데, 이는 매장 방문 및 영업사원과의 상담 후 가장 좋은 점입니다.

제품-데모-동영상

스크린샷을 보여주세요. Skiphop은 제품 페이지에 모든 제품의 데모 비디오를 표시하는 데 매우 능숙합니다. 지그재그 지브라백을 어떻게 효과적으로 활용하는지 고민하는 엄마들에게는 이 영상이 큰 도움이 될 수 있습니다.

4. 명확한 가격 책정

가격은 모든 쇼핑객에게 가장 중요하므로 눈에 잘 띄게 표시해야 합니다. 귀하의 쇼핑객이 귀하의 제품 페이지에서 가격표를 찾을 수 없다면 그/그녀는 분명히 불만을 품고 귀하의 사이트를 떠날 것입니다.

제품 페이지에 가격을 명확하게 표시하는 방법은 무엇입니까?

  • 큰 글꼴 크기 사용: 제품 페이지에 가장 큰 글꼴 크기로 가격을 표시해야 합니다.
  • 대비되는 톤 사용: 항상 가격 대비 색상을 사용하여 나머지 제품 페이지보다 눈에 띄게 만듭니다.
  • 구매 버튼이나 제목 근처에 배치: 가격 배치도 성공적인 제품 페이지의 핵심이므로 구매 버튼이나 제목 근처에 가격을 배치해야 합니다. 그 이유는 사람들의 관심을 많이 받는 사람들이기 때문이다.

좋은 가격 배치의 실시간 예

명확한 가격 배치

전자상거래 분야의 선두주자 중 하나인 아마존은 이런 일을 잘하고 있습니다. 그들은 제품 페이지의 나머지 부분과 다른 색상으로 가격을 표시했습니다. 또한 제목 바로 아래에 가격을 표시해 많은 관심을 끌었습니다.

5. 장바구니에 담기 버튼 지우기

제품 페이지의 주요 목표는 고객이 "장바구니에 추가" 버튼을 클릭하여 비즈니스를 귀하의 웹사이트로 연결하도록 하는 것입니다. 따라서 "장바구니에 추가" 버튼은 제품 페이지에서 가장 중요한 요소가 되어야 합니다.

훌륭한 "장바구니에 추가" 버튼은 고객이 제품을 구매하려는 경우 다음 단계를 파악하고 올바른 방향을 제시하는 데 도움이 됩니다.

이상적인 장바구니 추가 버튼은 무엇입니까?

  • 대비되는 색상이어야 합니다. 연구에 따르면 주황색과 녹색 버튼이 최대 클릭수를 얻는 것으로 나타났습니다. 하지만 이는 제품 페이지 디자인에 따라 다르지만, 페이지의 나머지 부분과 눈에 띄는 색상을 선택해야 합니다.
  • 상당한 크기의 버튼과 텍스트 사용: 버튼이 충분히 크지만 너무 크지 않은지 확인하세요. 방문자는 3초 이내에 "장바구니에 추가" 버튼을 찾을 수 있어야 합니다.

장바구니 담기 버튼의 실시간 예시

장바구니에 추가하기 좋은 버튼

트렌디한 스포츠 브랜드인 Nike.com은 장바구니에 담기(Add-To-Cart) 버튼을 훌륭하게 표시합니다. 그들은 버튼을 녹색으로 선택하여 다른 버튼보다 눈에 띄게 만들었습니다.

6. 고객 리뷰 및 평가 표시

 연구 에 따르면 고객의 85%가 구매 결정을 내리기 전에 온라인 리뷰와 평가를 읽습니다. 따라서 제품 페이지에서 고객의 리뷰 수집을 시작해야 합니다.

고객 리뷰 및 평점

대부분의 회사는 나쁜 리뷰 하나가 회사의 인상에 영향을 미칠 수 있다는 두려움 때문에 제품 페이지에 리뷰를 표시하는 것을 좋아하지 않습니다.

위대한 Sachin Tendulkar의 유명한 말이 있습니다.

“사람들이 당신에게 돌을 던지면 돌을 이정표로 바꾸십시오.”

부정적인 리뷰에도 동일하게 적용됩니다. 이를 주의 깊게 처리하면 고객 사이에 신뢰를 구축하는 데 도움이 될 수 있습니다. 항상 전문성과 예의를 갖추어 부정적인 리뷰에 답변해 주시면 도움이 될 것입니다. 항상 고객의 입장에서 생각하고 좋은 솔루션을 제공하려고 노력합니다.

7. 불확실성 해소

  • “이 웹사이트는 안전한가요?”
  • “내 물건을 가져오는 데 얼마나 걸리나요?”
  • “제품 반품 정책이 어떻게 되나요?”

쇼핑객이 귀하의 사이트에서 제품을 구매하려고 할 때 염두에 두어야 할 몇 가지 질문은 다음과 같습니다. 따라서 이러한 모든 불확실성을 해결하고 고객의 두려움 요인을 제거해야 합니다. 그렇게 하면 사람들이 귀하의 상점에서 물건을 구매할 것입니다.

다음은 가장 일반적인 불확실성과 이를 해결하는 방법 중 일부입니다.

  • 보안 문제: 이 문제를 해결하려면 제품 페이지에 신뢰할 수 있는 신용카드 로고를 추가해야 합니다.
  • 핏 문제: 사이즈 옵션 옆에 사이즈 차트를 추가합니다.
  • 배송비 문제: 제품 설명 근처에 배송 정책을 추가하세요. 맞춤형 배송 방법을 사용하면 매우 효과적일 수 있습니다.
  • 반품 문제: 제품 설명 근처에 반품 정책을 추가하세요.

결론은 고객의 고민에 대한 답변을 제공해야 비즈니스를 성장시킬 수 있는 기회가 창출된다는 것입니다.

8. 관련 상품 및 추천 상품 표시

정기적으로 온라인 쇼핑을 하시는 분인가요? 그러면 상품페이지에서 추천상품을 보실 수 있을 것입니다. 관련상품, 추천상품은 고객에게 교차판매할 수 있는 가장 좋은 방법입니다.

모르시는 분들을 위해 말씀드리자면, 교차 판매는 쇼핑객도 좋아할 만한 유사한 제품을 제공한다는 의미입니다. 예를 들어, 누군가가 펀잡 레시피 책을 구매하려는 경우 디저트 레시피 책을 제공할 수도 있습니다.

아마존은 교차판매에 능숙한 사람입니다. 그들은 각 고객이 무엇을 좋아할지 예측하는 묘한 방법을 가지고 있는 것 같습니다. 그리고 이를 바탕으로 각 사람에게 추천을 합니다. 이 개념을 구현함으로써 그들은 비즈니스를 성장시킬 수 있었습니다.

아마존 교차판매

위의 스크린샷에 표시된 것처럼 Amazon은 제가 MRF 크리켓 배트를 구매하려고 할 때 추천으로 다른 크리켓 배트를 많이 제공할 것입니다. 교차판매(Cross Selling)라고 알려져 있습니다.

교차 판매를 구현하는 동안 기억해야 할 두 가지 중요한 사항이 있습니다.

  • 쇼핑객이 좋아할 만한 더 많은 제품을 제공하세요.
  • 그들이 찾고 있는 제품이 옳지 않은 경우 유사하지만 다른 선택을 제공하십시오.

결론

올바른 제품 페이지를 디자인하는 것은 전자상거래 비즈니스의 성공에 매우 중요합니다. 제품 페이지의 디자인에 영향을 미치는 요소는 너무나 많고, 이를 기억하는 것은 모든 사업주에게 상당한 과제가 될 것입니다.

전자상거래를 위한 CPA 마케팅 이나 기타 마케팅 형태 에 참여하고 계십니까 전환율이 실제로 영향을 받으므로 제품 페이지가 멋진지 확인하기 위해 추가 조치를 취해야 합니다.

WooCommerce 개발 회사에 물어보면 분명히 제품 페이지 디자인에 집중하라고 말할 것입니다. 최고의 WordPress 개발 회사를 하고 온라인 상점을 업그레이드할 수 있는 최고의 회사를 고용하세요.

귀하의 작업을 훨씬 더 편안하게 만들어 줄 우수한 전자 상거래 제품 페이지를 디자인하기 위한 체크리스트를 제공했습니다

이 기사에 대한 당신의 생각은 무엇입니까? 우리에게 주고 싶은 제안이나 물어보고 싶은 질문이 있나요? 그런 다음 댓글 섹션에 귀하의 생각을 남겨주세요.

우리는 최선을 다해 귀하의 각 질문에 답변하려고 노력할 것입니다. 감사합니다.!

하리크리슈나 쿤다리야 소개

Harikrishna Kundariya, 마케팅 담당자, 개발자, IoT, ChatBot 및 블록체인에 정통한 디자이너, 공동 창립자, 모바일 앱 개발 회사인 eSparkBiz Technologies 8+ 경험을 통해 그는 IoT 및 ChatBot을 기반으로 하는 새로운 스타트업에 디지털 솔루션을 제공할 수 있습니다.

댓글 4개

  1. 나는 당신의 게시물을 좋아합니다! 제품 페이지를 전환하는 방법에 대한 매우 유용한 팁입니다. 공평하게 말하면 전환율이 걱정됩니다. 특히 지금은 2차 봉쇄가 시작되는 시기입니다. (https://itmaster-soft.com/) 에게 보내고 내 사이트를 업데이트하기 위해 지금 당장 무엇을 할 수 있는지 논의하겠습니다. 도와주셔서 감사합니다!

  2. @Henry 저희 기사가 도움이 되셨다니 기쁘네요. 맞습니다. 두 번째 봉쇄 조치와 세계 경제 문제로 인해 판매가 더 어려워질 것이므로 더 나은 전환율을 얻을 수 있는지 확인해야 합니다.

  3. 좋은 연구네요! 나는 당신의 게시물을 좋아합니다!

  4. 작가가 시각적인 부분 외에도 생각을 정리한 방식이 마음에 듭니다.

답장을 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 입력란은 *

영어