전자상거래 랜딩 페이지의 방법과 이유: 15가지 최적화 팁과 10가지 디자인 예

전용 전자 상거래 방문 페이지는 모든 전자 상거래 페이지 중에서 가장 무시됩니다. 온라인 소매업체는 제품 세부정보 페이지 및 카테고리 페이지와 같이 사이트의 보다 "명확한" 부분에 초점을 맞추는 경향이 있습니다. 둘 다 방문 페이지로 취급되어서는 안 되는 경우에도 취급되는 경향이 있습니다.

제품 페이지는 다른 유형의 방문 페이지에 비해 실적이 저조합니다. 원천.
방문 페이지는 종종 방문자에게 브랜드의 첫 번째 경험입니다. 그리고 그 경험이 긍정적인 경우, 재방문 고객으로 전환하여 최고의 투자 수익을 제공할 수 있습니다.

그러나 전용 전자 상거래 랜딩 페이지의 설계 및 최적화에 적절한 리소스를 제공하지 않는 것은 전자 상거래 관리자가 범하는 일반적인 실수입니다.

이 때문에 대부분의 온라인 소매업체의 전환율은 예상보다 훨씬 낮습니다. 이는 대기업들이 정기적으로 업계 평균 이상의 수치를 보고한다는 사실에 의해 입증됩니다.

신규 방문자에게 표시되는 첫 번째 페이지의 품질을 개선하는 것은 전체 전환율을 높이는 가장 확실한 방법 중 하나입니다. 전용 전자 상거래 방문 페이지를 제공하는 것보다 더 좋은 방법은 없습니다.

이 기사에서 무엇을 찾을 수 있습니까?

전자상거래의 랜딩페이지란?
전자 상거래 랜딩 페이지와 제품 세부 정보 페이지의 차이점은 무엇입니까?
전자 상거래 사이트에 랜딩 페이지가 필요한 이유는 무엇입니까?
전자상거래 웹사이트의 방문 페이지 전환을 늘리는 방법: 10가지 입증된 팁
전자상거래를 위한 랜딩 페이지: 상위 5가지 디자인 팁
훌륭한 전자상거래 랜딩 페이지: 디자인 팁이 포함된 10가지 예
결론

파고 들어!

전자상거래의 랜딩페이지란?

다른 페이지와 겹치는 영역이 있지만 방문 페이지는 고유한 전자상거래 페이지를 나타냅니다 .

온라인 상점을 구성하는 모든 주요 유형의 페이지(특히 홈페이지, 카테고리 페이지 및 제품 세부 정보 페이지)는 방문 페이지 역할을 할 수 있습니다. 그리고 제품 페이지는 종종 검색 엔진이나 소셜 미디어를 통해 제품을 발견한 신규 고객의 첫 번째 진입 지점이 될 것입니다.

Amazon.com의 제품 페이지 및 맞춤형 랜딩 페이지의 예.
그러나 "방문 페이지"는 별도의 페이지를 구성합니다. 카테고리 페이지와 제품 페이지는 더 많고 전자 상거래 사이트의 주요 콘텐츠를 구성하지만 랜딩 페이지가 똑같이 중요하지 않다고 생각하는 것은 잘못된 생각입니다.

전자 상거래 환경에서 "방문 페이지"라는 용어는 방문자가 제품을 구매하도록 동기를 부여하기 위해 하나의 명확한 목표를 가지고 특정 유형의 트래픽을 위한 진입점(신규 방문자의 첫 번째 접점)으로 특별히 설계된 페이지를 설명하는 데 사용됩니다. .

전자 상거래 랜딩 페이지와 제품 세부 정보 페이지의 차이점은 무엇입니까?

간단히 말해서 랜딩 페이지는 타겟 트래픽이 단일 작업을 수행하거나 제한된 수의 작업 중에서 선택하도록 유도하도록 특별히 설계되었습니다. 소매업체가 가장 원하는 결과를 나타내는 이 작업은 제품을 구매하거나 뉴스레터에 가입하거나 단순히 클릭하여 판매, 판촉 또는 이벤트에 대해 자세히 알아보는 것일 수 있습니다.

