2023년 전자상거래 웹사이트 재설계에 대한 종합 가이드

올해는 전자 상거래 웹 사이트를 재 설계 할 예정입니까? 몇 년이 지난 후에도 많은 변화가 있었음을 알아야합니다.

현대 전자 상거래 사이트는 모바일 용으로 먼저 디자인되어야한다는 것은 말할 필요도 없습니다. 이제 제가 작업하는 대부분의 모바일 트래픽은 모바일 장치에서 트래픽의 70 % 이상을 얻습니다. 그러나 이는 시작에 불과합니다. 사이트를 방문하여 사용자를 고객으로 전환하려는 경우 고려해야 할 많은 미묘한 점이 있습니다.

나는에 상담했다 유용성 지난 XNUMX년 동안 다양한 전자 상거래 사이트에서 최고의 사이트가 따르는 원칙을 연구했습니다. 귀하의 사이트가 오늘날의 사용자에게 최신 상태인지 확인하는 XNUMX가지 방법을 안내해 드리겠습니다.

전자상거래 사이트 재설계 투자의 이점

첫째, 웹사이트를 재설계하는 것이 때때로 좋은 생각이 될 수 있는 이유를 확립할 가치가 있습니다.

매장을 재설계하거나 처음부터 새 웹사이트를 만드는 것은 시간이 많이 걸리는 과정입니다. 시장을 조사하고, 함께 일할 적합한 전문가를 찾고, 매장 업그레이드를 테스트하고, 프로젝트에 적합한 예산을 찾아야 합니다. 그러나 재설계의 이점은 종종 단점보다 훨씬 클 수 있습니다. 정당한 이유로 사이트를 재설계하는 경우(잠시 후에 다룰 것임) 스토어를 업데이트하면 다음과 같은 도움이 될 수 있습니다.

• 고객 충성도 향상: 잘 디자인된 상점은 신규 고객에게 사이트를 더 매력적으로 만들 뿐만 아니라 기존 고객을 유지할 가능성도 높일 수 있습니다. 사이트가 사용하기 어렵거나 매력적이지 않거나 중요한 기능이 누락된 경우, 고객의 88 % 그들이 다시 돌아 오는 것을 피할 것이라고 말합니다. 따라서 웹사이트 재설계에 투자하면 고객 이탈을 줄이고 브랜드 충성도를 높이는 데 도움이 될 수 있습니다.
• 브랜드 강화: 웹사이트는 브랜드 아이덴티티의 중요한 부분입니다. 이미지, 고객과 개성을 공유하는 방법, 경쟁업체와 자신을 차별화하는 방법에 이르기까지 모든 것에 직접적인 영향을 미칩니다. 웹사이트 재설계를 통해 브랜드의 핵심 가치와 이점이 대상 고객에게 눈에 띄게 할 수 있습니다. 또한 모든 채널에서 브랜드 일관성을 유지할 수 있습니다.
• SEO 개선: 사이트를 재설계하면 SERP 순위를 높이는 새로운 방법을 구현할 기회도 얻을 수 있습니다. 기술 및 현장 SEO 방법을 실험하여 모든 올바른 키워드에 대해 사이트 순위를 매길 수 있습니다. 단순히 사이트의 사용자 경험을 개선하는 것만으로도 고객이 사이트에 더 오래 머물도록 하고 이탈률을 낮추며 Google의 눈에 귀하의 권위를 높이는 데 도움이 됩니다.
• 판매 및 전환율 향상: 웹사이트를 업데이트하는 것은 판매 및 전환율을 높일 수 있는 환상적인 방법입니다. 매력적인 사이트는 귀하의 브랜드를 더욱 신뢰할 수 있게 만들어 고객이 귀하의 제품을 구매할 가능성이 높아집니다. 또한 사이트에서 사용자 경험을 향상하는 데 집중하면 고객이 제품을 구매하고 회사와 상호 작용하기가 더 쉬워집니다.

전자상거래 웹사이트 재설계가 필요한 5가지 징후

분명히 전자상거래 웹사이트 재설계에 투자하면 많은 이점을 얻을 수 있습니다. 그러나 위에서 언급했듯이 타이밍을 맞추는 것이 중요합니다. 사이트 재설계에는 시간과 비용이 들기 때문에 매달 하지 말아야 합니다. 그렇지 않으면 결국 현금 흐름이 고갈될 것입니다.

