지금 읽는 곳메인 페이지는 왜 신중하게 설계해야 하는가목차
STEP 1 초급·기초 › 1-1. 빅테크·커머스 채널 기초 › 과목 5 › 레슨 10
자사몰 상품 진열 디자인: 메인 페이지 베스트/신상품 섹션 배치 및 카테고리 메뉴 구성
인프라와 결제, 회원가입까지 다 준비됐다면 이제 방문자가 첫 화면에서 무엇을 보게 될지, 즉 상품을 어떻게 진열할지를 설계할 차례입니다.
핵심요약
- 메인 페이지는 방문자가 이 쇼핑몰의 첫인상을 형성하는 자리이므로, 베스트 상품과 신상품을 명확히 구분해 배치하는 것이 탐색을 돕는다
- 베스트 섹션은 사회적 증거(이미 많이 팔린 상품)를 보여줘 신뢰를 주고, 신상품 섹션은 재방문 고객에게 새로운 정보를 제공하는 역할을 한다
- 카테고리 메뉴는 방문자가 원하는 상품을 몇 번의 클릭 안에 찾을 수 있도록, 너무 세분화되지도 너무 뭉뚱그려지지도 않게 구성해야 한다
- 메인 페이지 구성은 한 번 정하고 끝나는 것이 아니라, 방문자 행동 데이터를 보며 지속적으로 조정해야 하는 영역이다
메인 페이지는 왜 신중하게 설계해야 하는가
방문자가 자사몰에 처음 들어왔을 때 보는 화면이 바로 메인 페이지입니다. 이 화면에서 무엇을 보여주느냐에 따라 방문자가 더 둘러볼지, 아니면 바로 이탈할지가 갈립니다. 특히 검색광고(3강, 다른 과목)나 SNS를 통해 유입된 신규 방문자는 이 브랜드에 대한 사전 정보가 거의 없는 상태이므로, 메인 페이지가 "이 브랜드는 무엇을 파는 곳이고, 지금 무엇이 인기 있는가"를 빠르게 전달해야 합니다.
베스트 섹션은 왜 필요한가
베스트(인기 상품) 섹션은 이미 많은 사람이 구매한 상품을 모아 보여주는 영역으로, 소비자에게 사회적 증거를 제공하는 역할을 합니다. "다른 사람들이 이미 많이 산 상품"이라는 정보는 처음 방문한 소비자에게 안심하고 구매를 고려할 수 있는 근거가 됩니다. 특히 4강(스마트스토어 과목)에서 다룬 리뷰·인기도 개념과 마찬가지로, 자사몰에서도 판매 데이터를 근거로 한 베스트 섹션이 신뢰 형성에 중요한 역할을 합니다.
신상품 섹션은 어떤 고객을 겨냥하는가
신상품 섹션은 이미 이 브랜드를 알고 재방문한 고객에게 "지난번과 달라진 것이 있다"는 신호를 주는 역할을 합니다. 베스트 섹션이 신규 방문자의 신뢰를 얻는 데 초점이 맞춰져 있다면, 신상품 섹션은 기존 고객의 재방문 이유를 만들어주는 장치입니다. 두 섹션을 메인 페이지에 함께 배치하되, 신규 방문자가 많이 유입되는 채널(검색광고 등)에서 들어온 트래픽에는 베스트 섹션이 먼저 보이도록, 재방문 고객이 많은 채널(이메일 뉴스레터 등)에서는 신상품 섹션이 먼저 보이도록 조정하는 것도 가능한 접근입니다.
카테고리 메뉴는 어떤 기준으로 구성해야 하는가
카테고리 메뉴가 지나치게 세분화되면 방문자가 원하는 상품을 찾기 위해 여러 하위 메뉴를 헤매야 하고, 반대로 너무 뭉뚱그려지면 한 카테고리 안에 상품이 너무 많이 몰려 탐색이 오히려 어려워집니다. 소비자가 실제로 검색하거나 찾는 방식(예: 용도별, 소재별, 가격대별)을 기준으로 카테고리를 나누는 것이, 판매자 내부의 상품 관리 기준(입고 순서, 공급업체별)을 그대로 카테고리로 옮기는 것보다 훨씬 사용자 친화적입니다.
상품 진열과 검색 노출은 어떻게 연결되는가
자사몰의 카테고리 구조는 오픈마켓(4강 스마트스토어)의 카테고리 매칭과는 다른 층위의 문제이지만, 소비자가 원하는 상품을 빠르게 찾도록 돕는다는 목적은 같습니다. 카테고리 메뉴 이름에 실제 소비자가 검색할 법한 키워드를 반영해두면, 자사몰 내부 검색 기능이나 외부 검색엔진 노출에도 긍정적인 영향을 줄 수 있습니다. 단순히 "카테고리1", "카테고리2" 같은 임의의 이름보다, "여름 원피스", "베이직 티셔츠"처럼 구체적인 이름을 쓰는 것이 여러 측면에서 유리합니다.
진열은 데이터를 보며 계속 조정해야 한다
메인 페이지 구성을 한 번 정하고 나서 방치하면, 시간이 지나며 실제 인기 상품이 바뀌었는데도 예전 베스트 상품이 계속 노출되는 상황이 생길 수 있습니다. 정기적으로(예: 주 1회) 실제 판매 데이터를 확인해 베스트·신상품 섹션을 갱신하고, 방문자가 어느 섹션을 더 많이 클릭하는지 분석 도구로 확인해 배치 순서를 조정하는 것이 메인 페이지를 살아있는 자산으로 유지하는 방법입니다.
모바일 화면에서의 진열도 별도로 확인해야 한다
PC 화면에서는 베스트·신상품 섹션과 카테고리 메뉴가 여유 있게 배치돼 보여도, 모바일 화면에서는 같은 구성이 스크롤을 여러 번 내려야 하는 부담으로 바뀔 수 있습니다. 자사몰 방문자 대부분이 모바일이라는 점을 감안하면, 어떤 섹션을 화면 상단에 먼저 노출할지 모바일 기준으로 우선순위를 다시 정하는 작업이 필요합니다. 베스트 섹션처럼 신뢰를 형성하는 요소를 모바일 화면 상단에 배치하고, 상대적으로 덜 급한 정보는 아래로 내리는 방식이 실무에서 흔히 쓰입니다.
진열 실험은 작은 단위로 시작하는 것이 안전하다
메인 페이지 전체를 한꺼번에 바꾸기보다, 특정 섹션 하나(예: 베스트 상품 개수, 배치 순서)만 바꿔보고 그 변화가 클릭률이나 매출에 어떤 영향을 주는지 확인하는 점진적 접근이 안전합니다. 여러 요소를 동시에 바꾸면 어떤 변경이 실제 효과를 냈는지 파악하기 어려워지므로, 한 번에 하나씩 바꾸고 결과를 지켜보는 습관이 장기적으로 더 정확한 판단을 가능하게 합니다.
상세페이지 톤과 메인 페이지 톤을 일관되게 유지하라
메인 페이지의 상품 진열 디자인은 개별 상품의 상세페이지(9강에서 다룬 다른 과목의 스마트에디터 내용과 유사한 원리)와 톤이 어긋나지 않아야 합니다. 메인 페이지는 미니멀하고 세련된 톤인데 상세페이지는 화려하고 정보가 과도하게 많다면, 방문자가 이동하는 동안 브랜드 인상이 흔들릴 수 있습니다. 메인 페이지 설계 단계에서부터 전체 쇼핑몰의 디자인 가이드를 함께 정리해두면 이런 불일치를 줄일 수 있습니다.