"타겟팅된" 트래픽은 인구 통계, 심리 통계 또는 구매자 기록과 같은 데이터 측면에서 사전 정의된 모든 트래픽입니다. 이러한 종류의 트래픽은 이메일 캠페인, 유료 플랫폼(예: Facebook), 공동 프로모션 또는 오프라인 광고에서 발생할 수 있습니다.
Dollar Shave Club의 이 방문 페이지는 신규 방문자의 관심을 직접 끌 수 있도록 설계되었습니다.

반면에 제품 페이지에는 더 넓은 목적이 있습니다. 예를 들어 두 가지 모두 방문자가 장바구니에 항목을 추가하라는 메시지를 표시하도록 설계된 경우가 많지만 방문 페이지에는 없는 다른 기능도 있습니다. 제품 페이지에는 리뷰 전용 섹션 전체와 같은 신뢰 구축 요소와 함께 관련 제품 제안이 포함되는 경우가 많습니다.

간단히 말해서 제품 페이지는 검색 엔진, 소셜 미디어, 이메일, 타사 사이트 또는 브라우저를 통한 직접 트래픽 등 모든 유형의 트래픽을 수용하도록 설계되었습니다.

또한 방문 페이지가 검색 엔진에 최적화되는 경우는 거의 없습니다. 소매업체는 일반적으로 분석이 왜곡되지 않도록 의도적으로 인덱스를 제거합니다.

전자 상거래 사이트에 랜딩 페이지가 필요한 이유는 무엇입니까?

아직 방문 페이지를 활용하지 않고 있다면 전환, 고객 및 수익을 잃을 가능성이 높습니다.

다음은 사이트에서 사용할 때의 주요 이점입니다.

랜딩 페이지는 유료 전자상거래 트래픽에 대해 더 높은 ROI를 유도합니다.

랜딩 페이지는 사용자 정의가 가능하며 퍼널의 특정 단계에서 고객과 잠재 고객을 수용하도록 설계할 수 있습니다. 특히, 귀하의 사이트에 대한 최상위 퍼널 방문자는 귀하의 브랜드에 대한 참여도와 신뢰 수준이 낮습니다.

방문자의 특정 인구 통계를 일반 제품 페이지로 바로 보내지 않고 직접 전달하는 제안, 카피 및 브랜딩을 생성하면 방문자와 연결될 가능성이 훨씬 높아집니다. 연결은 전환과 같습니다. 광고 지출에 대한 명확한 ROI를 달성하는 것이 필수적인 유료 트래픽의 경우 특히 그렇습니다.

랜딩 페이지는 테스트를 위한 훌륭한 기회를 제공합니다

방문 페이지는 테스트 및 최적화에 이상적입니다. 첫째, 방문 페이지는 다른 페이지보다 훨씬 적은 요소(예: 메뉴가 없음)로 구조적으로 매우 최소화되는 경향이 있습니다. 이것은 A/B 테스트를 덜 힘들게 만듭니다.

둘째, 유료 및 이메일 캠페인을 통해 트래픽 흐름을 제어할 수 있기 때문에 시장에서 가장 수익성이 높은 부문에 집중하고 수익을 극대화할 수 있습니다.

타겟 그룹(예: 이메일 목록 또는 Facebook 잠재고객) 내에서 가장 가치 있는 트래픽 부분을 식별하고 이 정보를 사용하여 광고 플랫폼에서 타겟팅 방법 및 선택 항목을 더욱 세분화할 수 있는 피드백 루프가 생성됩니다.

맞춤형 랜딩 페이지를 사용하면 기존 고객 세그먼트를 직접 타겟팅할 수 있습니다.

기존 고객에 대한 데이터를 사용하는 가장 좋은 방법 중 하나는 이메일 및 소셜 미디어 캠페인을 위한 세그먼트별 랜딩 페이지를 구축하는 것입니다. 이러한 방식으로 방문 페이지를 디자인하면 특정 제품, 경품, 할인 등을 홍보할 때 더 높은 전환을 유도할 수 있습니다.

방문 페이지는 신규 고객만을 위한 것이라는 일반적인 오해가 있습니다. 그러나 이는 현재 고객 기반을 다시 참여시키고 평균 평생 가치를 높이는 가장 효과적인 도구 중 하나입니다.