또한 사이트를 너무 자주 변경하면 청중에게 더 혼란스러운 경험이 될 수 있습니다. 고객은 매장을 방문할 때마다 매장 탐색 방법을 다시 배우고 싶어하지 않습니다.

그렇다면 매장을 얼마나 자주 재설계해야 할까요? 이 질문에 대한 답은 선택한 업계, 전자상거래 플랫폼 기능 업데이트 속도, 고객으로부터 받는 피드백 등 다양한 요인에 따라 달라집니다.

다음은 웹사이트 재설계가 좋은 아이디어일 수 있음을 나타내는 몇 가지 명확한 징후입니다.

이탈률이 상승하고 있습니다.

용어 "이탈률”는 고객이 귀하의 웹사이트를 클릭하고 다른 조치를 취하지 않고 뒤로 버튼을 빠르게 누르는 빈도를 나타냅니다. 높은 반송률은 열악한 SEO 전략부터 느린 로딩 페이지에 이르기까지 다양한 요인으로 인해 발생할 수 있습니다. 그러나 종종 웹사이트를 재설계해야 한다는 신호일 수도 있습니다. 이탈률이 70%보다 높으면 사람들이 느린 로딩 시간, 열악한 사용자 경험 또는 전반적으로 잘못된 디자인 때문에 사이트를 이탈하는지 조사할 가치가 있습니다.

중요한 기능이 누락되었습니다.

현재 전자 상거래 상점이 고객의 기대에 부응합니까? 웹사이트 재설계는 타겟 랜딩 페이지에서 매출 증대를 위한 블로그 또는 SEO를 위한 뉴스 섹션에 이르기까지 사이트에 추가 기능을 추가하는 훌륭한 방법이 될 수 있습니다. 또한 사이트가 모든 플랫폼과 장치에서 제대로 작동하는지 확인할 수 있는 기회이기도 합니다. 모바일 장치에서 사이트가 빠르게 로드되지 않거나 고객이 이동 중에 주문하기가 더 어려워지면 판매 기회를 놓칠 수 있습니다.

매출과 이익이 떨어지고 있다

판매 기회를 놓쳤다는 얘기가 나와서 말인데, 수익 마진이 지속적으로 떨어지고 있다면 웹사이트를 새로 고칠 때가 되었다는 또 다른 신호일 수 있습니다. 고객이 전환하도록 설득하려면 웹사이트가 보기 좋고 성능이 좋아야 합니다. 고객이 CTA(Call to action 버튼)를 찾을 수 없거나 카탈로그에서 올바른 제품을 추적하거나 스트레스 없이 결제를 사용할 수 없는 경우 수익이 감소합니다. 웹사이트 재설계는 사이트가 최상의 ROI를 생성하도록 하는 좋은 방법이 될 수 있습니다.

고객이 불평하고 있습니다.

오늘날의 고객은 온라인 경험에 대해 마음에 들지 않을 때 상당히 목소리를 높입니다. 고객이 매장에 댓글을 남길 수 있도록 허용하거나 소셜 미디어에서 고객이 귀하에 대해 말하는 내용을 경청하면 열악한 웹 사이트 경험에 대한 정기적인 참조를 발견할 수 있습니다. 고객이 사이트의 성능이나 외관에 대해 지속적으로 불평하는 경우 UX 디자인 또는 UI 디자인 전문가를 찾아야 할 때일 수 있습니다.

귀하의 브랜드 또는 비즈니스가 진화하고 있습니다

마지막으로 비즈니스나 브랜드를 업데이트해야 하는 경우 웹사이트 재설계에 투자하는 것이 좋습니다. 비즈니스가 발전하면 웹사이트에 새로운 기능을 추가하는 것을 고려해야 할 수도 있습니다. 재설계를 사용하여 새로운 결제 방법으로 장바구니를 업데이트하거나, 고객에게 구독 및 멤버십 계정을 제공하거나, 매장에 새로운 앱과 위젯을 추가할 수 있습니다. 또한 재설계를 사용하여 브랜드가 모든 채널에서 일관되도록 할 수 있습니다. 색상, 글꼴, 로고 및 기타 모든 브랜드 자산은 고객과의 모든 접점에서 일관되어야 합니다.

