궁극적인 전자 상거래 랜딩 페이지 구축(예제 포함)
게시 됨: 2022-12-13전자 상거래는 비즈니스 성공에서 점점 더 중요한 역할을 합니다. 최근 몇 년 동안 소매 전자 상거래 판매는 아시아 태평양, 중부 및 동부 유럽, 라틴 아메리카, 북미 및 서유럽 지역에서 25% 이상 성장했습니다. 추정치는 온라인 소매 판매가 2023년 말까지 6조 5천억 달러를 초과하여 전체 판매의 약 22.3%를 차지할 것으로 예측합니다.
온라인 쇼핑은 기업이 고객과 고객들에게 도달할 수 있는 엄청난 기회를 제공하지만 동시에 많은 경쟁을 야기합니다. 온라인 쇼핑객은 지리적 제한에 대해 많이 생각할 필요가 없습니다. 매장 위치로 이동할 필요가 없으므로 전국 또는 전 세계의 제안을 비교할 수 있습니다.
관심을 끌기 위해 아우성치는 경쟁자가 너무 많은 상황에서 어떻게 소비자에게 어필할 수 있습니까? 고객을 신중하게 타겟팅하고 쇼핑객을 구매자로 전환하도록 설계된 전자상거래 랜딩 페이지로 안내하는 강력한 마케팅 전략이 필요합니다.
효과적인 전자상거래 랜딩 페이지 만들기
온라인 마케팅 전략의 상당 부분이 사람들을 전자상거래 랜딩 페이지로 이동시킵니다. 그들이 해당 목적지에 도달하면 귀하의 페이지는 그들이 경쟁업체보다 귀하의 비즈니스를 선택하는지 여부에 영향을 미칩니다.
아직 마케팅 전략이 없다면 프로세스를 안내해 줄 콘텐츠 마케팅 컨설턴트를 고용하는 것이 좋습니다.
효과적인 전자상거래 랜딩 페이지를 만들면 판매 및 수익을 창출할 수 있는 더 많은 기회를 얻을 수 있습니다. 소비자를 전환하는 데 필요한 모든 것을 페이지에 제공하려면 다음을 포함하십시오.
명확한 CTA(Call-to-Action)
소비자는 랜딩 페이지에서 무엇을 제공하는지 알아야 합니다. 명확한 CTA를 작성하면 혼란을 없애고 사람들이 행동하도록 장려합니다.
명확한 CTA를 작성하기 전에 랜딩 페이지의 목표를 식별해야 합니다. 공통 목표에는 다음과 같이 사람들을 설득하는 것이 포함됩니다.
제품 구매
평가판 또는 데모 요청
제품 개요 보기
뉴스레터 신청
담당자에게 연락하도록 요청
CTA 메시지는 목표를 가능한 한 간단하게 반영해야 합니다. 멋을 낼 필요는 없습니다. 랜딩 페이지 방문자에게 무엇을 해야 하는지 알려주십시오.
Marketo는 강력한 CTA의 좋은 예를 제공합니다. Marketo Engage 랜딩 페이지에는 두 개의 CTA가 있습니다. 맨 위에 있는 CTA에는 "제품 개요 보기"라고 표시되어 있습니다. 스크롤 없이 볼 수 있는 CTA에는 "맞춤화된 데모를 받아보세요."라고 표시되어 있습니다.
충분한 정보가 아닌 것 같으면 대부분의 쇼핑객이 랜딩 페이지에 도달하기 전에 이미 마케팅 자산에 노출되었다는 점을 고려하십시오. CTA는 행동해야 하는 이유 를 설명할 필요가 없습니다. 어떻게 행동해야 하는지 알려 주기만 하면 됩니다.
유익하고 설득력 있는 이미지
랜딩 페이지에는 최소한의 텍스트가 포함되므로 일반적인 블로그 게시물보다 여기에서 이미지가 더 중요합니다. Unsplash 및 Pexels에서 저작권이 없는 이미지를 찾을 수 있는 곳이 아닙니다. 제품의 품질에 대해 대상 청중에게 직접 말하는 고품질 이미지가 필요합니다.
선택하는 이미지 유형은 고객과 제품에 따라 다릅니다.
식사 키트 구독 회사인 Sunbasket은 준비된 요리의 전문 사진을 사용하여 잠재 회원을 전환합니다. 누군가가 온라인에서 식사 키트 옵션을 비교할 때 군침이 도는 사진은 랜딩 페이지에서 많은 부담을 줍니다.
Codecademy는 청중을 대상으로 하는 다른 접근 방식을 취합니다. Codecademy Business 랜딩 페이지는 자신의 워크스테이션에서 젊고 자신감 있는 코더의 사진을 보여줍니다. 또한 Codecademy 서비스를 사용하여 프로그래밍 언어를 배우는 사람의 짧은 클립을 보여주는 GIF도 있습니다.
대상 고객에게 어필할 이미지 유형을 결정하고 전문가를 고용하여 이미지를 만듭니다.
간결하고 설득력 있는 카피
전자상거래 방문 페이지 상단에 배치할 수 있는 짧고 매력적인 카피를 작성하십시오. 이상적으로는 페이지를 아래로 스크롤하지 않고도 브라우저를 변환할 수 있습니다. 스크롤 없이 볼 수 있는 온라인 사본은 단순히 화면 상단에 있는 콘텐츠를 나타내며 보기 위해 스크롤할 필요가 없습니다. 보풀 없이 직접 정보를 전달해야 합니다.
Mailchimp는 잠재적인 사용자에게 전환으로 이어지는 간단하고 설득력 있는 카피를 제공하는 훌륭한 작업을 수행합니다. 회사의 CRM 랜딩 페이지에는 몇 가지 필수 키워드(예: "마케팅 CRM 소프트웨어" 및 "고객 관계 관리")가 두 개의 짧은 문장으로 포함되어 있습니다. 사본은 페이지의 1/4 미만을 차지합니다(최소한 노트북이나 데스크탑에서는. 사본이 모바일 화면을 지배하여 이미지를 즉시 볼 수 없게 합니다).
잠재 고객이 Mailchimp 랜딩 페이지를 볼 때 플랜 옵션을 탐색하고 회원으로 전환하는 데 필요한 마지막 알림을 받습니다.
리드 양식
잠재 고객에 대한 정보를 수집하려는 전자상거래 랜딩 페이지에 리드 양식을 포함합니다. 특정 제품의 방문 페이지에 리드 양식을 포함하지 않을 것입니다. 대신 독자가 구매를 완료하도록 밀어붙이는 데 집중할 것입니다. 그러나 장기 고객을 유치할 때는 연락처 정보를 수집하여 관계 구축을 시작하는 것이 좋습니다.
콘텐츠 마케팅 관점에서 웹 양식과 잠재 고객 양식은 다음과 같은 이유로 잘 작동합니다.
스팸 이메일 방지에 도움
대부분의 웹사이트 구축 플랫폼 및 CRM과 통합
사용자 경험 향상
귀하가 제공하는 제품에 진지하게 관심이 있는 사람들로부터 양질의 리드 생성
CTA와 마찬가지로 리드 양식을 화려하게 만들 필요가 없습니다. 스크립티드를 보세요.
사람들에게 무료 평가판을 시작하고 관심 있는 당사자에게 다음을 입력하여 계정을 만들도록 요청하는 명확한 메시지가 맨 위에 있습니다.
이름
비즈니스 이메일 주소
새 계정 비밀번호
누구나 별 생각 없이 들어갈 수 있는 아주 기본적인 정보들입니다.
클릭 트리거
클릭 트리거는 대부분의 전자상거래 방문 페이지에서 찾을 수 있는 버튼입니다. 일반적으로 "평가판 시작" 또는 "등록"과 같은 짧은 CTA가 포함됩니다.
페이지의 다른 요소보다 눈에 띄기 때문에 클릭 트리거가 필요합니다. 방문자의 관심을 끌고 결정을 진행할 수 있는 단일 버튼을 제공합니다.
Paramount+에는 특정 서비스 및 제안에 해당하는 우수한 클릭 트리거가 있습니다. 스트리밍 서비스 페이지의 몇 가지 예는 다음과 같습니다.
무료 에피소드 보기
번들 받기
지금 교환
모두 대문자로 클릭 트리거 CTA를 작성하는 것이 일반적입니다.
랜딩 페이지의 디자인에 따라 하나 이상의 클릭 트리거가 있을 수 있습니다. 페이지가 짧은 경우 하나만 필요할 수도 있습니다. 더 긴 전자상거래 방문 페이지에는 각 섹션의 콘텐츠와 일치하도록 만들어진 고유한 클릭 트리거가 포함될 수 있습니다.
충분한 여백
여백은 전자상거래 랜딩 페이지의 주요 자산을 둘러싸는 빈 영역을 말합니다. "백인"이라는 단어에 혼동하지 마십시오. 모든 색상을 사용하여 페이지에 빈 공간을 만들 수 있습니다.
여백은 트래픽을 구매자로 전환하기 위해 개발한 메시지와 이미지에 사람들이 집중할 수 있도록 도와줍니다. 흥미롭지 않게 들릴 수도 있지만 방문자의 주의를 산만하게 할 수 있는 "소음"과 어수선함을 줄이기 때문에 매우 중요합니다.
Wix는 여백, 일러스트레이션, 텍스트를 활용한 훌륭한 랜딩 페이지를 제공합니다. 흰색 공간은 다채로운 이미지가 화면을 가로질러 이동할 수 있는 캔버스를 제공합니다. 아래로 스크롤하면 그림이 왼쪽에서 오른쪽으로 이동하여 정보 텍스트, CTA 및 트리거 버튼을 위한 공간이 생깁니다. 디자이너가 빈 배경에 대해 모든 것을 설정했기 때문에 작동합니다.
반응형 디자인
전 세계적으로 모바일 장치는 인터넷 트래픽의 절반 이상을 차지합니다. 더 많은 젊은이들이 랩톱 및 데스크톱 컴퓨터에 돈을 쓰고 싶지 않다고 결정함에 따라 그 비율이 증가할 것으로 예상합니다. 그들은 스마트폰 및 유사한 모바일 장치에서 필요한 모든 것을 얻습니다.
반응형 디자인을 사용하면 웹 사이트가 사용자의 장치에 적응할 수 있습니다. Mailchimp 랜딩 페이지는 모바일 방문자를 위한 페이지를 정리하고 CTA를 강조하며 회사에서 사람들이 상호 작용하기를 원하는 트리거를 제공하기 때문에 좋은 예입니다. 예, 전문적인 이미지는 사람들이 전자상거래 랜딩 페이지에 반응하는 방식에 영향을 미칠 수 있습니다. 하지만 불필요한 픽셀을 모두 잘라야 하는 경우 이미지가 많지 않은 기본 디자인을 사람들에게 제공하는 것이 좋습니다.
반응형 디자인은 방문자가 어떤 유형의 장치를 사용하는지 알고 있기 때문에 개인에게 최적화된 경험을 제공할 수 있습니다. 적절한 경우 전자상거래 방문 페이지에 전환을 유도하는 이미지와 동영상이 표시됩니다. 이러한 크리에이티브 자산이 응답 시간을 늦추고 작은 화면을 복잡하게 만들면 페이지가 이를 밀어내어 필수 요소에 집중하게 합니다.
영감을 주는 더 훌륭한 랜딩 페이지
- Great Jones: 멋진 제품 사진과 간단한 "장바구니에 추가" 트리거 버튼을 사용하면 Great Jones 웹사이트의 랜딩 페이지가 효과적입니다.
- 도어 대시: 도어 대시는 귀하의 주소를 요청하고 해당 지역의 참여 레스토랑을 반환하는 웹 양식으로 지점에 도착합니다.
- Wag!: 눈에 띄는 리드 포럼, QR 코드, 강아지와 함께 산책하는 사랑스러운 사진이 Wag! 방문 페이지 재미 있고 유혹적입니다.
- Talkspace: Talkspace 랜딩 페이지는 격려 문구, 혜택에 대한 간략한 설명, 서비스를 사용하는 사람을 보여주는 사진으로 전환됩니다.
- Bills.com: Bills.com은 대화형 슬라이드를 제공하고 효과적인 부채 탕감 전략으로 안내하는 일련의 간단한 질문을 계속하기 전에 부채 금액을 선택하도록 요청합니다. 가입하기도 전에 참여하고 있습니다!
방문자를 전환시키는 랜딩 페이지 카피 얻기
전자 상거래 랜딩 페이지에는 방문자의 참여를 유도하고 유료 고객으로 전환하는 세심하게 만들어진 메시지가 필요합니다. Scripted의 인재 풀에는 다양한 업계 경험이 있는 랜딩 페이지 작성자가 포함됩니다. 또한 성능 및 최적화 서비스가 포함된 스크립트 멤버십을 선택할 수 있습니다. 전담 계정 관리자는 고유한 요구 사항에 맞게 설계된 콘텐츠 마케팅 전략을 만들고 모니터링하는 데 도움을 줄 수 있습니다. 성능 모니터링은 다음과 같은 요소를 볼 수 있습니다.
반송률
키워드 순위
전환율
페이지 속도
유기적 트래픽
이러한 핵심 성과 지표가 기대치와 일치하지 않으면 계정 관리자가 다른 접근 방식을 시도할 수 있습니다. Scripted는 귀하의 랜딩 성능이 경쟁업체가 사용하는 것보다 우수할 때 성공하기 때문에 항상 마땅히 받아야 할 관심을 받습니다. Scripted를 사용하여 결과를 얻을 수 있는 전자 상거래 랜딩 페이지를 쉽게 게시하는 방법을 알아보십시오.