전자 상거래 사이트 모범 사례: '완벽한' 전자 상거래 사이트 분석 [2022 Edition]
게시 됨: 2022-05-29유형의 제품을 판매하는 비즈니스에 종사하고 있다면 이미 전자 상거래의 대세에 합류했을 것입니다.
eMarketer에 따르면 전자 상거래 매출은 2018년까지 거의 2조 5000억 달러에 달할 것입니다. 오프라인 상점 소유주는 수입을 늘리기 위해 점점 더 디지털 경쟁에 참여하고 있습니다.
그리고 그들은 왜 하지 말아야 합니까?
인터넷은 쇼핑객의 천국입니다. 집에서 편안하게 클릭 한 번으로 소비자는 교통 체증과 싸우고, 주차 공간을 찾고, 군중을 용감하게 하고 악천후를 대처하는 번거로움 없이 원하는 거의 모든 것을 구입할 수 있습니다.
그래서 당신은 어디에 있습니까?
동료 온라인 공급업체를 상대로 점점 더 과밀화된 전자 상거래 세계에서.
커브를 이기고 인기 있는 전자 상거래 상점의 대열에 합류하려면 소비자에게 잘 조직되고 효율적인 온라인 쇼핑 경험을 제공 해야 합니다.
완벽한 전자 상거래 사이트의 개념은 신화이지만 지속적으로 A/B 테스트를 실행하고 항상 고객과 고객의 요구 사항에 대해 생각함으로써 완벽한 전자 상거래 사이트를 만들 수 있습니다.
훌륭한 전자상거래 사이트에는 몇 가지 공통점이 있습니다. 우리는 다음을 심층적으로 조사하여 분류합니다.
- 홈페이지
- 카테고리 페이지
- 제품 페이지
- 결제 페이지
급히? 2022년 전자 상거래 사이트를 만들기 위한 모범 사례는 다음과 같습니다.
- 홈페이지 모범 사례:
- 항상 존재하는 검색창
- 가치 제안 전면 및 중앙
- 판매 제품 탭/프로모션 탭
- 고객이 회사에 대한 정보를 찾을 수 있는 바닥글
- 카테고리 페이지 모범 사례:
- 행에 명확하게 표시된 제품
- 찾기 쉬운 탐색
- 프로모션을 강조하는 기능 배너
- 섹션을 "베스트 셀러" 및/또는 "신규 상품"에 할애합니다.
- 제품 페이지 모범 사례:
- 고객 평가 및 리뷰 표시
- 매력적인 제품 카피
- 거대하고 생생한 제품 이미지
- 크고 대담한 대비 색상의 장바구니 담기 버튼
- 상향 판매, 교차 판매, 관련 제품
- 체크아웃 페이지 모범 사례:
- 시각적 진행 표시기
- 다양한 결제 옵션 제공
- 주문 요약 포함
- 탐색하기 쉬운 고객 서비스
- 보안 체크아웃 배지
- 최고의 전자 상거래 사이트 예:
- Stanley-PMI: 첫인상이 중요합니다.
- 티볼리 오디오: "즉시 구매 가능한 사람" 및 "세부 정보 표시"에 최적화
- Herman Miller: 비디오를 통해 제품 소개
- 스티커 뮬: 몇 초 만에 가치 제안 증명
- Lululemon Athletica: 방문자의 참여 유도
- MVMT: AOV를 높이는 원클릭 상향 판매
체크리스트 다운로드: 전자상거래 웹사이트 디자인 모범 사례
최고의 전자상거래 사이트를 만들기 위한 36가지 체크리스트.
전자 상거래 홈페이지 모범 사례
다음 요소는 전환율이 높은 홈페이지에 필수적입니다.
홈페이지 모범 사례 팁 #1: 항상 존재하는 검색 창
검색 창은 모든 전자 상거래 웹 사이트에서 매우 중요한 부분입니다. 소비자가 페이지 하단을 보기 위해 아래로 스크롤할 때 검색 표시줄이 탐색 표시줄에 꽉 차서 함께 아래로 스크롤되는지 확인합니다. 방문자는 새로운 것을 검색하기 위해 페이지를 다시 스크롤할 필요가 없습니다.
홈페이지 모범 사례 팁 #2: 가치 제안 전면 및 중앙
귀하의 홈페이지는 소비자를 흥분시키고 쇼핑을 장려할 수 있는 강력한 후크가 있어야 합니다. 간결한 방법으로 제품의 이점을 설명 하여 가치 제안에 웅장함을 더하십시오. 이를 통해 USP를 명시하고 브랜드 개성을 반영하십시오. 가치 제안이 명확하고 가시적인지 확인하십시오.
홈페이지 모범 사례 팁 #3: 판매 제품 탭/프로모션 탭
기존 고객과 웹사이트를 처음 접하는 고객에게 최신 프로모션으로 최신 정보를 제공하세요. 페이지 상단에 최신 할인 및 제안에 대한 세부 정보가 포함된 탭을 표시할 수 있습니다. 또한 처음 쇼핑하는 사람들에게 인센티브를 제공할 수 있는 좋은 장소이기도 합니다.
홈페이지 모범 사례 팁 #4: 고객이 회사에 대한 정보를 찾을 수 있는 바닥글
전자 상거래 웹 사이트의 바닥글에 모든 비즈니스 세부 정보를 추가하십시오. 회사, 이메일 주소 또는 연락 가능한 무료 전화번호, 위치, 다양한 제품 카테고리, 블로그(있는 경우), 소셜 미디어 계정 등에 대한 간략한 설명을 추가하십시오.
전자상거래 카테고리 페이지 모범 사례
수익성 있는 보상을 받으려면 카테고리 페이지에 다음 요소가 있어야 합니다.
카테고리 페이지 모범 사례 팁 #5: 행에 제품을 명확하게 표시
마케팅 교수이자 Jay의 이사인 Barbara E. Kahn에 따르면. H. 베이커 소매 센터,
“상품을 세로로 쌓을 때 하나의 제품을, 가로로 쌓을 때 여러 제품을 가져갈 수 있다는 개념입니다. 소매업체들은 이것을 알아냈습니다.”
이는 가로로 행으로 쌓인 제품이 열에 표시된 제품보다 더 잘 팔릴 것임을 보여줍니다.
카테고리 페이지 모범 사례 팁 #6: 찾기 쉬운 탐색
명확한 탐색 계획이 있으면 사용성이 향상되고 사용자가 원하는 범주로 쉽게 이동할 수 있습니다.
카테고리 페이지 모범 사례 팁 #7: 프로모션을 강조하는 기능 배너
기능 배너는 카테고리 페이지의 중요한 부분입니다. 다양한 방법으로 사용자 경험을 개선합니다. 올바른 페이지에 있음을 보여주고, 온라인 쇼핑 프로세스를 완료하기 위해 취해야 하는 다음 단계로 안내하고, 지속적인 프로모션으로 사용자를 유혹합니다.
체크리스트 다운로드: 전자상거래 웹사이트 디자인 모범 사례
최고의 전자상거래 사이트를 만들기 위한 36가지 체크리스트.
카테고리 페이지 모범 사례 팁 #8: 섹션을 "베스트 셀러" 및/또는 "신규 상품"으로 지정합니다.
New Arrivals는 브랜드 서포터가 계속해서 더 많은 제품을 구매하기 위해 새로 구매하는 데 도움이 됩니다. 베스트 셀러는 신규 고객이 귀하의 인기 제품을 기반으로 첫 구매를 하도록 장려하므로 똑같이 효과적입니다.
전자 상거래 제품 페이지 모범 사례
전환율이 높은 제품 페이지는 다음 요소가 없으면 작동하지 않습니다.
제품 페이지 모범 사례 팁 #9: 고객 평가 및 리뷰 표시
Moz에 따르면 소비자의 67%가 온라인 리뷰의 영향을 받습니다. 모든 종류의 좋은 리뷰와 나쁜 리뷰(예, 부정적인 리뷰도 포함)를 표시하면 소비자가 귀하의 브랜드를 신뢰하고 귀하로부터 구매하도록 권장합니다. 정직한 리뷰는 항상 신뢰의 강력한 기반이 됩니다.
제품 페이지 모범 사례 팁 #10: 설득력 있는 제품 카피
제품 카피는 전자 상거래 세계에서 필수적인 부분입니다. 왜요? 제품을 판매해야 하기 때문입니다. 소비자와 대화해야 합니다. 설명을 하고 그림을 그리며 기능을 설명하는 대신 제품의 장점을 설명하십시오.
제품 페이지 모범 사례 팁 #11: 거대하고 생생한 제품 이미지
비주얼이 텍스트를 능가합니다. 흐릿한 색상의 거칠고 픽셀화된 이미지는 브랜드에 대한 부정적인 이미지를 만들고 소비자에게 어필하지 못합니다. 반면에 모든 세부 사항이 명확하게 보이는 크고 생생한 그림은 고객에게 더 매력적입니다. 또한 제품의 각도와 시점을 최대한 많이 표시하십시오.
American Muscle의 Matt에 따르면,
“American Muscle은 차량 안팎에서 모든 각도에서 거의 모든 제품에 대한 훌륭한 사진 컬렉션을 보유하고 있을 뿐만 아니라 고객이 자신의 사진을 업로드할 수 있도록 합니다. 이러한 고객 사진은 종종 기업 사진보다 더 나으며 고객이 실제로 보고 싶어하는 각도를 포함합니다."
전자 상거래 비즈니스의 성장 및 확장을 위한 최고의 가이드
30,000단어 PDF 가이드에서 18년 이상의 여정을 통해 배운 모든 것.
제품 페이지 모범 사례 팁 #12: 크고 대담한 대비 색상의 장바구니 담기 버튼
CTA를 제품 가까이에 배치합니다. CTA 버튼에 Add to Cart, Buy Now 등의 레이블을 지정하십시오. 크고 쉽게 보이는지 확인하십시오.
제품 페이지 모범 사례 팁 #13: 상향 판매, 교차 판매, 관련 제품
관련 제품을 상향 판매 및 교차 판매하여 전환율을 높이고 평균 장바구니 가치를 높일 수 있습니다. 소비자에게 구매를 보완할 제품이나 구매한 것과 유사한 제품을 보여줍니다. Forrester 연구에 따르면 상향 판매 및 교차 판매는 전자 상거래 수익의 평균 10-30%를 차지합니다.
전자상거래 체크아웃 페이지 모범 사례
다음 요소는 소비자에게 체크아웃 페이지에서 판매를 완료하도록 최종 푸시를 제공합니다.
체크아웃 페이지 모범 사례 팁 #14: 시각적 진행률 표시기
온라인 체크아웃 양식은 종종 고객이 쇼핑 프로세스를 완료하지 못하게 할 수 있습니다. 가깝고도 먼. 하지만 왜? 힘든 세부 사항을 모두 작성하는 것은 디지털 세계에 알려진 가장 지루하고 수동적인 작업이 될 수 있기 때문입니다! 그렇다면 어떻게 하면 이 고통스러운 작업을 고객에게 조금 더 쉽게 만들 수 있을까요? 시각적 진행 표시기를 통해 양식 작성 진행 상황을 표시하면 터널 끝에서 빛을 볼 수 있습니다. 그것은 그들을 위해 일을하지 않지만 적어도 심리적으로 도움이됩니다.
체크아웃 페이지 모범 사례 팁 #15: 다양한 결제 옵션 제공
고객에게 PayPal, Stripe, Mastercard 등과 같은 지불 옵션을 선택할 수 있는 사치를 제공합니다.
체크아웃 페이지 모범 사례 팁 #16: 주문 요약 포함
고객이 무엇을 구매하는지 알 수 있도록 결제 페이지에서 주문 요약을 보여주세요. 올바른 제품을 클릭했는지, 가격이 얼마인지, 올바른 색상을 선택했는지 등을 끊임없이 궁금해하지 않도록 합니다. 제품 사진, 제품 속성 및 가격을 포함할 수 있습니다.
체크아웃 페이지 모범 사례 팁 #17: 탐색하기 쉬운 고객 서비스
반품 불가 정책은 고객을 놀라게 하는 확실한 방법입니다. 이를 방지하려면 결제 페이지에 지원 요소를 추가하십시오. 여기에는 채팅 기능, 명확한 배송 및 반품 정책, 수신자 부담 전화번호 등이 포함될 수 있습니다.
체크아웃 페이지 모범 사례 팁 #18: 안전한 체크아웃 배지
'100% 안전한 쇼핑'이라는 머리글을 사용하거나 바닥글에 보안 배지를 추가하여 고객의 긴 보안 질문을 잠재울 수 있습니다. 이처럼 빠른 속도로 전자 상거래 비즈니스가 급성장함에 따라 고객에게 안전한 온라인 쇼핑 환경을 제공하는 것이 중요합니다. 체크아웃 페이지에 이 그래픽을 추가하면 보안 문제로 인해 고객이 마지막 순간에 취소할 가능성을 제거할 수 있습니다.
체크리스트 다운로드: 전자상거래 웹사이트 디자인 모범 사례
최고의 전자상거래 사이트를 만들기 위한 36가지 체크리스트.
전체 인포그래픽을 보고 싶으신가요? 자유롭게 공유하십시오 (임베딩 코드는 하단에 있습니다)
귀하의 사이트에서 이 인포그래픽을 공유하십시오
최고의 전자상거래 사이트 예시: 2022년 판
우리는 B2C 및 B2B 모두에서 다양한 산업 분야의 최고의 전자 상거래 사이트를 조사하여 일반 사이트에서 업계 리더로 이동하는 데 필요한 사항을 포괄적으로 살펴보았습니다.
1. Stanley-PMI: 첫인상이 중요합니다.
카테고리: B2C
시장: 야외 머그 및 보온병
누군가가 귀하의 사이트에 방문했을 때 귀하가 빠르게 참여하지 않거나 흥미로운 것을 보여주지 않으면 순식간에 떠날 것입니다.
따라서 사이트 방문자가 제품의 이점을 이해하는 것이 중요하며 Stanley-PMI는 이를 잘 수행합니다. 그들이 당신의 제품이 그들을 위해 무엇을 하는지 더 빨리 이해할 수 있을수록 당신의 전환은 더 높아질 것입니다. 
우리가 그것에 대해 좋아하는 것
명확하고 간결한 제품 카피: 간략한 혜택, 각 제품의 색상, 상단에 있는 등급, 명확한 "장바구니에 추가" 버튼 모두를 쉽게 결정하도록 도와줍니다.
개선할 수 있는 것
"뉴스레터에 가입하세요"라고 말하는 대신 가입 시 즉각적인 이점을 명시해야 합니다. 그들은 리드 자석을 사용하여 "무료 가이드를 받으려면..."과 같이 쓸 수 있습니다.
리드 마그넷 없이 "독점 거래에 가입"을 추가하더라도 독자가 이메일을 입력하는 것이 좀 더 설득력 있게 만들 것입니다.
2. 티볼리 오디오: "바로 구매 가능한 사람" 및 "세부 정보 보여주기"에 최적화
카테고리: B2C
시장: 오디오
소비자에는 두 가지 유형이 있습니다.
- 구매할 준비가 되어 있고, 빠른 결정을 내리고, 상품을 바로 구매하고 싶은 사람들입니다.
- 그러면 더 알고 싶어하는 사람들이 있습니다. 그들은 FAQ, 정보 페이지를 읽고 구매하기 전에 거의 모든 것을 읽고 싶어합니다.
좋은 전자 상거래 사이트는 두 유형의 사람들을 모두 최적화하는 방법을 알고 있으며 Tivoli Audio는 이를 잘 수행합니다.
우리가 그것에 대해 좋아하는 것
홈 페이지의 이중 헤더 탐색. 상점 및 기타 주요 페이지로의 크고 명확한 탐색, 더 많은 것을 원하는 사람들을 위해 위에 더 자세한 정보가 있습니다.
개선할 수 있는 것
추가해야 하는 카테고리(일반적으로 전자 상거래 사이트에서 가장 많이 선택되는 카테고리)는 "신규 상품" 카테고리입니다.
3. Herman Miller: 비디오를 통한 제품 소개
카테고리: B2B
시장: 가구
크고 또렷하고 생생한 사진이 기대되는 요즘입니다. 비디오는 새로운 표준이 되고 있습니다.
우리가 그것에 대해 좋아하는 것
영상으로 전시되는 상품 - 움직이는 상품을 직접 체험할 수 있어 구매 가능성이 높아진다.
개선할 수 있는 것
Herman Miller에서 누락된 것은 고객의 평가입니다. 사이트에 리뷰가 없습니다. 제품 페이지에 여러 디자이너가 있지만 사회적 증거가 누락되었습니다.
4. 스티커 뮬: 몇 초 만에 가치 제안 증명
카테고리: B2B
시장: 선물
스티커 뮬은 그들이 왜 그렇게 좋은지 분명히 하는 훌륭한 일을 합니다. 그들의 가치 제안은 가장 먼저 눈에 띄며 잠재 고객의 무료 스티커 증거는 몇 초 만에 구성되어 신뢰를 구축하고 전환을 증가시킵니다.
우리가 그것에 대해 좋아하는 것
몇 초 만에 입증된 매우 명확한 가치 제안과 사회적 신뢰성.
개선할 수 있는 것
고객이 고객 서비스에 더 쉽게 연락할 수 있는 방법이 있을 수 있습니다. 페이지 하단의 사이트에는 "연락" 버튼이 하나만 있습니다.
오른쪽 하단에 라이브 채팅 옵션을 추가하면 좋을 것입니다. 상단에 두 번째 "연락처" 버튼을 추가해도 도움이 될 것입니다.
5. Lululemon Athletica: 방문자의 참여 유도
카테고리: B2C
시장: 의류
사람들은 더 많은 상호작용을 원합니다. 그들은 온라인 쇼핑 경험에 더 많이 참여하기를 원합니다.
우리가 그것에 대해 좋아하는 것
사이트의 참여도가 높으며 탐색 기능을 통해 원하는 것을 정확하게 찾을 수 있습니다.
개선할 수 있는 것
라이브 채팅 기능은 너무 많은 작업이 필요합니다. 라이브 채팅을 기다리기 위해 양식을 작성하는 것보다 고객이 작업을 건너뛰고 고객 서비스 에이전트 또는 챗봇과 즉시 채팅을 시작할 수 있도록 합니다.
6. MVMT: AOV를 높이는 원클릭 상향 판매
카테고리: B2C
시장: 패션
전자 상거래 상점은 고객이 원하는 것을 제공하도록 설계되어야 합니다.
상향 판매는 현재 제안에 더 많은 가치를 추가할 수 있는 완벽한 기회입니다. 버튼을 클릭하여 시계에 두 번째 스트랩을 추가하는 것만 큼 쉽게 만들 수 있다면 평균 주문 금액을 크게 높일 수 있습니다.
우리가 그것에 대해 좋아하는 것
그들의 시계에 대한 MVMT의 상향 판매는 밀어붙이는 것처럼 보이지 않습니다. 불편함을 느끼지 않습니다. 방문자가 더 많은 옵션을 가질 수 있는 기회를 제공합니다. 방문자의 입장이 되어 보십시오. “음… 두 번째 끈… 그런 건 생각도 못 했어요. 검은 가죽이 있으면 좋을 것입니다. 그래, 나는 회색보다 그게 더 좋아.” *딸깍 하는 소리*
개선할 수 있는 것
MVMT에는 예쁜 사이트가 있습니다. 깔끔하고 디자인도 잘 되어있어요. 사용하기 쉽습니다. 그러나 개선할 수 있는 한 가지는 스크롤 없이 볼 수 있는 홈 페이지입니다. 매장이 다른 이유를 즉시 알려주는 명확한 가치 제안은 이탈률을 낮추고 전환을 증가시킵니다.