성공을 위해 전자 상거래 제품 페이지를 디자인하는 방법

게시 됨: 2020-11-11
a team looking at ecommerce product pages on a computer
좋은 제품 페이지는 사용자 경험을 개선하고 전환율을 높일 수 있습니다.
"최고의 마케팅은 마케팅처럼 느껴지지 않는다."
톰 피시번

귀하의 제품 페이지는 코르크 또는 도관입니까? 테프론 코팅된 텍스트로 채워져 있습니까? 아니면 끈적거리고 자극적인 내용으로 채워져 있습니까? 이미지가 지루하거나 매력적입니까?

부인할 수 없는 사실 이 있습니다. 전자 상거래에서 잘 하려면 훌륭한 제품 페이지를 만들어야 합니다. 그들은 틀림없이 전체 온라인 소매 헛간에서 가장 중요한 부분입니다.

좋은 제품 페이지는 전환율을 높입니다. 잘못된 제품 페이지는 판매 유입 경로를 차단합니다. 그것만큼 간단합니다.

상거래 경험 플랫폼 Salsify의 최근 설문 조사에 따르면 거의 70%의 사람들이 잘못 쓰여지고 지나치게 단순화된 제품 페이지에서 이탈합니다.

또한 대부분의 소비자는 각 제품 페이지에서 최소 6개의 이미지와 2개의 동영상을 볼 것으로 기대합니다.

물론 위험도가 높지만 그렇다고 해서 실망하지 마세요. 이 기사에서는 제품 페이지의 필수 부분에 대해 설명합니다. 그런 다음 자신만의 완벽한 제품 페이지를 만드는 방법을 알려 드리겠습니다. 가장 좋은 부분? 당신은 자신을 즐길 수 있습니다.

시작하자.

"해야 하는 모든 작업에는 재미 요소가 있습니다. 재미를 찾으면 순식간에 끝납니다. 작업은 게임입니다."
메리 포핀스

목차

  • 제품 페이지의 필수 요소입니다.
  • 제품 페이지는 성장에 중요합니다
  • 완벽한 제품 페이지를 만드는 것은 무엇입니까?
  • 영감을 위한 4개의 전자 상거래 제품 페이지
  • 전자 상거래 제품 페이지 요약
온라인 상점을 구축하고 싶으십니까?
전자상거래 개발자를 찾아라!

제품 페이지의 필수 요소입니다.

잘 구성된 제품 페이지는 스펀지 케이크와 같습니다. 그들은 잘 내려가고 더 많은 것을 원하게 만듭니다. 또한 4가지 주요 성분이 있습니다.

  1. 제품 이름(버터): 별칭에서 알 수 있듯이 매끄럽고 훌륭한 제품 이름은 간단하고 기억에 남으며 소화하기 쉽습니다.
  2. 제품 이미지(설탕): 감미료와 마찬가지로 매력적인 이미지는 풍미를 더하고 제품을 더 선호하게 만듭니다.
  3. 제품 설명(밀가루): 세 심하게 쓰여진 내용이 왕입니다. 케이크에 든 밀가루와 마찬가지로 페이지의 대량 구성 요소입니다.
  4. 사용자 경험(계란): 계란은 케이크를 부풀게 하는 발효 성분 중 하나입니다. 세심하게 제작된 사용자 경험은 페이지에 비슷한 효과를 줍니다.

"야, 바닐라 에센스와 베이킹 파우더는 어때? 가장 중요한 소금 한 꼬집은 어때?" 글쎄, 이것들은 페이지를 하나로 모으는 데 사용할 창의적인 기술입니다. 나중에 다시 다루겠습니다.

Bulk Nutrient ecommerce product page screenshot
[출처: 대량 영양소]

제품 페이지는 성장에 중요합니다

소비자는 전자 상거래 매장의 상품과 물리적으로 상호 작용할 수 없습니다. 바로 거기에서 잘 설계된 제품 페이지가 나타납니다. Bluetooth 스피커에서 물병에 이르기까지 모든 종류의 물건이 고객에게 실제처럼 느껴질 때 더 많이 판매됩니다.

조금 더 자세히 살펴보겠습니다.

1. 웹사이트 최적화에 도움이 되는 훌륭한 제품 페이지

우수한 제품 페이지는 SEO의 필수 요소입니다. 페이지를 최적화하지 않으면 사람들이 귀하의 상품을 찾을 수 없습니다. 제품 페이지를 최적화하면 전체적으로 사이트 전체를 최적화하는 데 도움이 됩니다.