랜딩 페이지는 유연하며 대부분의 전자상거래 목표에 맞출 수 있습니다.

방문 페이지는 놀라울 정도로 유연합니다.

잠재 고객과 기존 고객 모두를 위해 다양한 목적으로 사용할 수 있습니다. 인지도를 높이고, 이메일 주소를 수집하고, 기존 고객을 재타겟팅하고, 체크아웃 중 상향 판매를 촉진하거나, 판촉 및 판매를 광고하려는 경우 방문 페이지를 통해 이를 수행할 수 있습니다.

랜딩 페이지는 빠르고 쉽게 설정할 수 있습니다.

랜딩 페이지의 개발 비용은 일반적으로 상대적으로 낮습니다.

대부분의 랜딩 페이지는 최소한의 리소스로 짧은 시간에 생성, 테스트 및 최적화할 수 있습니다. 이를 통해 단기 프로모션, 테스트 캠페인 및 고객 기반의 소규모 세그먼트에 대한 마케팅을 실행할 수 있습니다.

전자상거래 웹사이트의 방문 페이지 전환을 늘리는 방법: 10가지 입증된 팁

좋습니다. 전자상거래 방문 페이지 사용의 이점을 이미 알고 계실 것입니다. 그러나 방문 페이지가 전환과 판매를 유도하기 위해 최대한 열심히 작동하도록 하려면 어떻게 해야 할까요?

다음은 사이트 방문자가 가장 중요한 CTA를 클릭하도록 하는 몇 가지 팁입니다.
1. 혼란을 제한하십시오 – 잠재 고객은 귀하의 제안을 평가하고 마찰을 최소화하면서 CTA를 클릭할 수 있어야 합니다. 산만함은 아마도 다른 어떤 것보다 더 많은 마찰을 일으키는 장애물의 범주일 것입니다. 또한 어수선한 방문 페이지는 주요 가치 제안을 희석시키고 방문자 참여를 감소시킵니다.

Hello Fresh의 랜딩 페이지는 믿을 수 없을 정도로 간단하고 깔끔합니다.
2. 하나의 명확한 CTA(클릭 유도문안) 포함 – 랜딩 페이지에는 고객이 장바구니에 제품을 추가하도록 유도하거나, 제품 또는 카테고리 페이지로 이동하거나, 단순히 당신의 브랜드와 제품. 이러한 단일 목적을 통해 혼란을 제거하면서 간소화되고 매력적인 고객 경험을 제공할 수 있습니다. 남성과 여성을 위한 별도의 버튼과 같이 여러 개 또는 보조 CTA를 포함해야 하는 경우 절대 최소로 유지하세요.

3. 개인화가 핵심 - 마케터는 개인화된 콘텐츠를 사용할 때 매출이 20% 증가했다고 보고했습니다. 전자 상거래 개인화는 반드시 개인을 충족시킬 필요는 없지만 적절한 고객 세그먼트의 공유 특성을 가능한 한 가깝게 반영해야 합니다. 20~35세 여성을 대상으로 하는 전자상거래 랜딩 페이지는 50~70세 중년 남성을 대상으로 하는 랜딩 페이지와 다릅니다. 이미지에서 콘텐츠에 이르기까지 랜딩 페이지의 모든 부분은 선택한 잠재고객을 염두에 두고 선택하고 만들어야 합니다.

4. 모든 방해 요소 제거 – 방문 페이지는 방문자가 하나의 명확한 행동을 완료하도록 유도하도록 설계되었음을 기억하십시오. 탐색 모음, 소셜 미디어 아이콘 및 관련 없는 이미지를 포함한 모든 방해 요소를 제거해야 합니다. 제품 페이지에는 보조 CTA(예: 관련 제품 링크)와 탐색 링크가 있는 경우가 많습니다. 전자 상거래 랜딩 페이지에서는 필요하지 않습니다.