전자상거래 사이트를 재설계하는 방법: 4단계

이제 전자상거래 상점 재설계를 고려해야 하는 이유와 시기를 알았으므로 성공을 위한 계획을 세워야 할 때입니다. 업데이트할 때 따르는 정확한 프로세스는 전자 상거래 웹 사이트 디자인 전반적인 목표에서 팀의 사내 전문가에 이르기까지 다양한 요인에 따라 달라집니다.

다음은 온라인 스토어 업데이트와 관련된 몇 가지 주요 단계입니다.

1단계: 사이트 감사 및 목표 설정

스토어를 크게 변경하기 전에 반드시 변경해야 하는 항목을 결정하는 것이 좋습니다. 사용성 및 성능과 관련된 실제 문제를 먼저 찾아내는 것부터 시작하는 것이 가장 좋습니다. 고객의 관점에서 웹사이트를 탐색하고 구매를 방해하는 문제가 무엇인지 스스로에게 물어보십시오.

결제 프로세스에서 CTA 버튼, 심지어 제품 페이지 디자인의 이미지까지 특히 원활하게 작동하지 않는 모든 항목을 강조 표시합니다. 사이트의 핵심 문제를 찾았다면 재설계 중에 달성하고자 하는 목표를 설정하십시오.

단순히 고객에게 보다 사용자 친화적인 경험을 제공하고 싶습니까, 아니면 사이트 모양과 검색 엔진 최적화를 동시에 개선하여 전자 상거래 비즈니스에 활력을 불어넣고 싶습니까? 목표를 설정하면 어떤 종류의 도움이 필요한지 결정하는 데 도움이 됩니다.

2단계: 예산 파악

다음으로, 전자 상거래 상점 재설계에는 항상 약간의 투자가 필요하지만 비용이 많이 들지 않는다는 점은 주목할 가치가 있습니다. 예산은 변경해야 하는 상점의 양과 도움을 주기 위해 고용해야 하는 전문가의 수에 따라 달라집니다.

다음과 같은 간단한 스토어 빌더를 사용하는 경우 Shopify 또는 워드 프레스, 템플릿을 직접 수정하거나 많은 비용을 들이지 않고 새 템플릿을 구입할 수도 있습니다. 또는 전자 상거래 웹 사이트 디자인이 조금 더 복잡하고 코딩 전문 지식이 필요한 경우 함께 작업할 웹 사이트 개발 전문가를 고용해야 할 수 있습니다.

예산을 세울 때 고려해야 할 기타 사항은 다음과 같습니다.

• 어떤 비용 plugins 또는 전자상거래 재설계에 사용할 추가 기능
• 와이어프레임, 테마, 템플릿 및 기타 도구 비용
• 매장을 오프라인으로 전환해야 하는 경우 다운타임 관리 비용.

3단계: 올바른 지원 찾기

비교적 간단한 웹 사이트 빌더를 사용 중이거나 사내에 웹 디자인 전문가 팀이 있는 경우 외부 도움을 받지 않고도 스토어를 변경할 수 있습니다. 그렇지 않다면 웹 재설계가 성공할 수 있도록 전문가를 고용하는 것에 대해 생각해야 합니다.

대행사를 고용하거나 Fiverr 또는 Upwork와 같은 사이트에서 프리랜서와 작업하는 것을 고려할 수 있습니다. 웹 디자인 전문가, 웹 개발자 또는 이 둘의 조합이 필요한지 생각해 보십시오. 웹 디자인 전문가는 사이트의 모양과 유용성에 대해 작업하고 개발자는 백엔드 기능을 관리합니다.

상점에서 일할 전문가를 고용하는 동안 검색 엔진 최적화 또는 그래픽 디자인에 대한 보너스 도움을 찾는 것도 고려할 수 있습니다. 이 전문가들은 귀하의 마케팅 전략이 성과를 거두도록 도와줄 수 있습니다.

4단계: 변경 사항을 전략적으로 구현

고품질 새 매장을 구축하는 데 필요한 전문가를 찾은 후 변경 사항을 천천히 신중하게 구현하십시오. 한 번에 하나씩 변경하는 것이 가장 좋은 경우가 많으므로 전자상거래 재설계 프로세스의 단계가 사이트의 다른 부분을 손상시키지 않도록 할 수 있습니다.