많은 리버스 엔지니어링이 SEO에 사용됩니다.

좋은 Google 순위를 얻으려면 소비자가 귀하가 판매하는 것과 같은 제품을 찾을 때 어떤 용어를 검색하는지 파악해야 합니다. 그런 다음 페이지의 콘텐츠에 해당 키워드를 포함해야 합니다.

Google Analytics와 같은 비즈니스 인텔리전스 도구 및 도구는 관련 키워드를 찾는 데 도움이 되는 반면, INK와 같은 플랫폼은 SEO 중심 작성을 더 쉽게 만듭니다.

2. 훌륭한 제품 페이지는 전환을 증가시킵니다.

앞서 언급한 판매 유입경로를 기억하십니까? 귀하의 제품 페이지는 방문자를 고객으로 전환하거나 귀하의 사이트에서 완전히 벗어나는 깔때기의 맨 아래에 있습니다.

아마도 놀랍지 않게도 잘 디자인된 제품 페이지는 게임의 이 단계에서 귀하에게 유리하게 작동합니다.

귀하의 사이트에서 제품 페이지에 도달하는 소비자는 이미 귀하의 제품에 관심이 있고 제안에 열려 있습니다. 당신이 해야 할 일은 그들에게 부드러운 넛지를 주기만 하면 됩니다.

판매를 하려면 방문자에게 귀하의 항목이 적절한 가치를 제공한다는 것을 확신시켜야 합니다.

완벽한 제품 페이지를 만드는 것은 무엇입니까?

효과적인 제품 페이지를 만들기 위해 커뮤니케이션 학위가 필요하지 않습니다. 모범 사례 집합을 따르기만 하면 됩니다. 다음은 새 제품 페이지를 게시할 때마다 포함해야 하는 다섯 가지 필수 사항입니다.

1. 크고 아름다운 이미지

앞서 언급했듯이 소비자는 인상적인 제품 이미지와 수많은 이미지를 기대합니다.

이 기사의 시작 부분에서 우리가 그린 Salsify 설문 조사는 소비자를 연령 그룹으로 구분하여 일반적인 합의를 넘어섰습니다.

18세에서 24세 사이의 소비자는 제품당 8개의 이미지와 4개의 비디오를 보고 싶어했습니다. 35~44세 소비자는 이미지 할당량에 동의했지만 4개 대신 5개의 비디오를 기대했습니다.

그건 그렇고, 만약 당신이 이 길을 탐험하는 데 관심이 있다면, 여기 최고의 비디오 제작 회사 목록이 있습니다.

요점으로 돌아가서:

Hubspot의 추가 연구에 따르면 고품질 이미지 가 포함된 제품 페이지의 조회수가 94% 증가했습니다.

분명히 시각적 머천다이징은 가상 환경에서도 중요합니다. 다음은 수익 증대 제품 사진을 만드는 데 도움이 되는 몇 가지 유용한 팁입니다.

  • 고해상도 이미지 사용: 소비자가 물리적으로 제품을 다룰 수 없을 때 고해상도 이미지를 사용하면 실제처럼 느껴집니다. 매장에서 검사하고 싶은 각 제품의 측면을 생각하고 그에 따라 근접 촬영을 제공합니다.
  • 큰 이미지 사용: 픽셀 치수를 아끼지 마십시오. 사람들은 확대하여 제품을 볼 수 있기를 원하므로 1024x1024픽셀보다 작은 사진은 사용하지 마십시오.
  • 웹용 이미지 최적화: 픽셀 크기와 파일 크기는 동일하지 않습니다. 최상의 결과를 얻으려면 Photoshop과 같은 좋은 사진 편집 소프트웨어를 사용하고 이미지를 최적화된 JPG로 저장하여 페이지 로드 시간을 줄이십시오.
  • 고객 이미지 활용: 기존 팬 기반을 사용하여 사람들이 귀하의 제품을 사용하는 자신의 이미지를 게시하도록 장려하여 판매를 촉진합니다. 사회적 증거는 브랜드 신뢰도를 구축하는 데 도움이 됩니다.

내부자 조언 #1: 때로는 PNG가 JPG보다 낫습니다. PNG 파일은 투명 배경을 지원하므로 로고, 컴퓨터 생성 이미지 및 디지털 배경 위에 표시되는 제품 사진에 적합합니다. PNG는 또한 더 넓은 색상 범위를 지원하고 JPG보다 더 나은 명암비를 가지므로 매우 상세한 제품 이미지에 이상적입니다.