5. 긴급성 창출 – 제품 페이지에 긴급성 구축 요소를 포함하면 전환율을 최대 10%까지 높일 수 있습니다. 그리고 많은 동일한 전술이 랜딩 페이지에 효과적입니다. 긴급성과 희소성은 소매업체가 잠재 고객에게 불러일으킬 수 있는 가장 강력한 두 가지 감정입니다. 이 Growcode 게시물에서 전자상거래의 긴급성을 만들기 위한 14가지 실행 가능한 팁을 확인하십시오. 힌트: 익일 배송, 제한된 재고 및 시간에 민감한 할인이 모두 포함됩니다.

6. 사회적 증거를 활용하고 최고의 리뷰를 보여주세요 – 랜딩 페이지는 최고의 리뷰를 보여줄 수 있는 훌륭한 장소입니다. 전체 섹션을 리뷰에 할애하여 고객 조사를 용이하게 하는 제품 페이지와 달리 랜딩 페이지의 주요 목적은 설득입니다. 따라서 모든 단일 제품이나 브랜드 리뷰를 표시할 필요가 없습니다. 유명인사 및 유명 출판물의 평가 및 리뷰를 포함하여 사회적 증거를 구축할 수 있습니다.
치아 미백 제품을 판매하는 회사인 Snow는 부러워할 만한 유명 인사들의 지지를 받고 있습니다.
7. 고품질 이미지 사용 – 랜딩 페이지 또는 제품 페이지에 도착하여 품질이 낮고 픽셀화된 이미지를 만난 적이 있습니까? 나는 당신이 꽤 빨리 떠날 것입니다. 고품질 이미지는 여러 기능을 수행합니다. 그들은 전문성을 전달하고, 방문자가 제품을 평가하도록 돕고, 욕구를 만들어 참여를 높입니다. 예를 들어 아래 Simply Cook의 이미지를 보고 미뢰가 약간 따끔거리는 느낌을 느끼기가 어렵습니다.
Simply Cook 방문 페이지는 고품질 음식 사진을 사용합니다.
8. "신뢰" 인장 표시 – 랜딩 페이지를 방문하는 많은 방문자가 귀하의 브랜드를 알지 못하거나 신뢰하지 않는다는 점을 명심하십시오. 신뢰를 구축하기 위해 할 수 있는 모든 일은 이 단계에서 가치가 있습니다. "신뢰" 인장은 일반적으로 잘 알려진 회사의 이름을 참조하며 "장바구니에 추가" 또는 "지금 구매"와 같은 CTA 옆에 특히 잘 배치되어 신용 카드 세부 정보 입력에 대한 두려움을 완화합니다. 인터넷 사용자는 또한 물개와 같은 이미지에 신뢰로 반응하도록 되어 있어 소매업체에 유용합니다.

Snow가 FDA 승인 씰과 함께 "결과 보장"이라고 간단히 말하는 비공식적인 일반 씰을 포함하는 방법에 유의하십시오.
9. 추가 사항에 주의를 기울이십시오 - 무료 배송이나 평생 보증을 제공한다면 그렇게 말하십시오! 그리고 최대한 크게 말하세요. 고객이 랜딩 페이지에 도착할 때마다 몇 초 안에 경쟁사보다 더 나은 선택을 하도록 설득할 수 있습니다. 다른 온라인 소매업체보다 더 나은 선택이 되도록 하는 모든 이점의 총계인 전체 가치 제안은 방문 페이지에 명확하게 나타나야 합니다.
10. 방문 페이지가 광고와 "연결"되었는지 확인하십시오 . 이것은 거대합니다. 방문자에게 광고나 이메일 링크를 클릭하여 예상한 것과 전혀 다르게 보이는 페이지로 이동하는 것보다 더 나쁜 것은 없습니다. 방문 페이지를 광고와 일치시키는 것은 제안을 일치시키는 것 이상입니다(이것도 중요하지만). 광고를 클릭하도록 동기를 부여한 감정을 바탕으로 전체 모양과 느낌이 만들어지도록 하는 동시에 올바른 위치에 있는지 확인하는 것입니다.

이와 같은 통찰력을 더 원하십니까?

주간 전자상거래 팁, 전략 및 업계 최고의 지식을 얻으십시오.
받은 편지함으로 바로 배달됩니다.

on 개인정보 보호정책을 읽었으며 뉴스레터 이용약관에 동의합니다.

계속하려면 이 확인란을 선택하세요.