문제가 발생할 경우 상점을 이전 버전으로 롤백할 수 있도록 각 단계에서 사용 가능한 사이트 백업이 있는지 확인하십시오. 모든 변경을 완료하고 사이트를 다시 활성화한 후에는 전략의 성공 여부를 결정하는 데 도움이 될 수 있는 메트릭에 주의를 기울이십시오.

현재 얼마나 많은 신규 고객이 스마트폰을 사용하여 귀하의 사이트에 액세스하는지 살펴보십시오. responsive 설계. 사이트의 가시성을 높이고 항상 전환율을 주시하려면 Google Analytics를 사용하여 SEO 성능을 추적하십시오.

전자 상거래 사이트를 재설계하는 방법: 주요 팁

홈페이지에서 긴 동영상 피하기

홈페이지는 감동을주는 곳입니다. 많은 웹 사이트에서 고급 사진에 돈을 투자하지만 여기에 비디오를 사용하여 제품을 보여 주거나 브랜드 스토리를 이야기하는 것이 좋습니다. 결국, 비디오는 현재 모든 곳에, 특히 소셜 미디어에 있습니다.

올바르게 사용하면 비디오는 사용자에게 알리고 흥미를 유발할 수 있습니다. 그러나 비디오가 아무리 화려하든 사용자가 클릭 재생을해야하는 경우 대부분의 사람들은 그것을 무시. 내가 본 많은 사용자 테스트에서 이는 방문 페이지 비디오에서 가장 일반적인 동작입니다.

왜? 사용자 여정의이 단계에서는 관심 범위가 짧습니다. 사용자는 알 수없는 것을 시청할 시간을주지 않고 사이트를 완전히 떠나고 튀길 가능성이 높습니다.

처음에는 사용자가 빠르게 이동할 수 있도록 도와야 하므로 짧고 조용하며 자동 재생되는 반복 비디오를 고수하세요. 이렇게 하면 사용자가 깊이 관여하지 않고도 정보를 전달할 수 있습니다. 더 긴 비디오는 나중에 사용자가 더 관심을 가질 때 제품 기능과 같은 사항을 설명하는 데 매우 유용할 수 있습니다.

초과 콘텐츠로 홈페이지를 채우지 마십시오

사용자를 홈페이지로 유도하기 위해 어려운 마케팅 작업을 수행 한 후 매장을위한 강력한 홍보 자료를 만들면 다음은 어떻게 되나요? 당신의 회사에 대해 그들에게 말할 수있는 많은 것들이 있습니다. 이제 기회가 있습니까?

조심해. 방문 페이지를 길게 만들면 사용자가 전환하거나 혼란스러워 할 위험이 커집니다. 사용자는 편안하게 스크롤 할 수 있지만 컨텐츠가 작업과 직접 관련이없는 경우 곧 중지됩니다.

디자인할 때마다 '한 페이지, 한 목적'의 규칙을 고수하십시오. 이 페이지의 목적은 귀하가 판매하는 제품을 소개하고 사용자가 해당 제품을 찾도록 하는 것입니다.

가장 최근의 XNUMX 개의 블로그 게시물, 최신 트윗 및 Instagram 이미지를 볼 필요가 있습니까? 소셜 게시물은 사용자를 방금 사이트로 데려왔을 때 특히 도움이되지 않으며, 클릭하면 다시 삭제됩니다.

페이지에 더 많이 넣을수록 더 많이 사용자에게 방해가되는 방해 요소 당신의 주요 행동과 그들이 원하는 주요 일에서. 모바일 사용자는 세션이 짧아지고 작업 수행에 집중하는 경향이 있으며 추가 콘텐츠로는 도움이되지 않습니다.

쉽게 접근 할 수있는 필터 만들기

제품이 많은 경우 사용자가 필요한 것을 찾는 데 필터가 필수적입니다. 대부분의 전자상거래 사이트(내가 연구한 사이트의 약 90%)는 모바일 오버레이에 필터가 있습니다. 이는 사용 가능한 공간이 많지 않을 때 의미가 있지만 사용자가 실제로 볼 가능성이 높지 않음을 의미합니다.