cutting borad screenshot tuscan olive wood image
[출처: 커팅보드]

2. 독특한 제품 설명

제품 설명을 재활용하거나 수정하려는 유혹을 받지 마십시오. 중복 콘텐츠는 온라인 존재감을 약화시키고 SEO 전략을 무효화합니다. 대신, 각 제품에 대한 새로운 설명을 작성하십시오.

글을 쓸 때 제품이 무엇을 위한 것인지 , 누구를 위한 것인지 , 어떻게 작동하는지, 다른 곳에서 구할 수 있는 유사한 제품과 왜 다른지 생각해 보십시오. 방문자가 그 자리에서 제품을 구매하도록 설득해야 합니다. 방법은 다음과 같습니다.

팁 #1: 타겟 고객을 위해 작성하세요

제품을 판매하려는 대상에 대해 생각해 보십시오. 이전에 고려한 적이 없는 경우 구매자 페르소나를 만든 다음 텍스트를 가상의 고객에게 타겟팅하십시오.

Tp #2: 액션 단어 사용

행동은 격려한다… 행동! 독자에게 제품으로 무엇을 얻을 수 있는지 알려주는 액션 단어로 각 설명을 시작하세요. 이렇게:

  • "다색 벽지로 거실을 꾸며보세요."
  • "저희의 가족 친화적인 준비된 식사로 저녁을 간단하게 만드세요."
  • "이 공간 절약형 미니 푸드 프로세서로 몇 초 만에 야채를 썰 수 있습니다."

Tp #3: 고객이 사용하는 언어 사용

다양한 도구를 판매하시나요? 실용적인 어조와 직설적인 언어를 사용하십시오. 고가의 골동품을 판다? 귀하의 전문 지식을 보여주기 위해 공식적인 언어와 적절한 용어를 사용하십시오.

3. 리뷰 및 평가 추가

특히 고객 이미지가 포함된 리뷰는 브랜드의 신뢰도를 높여줍니다. Bazaarvoice의 Conversion Index Volume 8에 따르면 리뷰를 보는 방문자는 구매 가능성이 58% 더 높습니다.

리뷰와 평점은 또한 평균 주문 가치(AOV)를 3% 높이고 방문당 수익을 최대 62%까지 높입니다.

사회적 증거를 다시 살펴보자.

당신은 아마도 당신이 마지막으로 새로운 것을 샀을 때 리뷰를 읽었을 것입니다. 제품 리뷰의 전제는 간단합니다. 기존 고객이 제품이나 서비스가 훌륭하다고 생각한다면 귀하도 마찬가지로 긍정적인 경험을 하게 될 것입니다.

고객의 40%는 우수한 고객 서비스로 평판이 좋은 경쟁 브랜드와 사업을 시작할 것입니다. 한마디로 사회적 증거다.

귀하의 브랜드가 상을 수상한 경우 제품 페이지에 언급하십시오. 신뢰 배지(Better Business Bureau 인증, TRUSTe 인증)는 특히 귀하의 브랜드가 시장에 새로 출시된 경우 소비자를 안심시킵니다.

4. 클릭 유도문안 지우기

사이트 방문자는 다음에 무엇을 해야 하는지 알려야 하는 경우가 많습니다. 제품 설명 끝에 잘 작성된 CTA(클릭 유도문안)가 프롬프트 역할을 합니다.

인바운드 마케팅 전문가는 CTA를 "비밀 무기"라고 부릅니다. 왜냐하면 CTA가 전환율을 높이고 AOV를 높이며 일반적으로 퍼널 리드가 결승선에 도달하기 때문입니다.

몇 가지 CTA 예제가 필요하십니까? 여기 있습니다:

  • "여기를 클릭하여 에너지 강화 바이오 보충제에 대해 자세히 알아보고 다음 주문 시 10% 할인을 받으세요."
  • "오늘 구매하고 무료로 야간 배송을 받으세요!"
  • "무료 상담이나 개인 제품 시연을 원하시면 지금 바로 연락주세요."