우후! 방금 가입했습니다. 구독을 확인하려면 받은 편지함을 확인하세요.

전자상거래를 위한 랜딩 페이지: 상위 5가지 디자인 팁

랜딩 페이지에는 5가지 주요 구성 요소가 있습니다. 각각에 적절한 주의를 기울이면 방문자가 CTA를 클릭하도록 권장하면서 필요한 모든 정보에 액세스할 수 있습니다.

다음 다섯 부분으로 된 템플릿을 사용하여 방문 페이지를 만드십시오.

1. 일반 구조(와이어프레임)

랜딩 페이지 디자인의 첫 번째 단계는 와이어프레임을 만드는 것입니다. 와이어프레임은 페이지를 구성하기 위한 일반적인 프레임워크를 제공하며 브레인스토밍과 구현 사이의 중요한 연결 고리입니다.

와이어프레임은 다른 이유로도 유용합니다. 적절한 정보를 모두 포함했는지 확인하고, 필수 섹션을 놓치지 않았는지 확인하고, 사용자 흐름과 경험이 원활한지 확인하기 위해서입니다.

와이어프레임은 다음 규칙을 따라야 합니다.

• 1열 또는 2열 구조 사용 - 1열 또는 2열 레이아웃이 바람직합니다. 더 많은 열을 포함하면 페이지가 복잡해 보일 수 있습니다.
• CTA 이외의 모든 링크 제거 – 기본 CTA에서 방문자의 주의를 분산시킬 수 있는 탐색 헤더를 포함하여 모든 링크를 제거합니다.
• 이미지와 비디오가 갈 위치 표시 – 이미지와 비디오 에 대한 와이어프레임 영역을 표시합니다. 리치 미디어가 페이지의 흐름에 맞지 않으면 와이어프레임 단계에서 명확해지는 경우가 많습니다.
• 섹션을 명확하게 구분 하십시오 - 랜딩 페이지가 여러 섹션으로 구성될 경우 와이어프레임에서 이를 명확하게 설명하십시오.

기본 랜딩 페이지 와이어프레임. 원천.

와이어프레임에는 위의 예와 같이 로고, 헤드라인, 작은 본문 및 CTA만 포함될 수 있습니다. 또는 많은 섹션으로 구성될 수 있으며 비디오와 같은 리치 미디어를 포함할 수 있습니다(아래 예 참조).
더 긴 랜딩 페이지 와이어프레임의 예. 원천.

2. 헤드라인

평균적으로 10명 중 6명은 나머지 사본에 신경 쓰지 않고 기사나 웹페이지의 헤드라인만 읽습니다. 헤드라인은 틀림없이 랜딩 페이지에서 가장 중요한 부분입니다. 방문자가 가장 먼저 읽고 페이지에 머무를지 아니면 다시는 돌아오지 않을지 결정합니다.

헤드라인은 짧고 최소한 하나의 명확한 이점을 설명하고 방문자의 기대를 충족해야 합니다. 광고에서 클릭하여 방문 페이지로 연결되는 경우 헤드라인이 일치하는지 확인하세요.

헤드라인을 작성할 때 검증된 템플릿을 사용하십시오. 최고의 헤드라인이 반드시 가장 창의적이고 영리한 것은 아닙니다. 사실, 연구에 따르면 "일반적인" 헤드라인이 원래 헤드라인보다 실적이 더 좋습니다.

Simply Cook의 "20분 안에 레스토랑 고급 식사 요리"와 같은 가치 제안 요약이 잘 작동합니다. Casper의 "America's #1 Rated Mattress"와 같은 추천 헤드라인도 강력할 수 있습니다. 그리고 Beachbody on Demand의 "14일 동안 무료로 Beachbody에 액세스하기"와 같은 무료 제안 및 프로모션은 항상 잘 진행됩니다.

훌륭한 헤드라인의 예.

3. 스크롤 없이 볼 수 있는 사본

과도한 카피로 방문 페이지에 과도한 부담을 주지 마십시오. "지원" 정보는 간결하고 요점에 부합하며 흥미로워야 합니다. '스크롤 없이 볼 수 있는 부분' 문구는 헤드라인 바로 뒤에 표시됩니다. 방문자가 스크롤을 시작하기 전에 보게 되는 것입니다.