원칙적으로 사용자의 95 %가 기본값을 변경하지 않습니다 그리고 이것은 특정 옵션을 선택하기 위해 필터 메뉴를 여는 것에 적용됩니다. 이는 제가 지켜본 전자상거래 사용자 테스트에서도 입증된 것입니다. 목록 페이지에서 제품을 찾는 것은 데스크톱에서 전자상거래 탐색 경험이 더 뛰어난 한 가지 영역입니다.

사용자가 필터링하면 실제로 원하는 제품을 찾을 가능성이 높습니다. 모바일에서 해결해야 할 과제는 공간을 절약하는 방법을 찾는 것입니다. 한 가지 방법은 옵션 버튼이있는 페이지에서 가장 관련성이 높은 필터 범주를 표시하는 것입니다 (아래의 Macy 참조). 하나를 누르면 해당 필터가 적용된 목록이로드되고 그 다음으로 가장 관련성이 높은 필터가 표시됩니다.

최소한 전체 필터 메뉴로 이동하는 버튼이 분명해야합니다. 또한 필터가 적용되는시기를 명확하게 표시해야하므로 사용자는 제한된 결과 집합이 언제 표시되는지 알 수 있습니다.

더 큰 이미지를 위해 목록을 다시 디자인하십시오

대부분의 전자 상거래 목록 페이지는 한 번에 많은 제품을 화면에 표시하려고합니다. 결과적으로 제품 이미지는 매우 작은 경향이 있습니다 (전통적으로 썸네일 이미지라고 알려진 이유입니다).

그러나 이미지는 사용자가 어떤 제품을 선택할지 결정하는 데 도움이되는 핵심 부분입니다. 대부분의 경우 텍스트보다 더 많은 정보를 제공합니다. 의류 및 가구와 같은 제품은 사용자가 제공하는 서로 다른 것을 주관적으로 구분합니다.

모바일에서도 큰 이미지를 가질 수 있습니다. Instagram과 같은 앱은 사용자가 어디에서나 고품질을 기대하도록 이끌었고 사용자가 이것을 좋아한다는 것을 종종 알았습니다. 그들이 어디에 있는지 상관없이 좋은 사진은 항상 사랑 받고 있습니다.

물론 몇 가지 이미지로 무언가를 더 잘 팔 수 있다고 생각하면 그렇게하십시오. 여행 사이트에는 종종 스크롤 할 수있는 미묘한 화살표가있는 목록 미리보기 이미지에 여러 사진이 있습니다. 많은 의류 사이트는 제품을 자체적으로 보여주고 모델이 착용하는 옵션을 제공합니다.

제품 옵션을 버튼으로 표시

색상, 크기, 재질 또는 기타와 같은 다양한 제품을 사용할 수 있습니다. 제품 정보 페이지는 사용자가 궁극적으로 선택하는 곳입니다. 선택을 더 쉽게하려면 드롭 다운 메뉴에서 이러한 옵션을 덤프하지 않아야합니다.

그들은해야한다 시각적 버튼 사용자가 모든 옵션을 볼 수 있도록하고 변동이 가격 변동을 의미 할 때 명확해야합니다. 변형이 제품의 모양 (예 : 색상)을 변경하는 경우 변형을 선택하면 기본 제품 이미지가 업데이트됩니다. 이것은 주문 될 것에 대해 의심의 여지가 없다.

또 다른 이점은 특정 버튼을 비활성화하여 사용자가 재고가없는 변형을 한 눈에 볼 수 있다는 것입니다. 다시 한 번 옵션 드롭 다운 목록을 스크롤하여 저장합니다.

크기 선택시 기본 크기를 사용하지 않는 것이 가장 좋습니다. 사용자가 있으면 원하는 것보다 기본값을 추가 할 수 있습니다. 이로 인해 많은 수익과 고객 불만이 생길 수 있습니다.

공유 버튼을 생략

페이 스북, Twitter, Pinterest, Instagram, 링크드 인, Snapchat. 사용자가 아마이 중 하나 이상에서 행 아웃 소셜 네트워크. 제품 세부 정보 페이지에 공유 버튼을 제공해야합니까?

많은 전자 상거래 사이트는 사람들이 웹에서 자신의 제품을 홍보하도록 장려하기 위해 여전히 작은 아이콘을 표시합니다. 불행히도, 그들은 거의 확실히 시간 낭비입니다.