CTA 해킹은 텍스트를 넘어 다음을 포함할 수 있습니다.

  • 화살표 버튼: CTA에 화살표 아이콘을 추가하면 클릭률(CTR)을 26% 높일 수 있습니다.
  • 빨간색 또는 주황색 텍스트 : 텍스트 의 색상을 지루한 검정색에서 생생한 빨간색 또는 주황색으로 변경하면 전환율을 최대 32.5%까지 높일 수 있습니다.
  • 클릭 가능한 버튼: 전체 CTA를 거대한 버튼으로 전환하면 CTR이 45% 향상될 수 있습니다.
  • 복잡함 감소: 최소한의 설정으로 CTA를 표시하고 클릭연결 트래픽을 최대 232% 더 확보하십시오.
  • 개인화: 타겟 CTA는 CTR을 최대 42%까지 높일 수 있습니다.

내부자 조언 #2: CTA도 마법의 마케팅 전략 요소입니다. AdRoll 및 Wordstream의 설문 조사에 따르면 CTA는 소셜 미디어 게시물의 클릭률을 285% 향상시키고 마케팅 이메일의 CTR을 371% 향상시킵니다.

5. 제품 추천

개인화 여부에 관계없이 제품 추천은 평균 바구니 가치를 하늘로 끌어올릴 수 있습니다.

제품 설명 아래에 몇 가지를 넣어 페이지를 향상시키고 브랜드에 대한 일반적인 소문을 만드십시오. 제품 권장 사항에는 8가지 주요 유형이 있습니다.

  1. 유사 제품: 유사한 제품 제안을 통해 소비자는 이상적인 상품을 쉽게 찾을 수 있습니다.
  2. 상향 판매 옵션: 소비자 지출을 장려하기 위해 제품의 더 높은 가격의 프리미엄 버전을 과시합니다.
  3. 자주 함께 구매 하는 제품 : AOV를 두 배로 늘리기 위해 서로 어울리는 제품을 정렬하세요.
  4. 추천 상품: 방문자의 방문 기록을 기반으로 데이터를 사용하여 상품을 추천합니다.
  5. 이전에 본 제품 : 방문자에게 이전에 본 제품을 표시하여 구매를 유도합니다.
  6. 제품 번들: 특별 할인을 제공하여 고객이 번들을 쉽게 구매할 수 있도록 합니다.
  7. 인기 상품: 방문자가 추가 항목을 선택하도록 격려하기 위해 동료 압력을 사용합니다.
  8. 새로운 상품: 새로운 상품 캐러셀로 시즌 컬렉션과 최신 기술 아이템을 선보입니다.
Belli skincare ecommerce product page example
[출처: 벨리 스킨케어]

영감을 위한 4개의 전자 상거래 제품 페이지

에뮬레이션은 성공을 위한 확실한 공식입니다. 최근에 본 가장 효과적인 제품 페이지를 살펴보고 왜 그렇게 잘 작동하는지 이야기해 보겠습니다.

1. 라크

Larq는 기본적으로 단일 제품 회사입니다. 다양한 색상의 혁신적인 자동 세척 물병과 함께 제공되는 슬리브가 온라인 제품의 대부분을 차지합니다.

메인 물병 페이지는 심플하고 우아하며 Larq 물병이 제공하는 것과 다른 물병과의 차이점에 대해 설명합니다.

Larq의 제품 페이지에서 언어, 과학 및 가격대를 살펴보면 Larq의 대상 소비자 기반이 기술에 정통하고 합리적으로 부유하다는 것을 알 수 있습니다.

미니멀하고 흡수하기 쉬운 Larq의 제품 페이지는 정교하고 직관적인 경험을 제공합니다.

Larq ecommerce product page screenshot
[출처: 라크]

2. 버로우

다음으로 Burrow의 Block Nomad 소파를 살펴보겠습니다. Burrow는 주문에 따라 프리미엄 품질의 가구를 만들고 각 부품을 제조업체에서 소비자에게 직접 배송합니다.

Nomad는 군더더기 없고 소란스러운 3인승이며 얼룩 방지 마감 처리되어 있어 하나의 편리한 패키지에 고급스러움과 오래 지속됩니다.

제품 선택 및 체크아웃은 악명 높은 구매 장벽이지만 Burrow를 사용하면 쉽게 할 수 있습니다. 라디오 버튼을 사용하여 색상, 마감, 팔 스타일, 쿠션 선택 및 선택적 업그레이드를 선택할 수 있습니다.

한 옵션에서 다른 옵션으로 전환할 때마다 기본 이미지가 일치하도록 변경됩니다. 당신이 받을 소파를 쉽게 상상할 수 있습니다. 그것은 천재적인 마케팅 조치입니다. 브라보, 버로우.