이 사본을 작성할 때 아래 지침을 따르십시오.

• 주요 USP 또는 가치 제안 개요 – 헤드라인에 표현된 가치 제안 또는 USP에 대해 자세히 설명합니다. 이것은 헤드라인에서 작성한 요점을 강화하여 사이트 방문자가 느끼는 구매 욕구를 심화시킬 수 있는 기회입니다.

방문 페이지 중 하나에서 Heaven's Door는 위스키에 대한 이야기를 단 두 문장으로 설명합니다. 이 페이지는 글자를 소문자로 하고 색상을 변경하여 더 눈에 띄도록 하여 텍스트를 읽기 쉽게 함으로써 더욱 개선될 수 있습니다.

• 스캔 가능하게 만들기 – 랜딩 페이지의 이 섹션에 포함된 주요 요점만 포함하여 콘텐츠를 스캔할 수 있어야 한다는 것은 말할 필요도 없습니다. 글머리 기호는 방문 페이지 콘텐츠를 구성하는 데 유용합니다.
• 눈에 띄는 제품 세부 정보 및 추가 사항 포함 – 무료 배송 또는 할인과 같은 추가 혜택과 함께 주요 제품 USP를 나열합니다. 기본 CTA가 구매 버튼인 경우 가격도 포함해야 합니다.
• 사람들의 감정을 염두에 두십시오 – 방문자의 필요와 즐거움에 대해 이야기하는 것을 잊지 마십시오. 사람들은 제품의 기능이 아니라 감정을 구매합니다. 기능이 제공하는 정서적 이점을 강조합니다.

4. 주요 CTA

CTA의 중요성을 과소평가하는 것은 어렵습니다. 방문 페이지에서 CTA의 작은 부분을 조정하여 달성한 전환의 엄청난 증가를 보고하는 수많은 사례 연구가 있습니다.

다음은 관심을 끌고 클릭할 가치가 있는 CTA를 만들기 위한 몇 가지 빠르고 쉬운 팁입니다.

• 최상의 색상을 찾기 위한 테스트 – CTA에 사용할 최상의 색상에 대한 데이터가 혼합되어 있습니다. 명심해야 할 주요 사항은 페이지의 나머지 부분에서 눈에 띄어야 한다는 것입니다. 어떤 색상이 가장 잘 작동하는지 알 수 있는 유일한 방법은 테스트하는 것입니다. 다행히도 매우 쉽습니다.
• 명령문 사용 – 명령문은 누군가에게 무언가를 하도록 "명령"하는 것입니다. "지금 구매", "자세히 알아보기" 및 "무료로 가입"과 같은 일부 예는 매우 잘 작동합니다.
• CTA가 스크롤 없이 볼 수 있는 부분 위에 있는지 확인하십시오(최소한 처음부터 ) – 처음부터 모범 사례를 따르고 방문자가 CTA를 클릭하기 위해 스크롤하도록 하지 마십시오. CTA를 찾을 수 있는 가장 좋은 위치(스크롤 없이 볼 수 있는 부분 위 또는 아래)에 대해 다양한 의견이 있습니다. 안전한 옵션으로 시작하고 거기에서 테스트하십시오.
• 크게 만들기 – CTA는 페이지에서 가장 눈에 띄는 요소 중 하나여야 합니다. 모바일 장치에서는 사용자가 두 엄지손가락으로 클릭할 수 있도록 전체 화면을 채우도록 합니다.

이 중요한 주제에 대한 자세한 내용을 보려면 클릭 유도문안 제작에 대한 심층 가이드를 마련했습니다!

5. 후속 조치 정보

나머지 사본은 스크롤 없이 볼 수 있는 부분 아래에 표시됩니다. 더 많은 정보를 제공하고, 의심을 극복하고, 신뢰를 구축할 수 있는 기회입니다.

다음 섹션을 포함하는 것을 고려하십시오.

• 제품 및 작동 방식에 대한 추가 세부정보 – 방문 페이지의 첫 번째 "스크롤 없이 볼 수 있는 부분" 섹션은 제품에 대해 더 자세히 설명해야 합니다. 가격, 기능 및 배송에 대한 정보를 포함합니다. 간결하고 스캔 가능하도록 유지하고 바로 아래에 다른 CTA를 포함해야 합니다.