아무도 클릭하지 않습니다. 실제로 0.2 %의 사람들이 한 연구에 따르면. 또한 코드 스 니펫처럼 보일 수 있지만 페이지 속도가 느려지는 추가 항목이 많이 있습니다.

유료 '인플 루 언서 (influencer)'의 등장은 현대 사용자가 더 이상 브랜드가없는 브랜드의 방송을 원하지 않는다는 것을 의미합니다. 더 많은 사람들이 친구 나 가족과 비공개로 기꺼이 공유 할 것입니다. 전자 메일 또는 WhatsApp과 같은 인스턴트 메시징 서비스를 통한 공유를 허용하는 링크가 더 잘 작동 할 수 있습니다.

결제 지갑 통합

다음과 같은 지불 지갑 서비스 페이팔Apple Pay와 Android Pay가 증가하고 있습니다. 전자 상거래 결제 과정에서 옵션으로 보는 것이 점점 더 일반적입니다. 실제로 그들은 표준 결제를 중단시킬 수 있으며 신용 카드 및 현금 사용 전부.

비밀번호, 지문 또는 얼굴 스캔을 입력 한 다음 즉시 결제를 완료 할 수 있으면 양식을 작성하는 것보다 훨씬 편리합니다. 전자 상거래가 모바일에 의해 지배되기 때문에, 불충분 한 양식 작성이 필요없는 손쉬운 지불을 제공하는 것이 필수적입니다.

사용 편의성이 높아지면 더 많은 사용자가 체크 아웃을 완료 할 수 있습니다. 이전에 브랜드에 대해 들어 본 적이 없다면 사용자가 중개자처럼 지갑을 사용하는 것이 안전하다고 느낄 수있는 보안상의 이점도 있습니다.

결제 과정에서 실행 한 사용자 테스트에서“PayPal 사용 옵션을 선호합니다”및“매우 보안이 중요하며 PayPal 만 사용하여 지불합니다”와 같은 의견이 정기적으로 들립니다. PayPal은 현재 잘 알려져 있지만 어떤 사이트를 사용할지 결정할 때 가장 인기있는 국가 및 장치와 함께 사용할 수 있습니다.

사용자가 수집하도록 허용

점점 더 많은 전자 상거래 웹 사이트는 사용자에게 주문을 전달하지 않고 주문을 수집 할 수있는 기능을 제공합니다. 집에 자주 있지 않고 직장에 배달 할 수없는 사용자에게 좋습니다. 이 옵션을 제공하면 귀하로부터 구매할 수있는 사용자 수만 증가합니다.

가장 쉬운 (그리고 종종 가장 좋은) 접근 방법은 결제시 배송의 대안으로 컬렉션을 추가하는 것입니다. 사용자에게 위치를 입력하고 주문을받을 수있는 옵션을 표시하도록 요청하십시오. 또한 픽업 장소의 영업 시간을 표시하는 것이 중요합니다.이 데이터는 종종 배송 회사와의 통합에서 비롯됩니다.

보다 복잡한 방법은 사이트의 모든 제품 세부 정보 페이지에 수집 할 수있는 옵션을 통합하는 것입니다. 당신이 가지고 있다면 이것은 의미가 있습니다 벽돌과 박격포 상점 특정 상점에서 재고를 확인할 수 있기 때문입니다.

그러나 사용자가 주문한 제품이 여러 개인 경우 문제가 발생할 수 있습니다. 그들이 주의하지 않으면 배송용 제품과 수거용 제품('혼합' 바구니)이 생길 수 있습니다. 이를 방지하려면 가장 빨리 사용자가 수거 또는 배송을 장바구니 단계에 지정하도록 하여 전체 주문에 적용하도록 하는 것이 좋습니다.

매장 재설계를 최대한 활용하세요

매장 디자인을 효과적으로 업데이트하려면 상당한 시간과 노력이 필요할 수 있지만 소규모 비즈니스가 디지털 세계에서 계속 번창하도록 하는 데 중요한 부분이 될 수도 있습니다. 웹사이트의 모양과 느낌이 좋을수록 더 많은 잠재 고객을 확보할 수 있습니다.

나중에 사이트를 다시 변경해야 할 가능성이 있습니다. 계속해서 지표를 관찰하고, 평가에 주의를 기울이고, 시장 동향을 모니터링하여 언제 또 다른 업데이트가 필요한지 알 수 있습니다.