아래로 스크롤하면 Block Nomad 제품 페이지가 세련되고 인위적이지 않습니다. 치수가 먼저 나온 다음 간략하고 사려 깊은 제품 설명으로 넘어갑니다.

주요 기능은 다음과 같습니다(아이콘은 시각적 표시를 생성함). 그 다음에는 Burrow CEO의 인용문으로 회사와 소비자 사이에 영리한 연결이 만들어집니다. 자동 재생 비디오 및 애니메이션은 장식 역할을 합니다.

block nomad sofa product page design
[출처: 버로우]
block nomad sofa ecommerce product page
[출처: 버로우]

3. 향연

시대를 초월한 옷을 입을 시간입니다. 2009년에 설립된 Revelry는 전통적인 소매점을 피하고 집에서 들러리 드레스를 쉽게 쇼핑할 수 있도록 합니다.

패브릭 견본을 주문하고, 드레스 길이를 선택하고, 거실을 떠나지 않고도 맞춤형 추가 품목을 지정할 수 있습니다. 모든 드레스는 다양한 크기, 색상 및 재료로 주문 제작됩니다.

이 분석을 위해 Dylan 벨벳 들러리 드레스 제품 페이지를 살펴보겠습니다.

제품 이름 바로 아래에 전체 가격과 Klarna 분할 가격이 나와 있습니다. 할부 가격은 고가 품목의 비용을 분산하여 판매를 늘리는 데 도움이 되어 즉시 저렴하게 사용할 수 있습니다.

잘했어, Revelry.

소비자는 편리하고 직관적인 드롭다운 목록과 라디오 버튼을 통해 색상, 크기, 드레스 길이 및 배송 시간과 같은 옵션을 선택할 수 있습니다.

페이지 아래로 이동하면 제품 설명과 드레스에 대한 자세한 정보가 표시됩니다. 마지막으로 리뷰는 사회적 증거를 제공하고 "더 사랑할 만한" 캐러셀은 대안을 제안합니다.

revelry screenshot ecommerce website design
[출처: 향연]

4. 스컬캔디

음악은 만국 공통어이며 스컬캔디 제품을 통해 보다 쉽게 ​​경험할 수 있습니다.

브랜드의 Venue 노이즈 캔슬링 헤드폰을 예로 들어 보겠습니다.

편안하고 세심하게 설계된 이 제품에는 하모니를 더 쉽게 들을 수 있도록 활성 소음 제거 기술도 포함되어 있습니다. 이 정보는 제품 페이지에 매우 명확하게 표시되기 때문에 거의 즉시 학습합니다.

밝은 색상과 최첨단 그래픽이 이 페이지에 힙한 분위기를 더합니다. 이해하기 쉬운 아이콘과 한 문장으로 된 요약 설명은 독자들에게 간식으로 스캔할 수 있는 정보를 제공합니다.

나중에는 영상을 통해 모든 각도에서 제품을 끄집어내어 2차원에서 3차원 아이템으로 탈바꿈시킨다. 조금 더 아래로 스크롤하면 전체 화면 기능과 이점을 얻을 수 있습니다.

사진, 인용문 및 기술 정보는 Venue 헤드폰을 더 잘 알려진 소음 제거 브랜드에 대한 실행 가능한(그리고 더 트렌디한) 대안으로 홍보합니다. 리뷰는 페이지 하단에 중앙 형식으로 표시되며 앨범 등급처럼 보입니다.

영리하고 레코드 회사 분위기와 동등합니다. 잘 놀았다, 스컬캔디.

venue noise-canceling headphones ecommerce product page
[출처: 스컬캔디]
scullcandy venue noise-canceling headphones product page design
[출처: 스컬캔디]

전자 상거래 제품 페이지 요약

제품 페이지는 판매 유입경로 하단 근처에 위치하여 방문자가 구매를 하도록 유도하거나 사이트에서 이탈하게 만듭니다.

훌륭한 제품 페이지에는 잘 쓰여진 고유한 설명 텍스트, 매력적인 이미지, 진정한 리뷰 및 명확한 클릭 유도문안이 포함됩니다.

이러한 모든 페이지 요소에 자신만의 감각을 추가하면 제품에 생명을 불어넣을 수 있습니다. 제품 페이지를 최적화한 후 매출이 급증하더라도 놀라지 마세요! 행운을 빕니다!

Shopify 스토어를 구축하고 싶으십니까?
Shopify 개발자 찾기