Simply Cook에는 스캔 가능하고 읽기 쉬운 "작동 방식" 섹션이 포함되어 있습니다.

• 회사 연혁 및 가치 – 방문 페이지의 섹션을 "회사 소개" 섹션으로 지정하십시오. 이를 통해 방문자는 브랜드, 사명 및 가치와 더 깊이 연결할 수 있습니다. 많은 고객들은 이러한 종류의 개인적인 관계를 형성하고자 하는 강한 열망을 가지고 있습니다.
• 리뷰 – 고객 평가, 업계 수상, 유명인사 지지, 미디어 언급 등 모두 고객 신뢰 구축에 좋습니다. 모든 리뷰를 포함할 필요는 없으며 최고의 샘플만 포함하면 됩니다. 개별 리뷰어의 얼굴 사진을 포함하는 것도 신뢰도를 높이는 데 도움이 됩니다.

Simply Cook에는 Trustpilot의 별 5개 배지와 함께 최고의 고객 리뷰 쇼케이스가 포함되어 있습니다.

• 비디오 및 리치 미디어 – 제품에 따라 사용해야 하는 리치 미디어의 종류가 결정됩니다. 주요 기능을 명확하게 보여주는 제품 이미지는 전자 상거래 환경에서 가장 적절할 것입니다. 또는 그래프, 표 및 차트를 통해 방문자가 다른 유형의 제품 및 서비스의 이점을 이해할 수 있습니다. 비디오는 또한 고객을 참여시키고 제품 기능을 빠르게 설명하는 강력한 도구가 될 수 있습니다.

자, 이제 기본 사항을 알았으므로 이러한 원칙이 실제 세계에서 어떻게 적용되는지 살펴보겠습니다.

훌륭한 전자상거래 랜딩 페이지: 디자인 팁이 포함된 10가지 예

랜딩 페이지의 품질을 향상시키려면 절대 실패하지 않는 전략이 하나 있습니다. 바로 최상의 것을 복사하는 것입니다.

다음은 훌륭한 랜딩 페이지의 10가지 예와 그 이유에 대한 간략한 분석입니다.

1. 캐스퍼

이것은 Casper의 핵심 가치 위치를 업계 최고의 고객 서비스와 함께 높은 평가를 받은 제품으로 단 몇 마디로 전달하는 퍼널 상단 랜딩 페이지입니다. 고객은 또한 무료 배송 및 반품 및 100박 보증을 받습니다. 또한 고품질 이미지와 단일 "지금 쇼핑" CTA를 사용합니다.

"America's #1 Rated Mattress"라는 제목은 본질적으로 거대한 평가이기 때문에 매우 영리합니다.

2. 주문형 비치 바디

이와 같은 미드 퍼널 페이지는 장바구니에 제품을 추가하기 전에 이탈했거나 체크아웃하는 동안 이탈한 고객을 리타게팅하는 데 탁월합니다. 왜요? 위험이 없는 제품을 샘플링할 수 있기 때문입니다.

3. Beats by Dre

Beats by Dre에서 이 페이지의 효과는 단순함에 있습니다. 이미지는 관련성이 높고 제품이 작동하는 모습을 보여줍니다. 날렵한 헤드라인은 강한 감정적 호소력을 가지고 있습니다. 할인된 가격이 명확하게 표시됩니다. 제품의 주요 USP도 CTA 아래에 포함됩니다.

4. 스레드

Thread의 이 랜딩 페이지는 방문자의 참여를 즉시 요구합니다. 헤드라인은 분명한 이점을 제공하고 잠재 고객에게 원하는 것을 찾는 데 몇 분이면 충분하므로 긴 등록 절차에 대한 주저함을 극복할 수 있다고 확신합니다. CTA는 간단하며 "빠르고 무료입니다"라는 추가 보증이 아래에 나와 있습니다.

5. 사과

Apple은 랜딩 페이지 게임을 마스터했습니다. 헤드라인은 명확성과 장난기의 균형을 유지하여 이 방문 페이지의 의도된 청중에게 딱 맞는 어조를 보여줍니다. 이미지는 관련성이 있으며 오른쪽 상단 모서리에 명확하지만 눈에 거슬리지 않는 CTA가 있습니다.

6. 워치 갱

Watch Gang 랜딩 페이지는 새로운 시계의 집 배달, 주간 콘테스트 참가, 클럽의 독점 회원인 주요 USP를 단 몇 문장으로 요약합니다. 메인 이미지는 매력적이며 CTA의 색상은 배경에 적합합니다.

7. 도금

Plated는 방문 페이지의 모든 확인란을 선택합니다. 헤드라인은 제품의 주요 실용적이고 정서적인 이점을 전달합니다. 정보는 글머리 기호에 있습니다. 그리고 CTA는 제공되는 것과 직접적으로 관련된 배경 이미지에 검증된 문구를 사용합니다. 프로모션 할인도 페이지 상단에 강조 표시되어 있습니다.

8. 네이티브

네이티브의 랜딩 페이지는 보는 사람을 혼란스럽게 하지 않고 두 개의 CTA를 포함하기 때문에 주목할 만합니다. 헤드라인과 태그라인은 이점을 명확하게 표현합니다. 게다가 전체 구조는 많은 관련성이 있어 시각적으로 매우 좋습니다.

10. 눈

치아 미백 분야에서 가장 성공적인 전자상거래 매장 중 하나인 Snow의 이 페이지는 랜딩 페이지와 제품 페이지를 결합한 것입니다. 퍼널 끝 제품 페이지 역할을 하지만 단순화된 탐색 표시줄, 눈에 띄는 헤드라인, 최소한의 디자인과 같은 랜딩 페이지의 많은 요소도 포함합니다.

Snow는 또한 페이지 상단에 "매우 제한된 시간 제공"이라는 알림을 포함하여 긴급성을 구축합니다.

10. 네이키드 와인

Naked Wines의 위 랜딩 페이지는 단순함 그 자체입니다. 헤드라인은 CTA로 멋지게 이어지는 직접적인 질문입니다. 보조 텍스트는 방문자에게 퀴즈에 5개의 질문만 있음을 알려줌으로써 망설임을 완화합니다. 그리고 CTA를 클릭하면 훌륭한 인센티브인 무료 와인이 있습니다.

결론

홈페이지, 카테고리 페이지, 제품 페이지 등 이전 페이지가 방문 페이지로 충분할 것이라고 가정하는 함정에 빠지지 마십시오. 이 관점을 취하면 전환과 판매가 감소할 것입니다.

게시물의 팁을 사용하면 업계 평균보다 훨씬 높은 속도로 방문자를 전환하는 고품질 랜딩 페이지를 만들 수 있습니다.

그러나 한 가지 중요한 점을 염두에 두십시오.

테스트가 중요 합니다. 이 게시물은 시작하기에 가장 좋은 템플릿에 대해 설명하고 있지만 자신의 테스트를 실행해야만 진정으로 성공적인 공식을 얻을 수 있습니다.

그러나 좋은 소식은 방문 페이지가 분할 테스트 및 다변수 테스트를 실행하는 데 적합하다는 것입니다. 그리고 일단 결과를 보기 시작하면 왜 더 빨리 시작하지 않았는지 의아해할 것입니다.
이제 그 헤드라인 작업을 시작할 시간입니다.

115가지 전자상거래 체크리스트를 확인하세요

전자 상거래 방문 페이지를 구축하는 것은 충분히 어렵습니다. 그러나 나머지 사이트는 어떻습니까?

최적화할 제품 페이지, 간소화할 체크아웃 페이지, 정리할 카테고리 페이지가 있습니다. 그런 다음 홈 페이지와 "회사 소개" 페이지가 있습니다. 목록은 계속됩니다!

Growcode는 수백 명의 고객과 수년간의 경험을 보유하고 있습니다. 그리고 우리는 이 편리한 체크리스트에 그 모든 경험을 압축했습니다. 목표는 간단합니다. 모든 최적화 기반을 다뤘는지 확인하는 것입니다.

그것이 당신이 관심을 가질 만한 것 같으면 지금 무료로 가이드를 다운로드하십시오!