스토어 화면 상단 설정 방법
스토어는 브랜드 및 상품을 게재할 수 있는 큐레이트된 아마존의 목적지입니다. 각 스토어에는 브랜드의 상품을 선보이고 쇼핑 경험을 강화하기 위한 다양한 기능이 포함되어 있습니다. 이 기사에서는 스토어의 ‘화면 상단’에 대해 설명하고, 이것이 중요한 이유 및 이를 활용하는 방법에 대해 알아보겠습니다.
출판 및 편집 업계에서 ‘화면 상단’는 뉴스레터 인쇄물의 상단 섹션의 콘텐츠 또는 실제 신문의 접히는 부분의 상단을 의미합니다. 디지털 환경, 즉 스토어에서 이 용어는 쇼핑객이 페이지에 처음 랜딩했을 때 바로 화면에 표시되는 콘텐츠를 의미합니다.
화면 상단 공간은 브랜드 또는 상품의 의미를 표현할 수 있는 고유한 기회이며 고객에게 훌륭한 첫 인상을 생성하는 데 도움이 될 수 있습니다. 이는 쇼핑객이 대부분의 시간을 보내는 공간이기도 합니다.
스토어 화면 상단의 주요 구성 요소는 무엇인가요?

- 히어로
- 로고
- 내비게이션 바
- 타일 섹션
히어로
히어로는 모든 페이지 상단에 위치한 빌보드 디스플레이로 브랜드를 선보이고 고객이 자세히 알아보기 위해 계속 스크롤하도록 유도하기에 최적의 장소입니다.

로고
이는 브랜드 로고를 게재하기 위한 위젯으로 내비게이션 바에 표시됩니다.

메뉴 또는 내비게이션 바는 스토어 전반에서 쇼핑객의 여정을 안내하는 지도입니다.

타일 섹션
내비게이션 바 바로 아래 타일은 브랜드의 고유한 판매 제안, 즉 경쟁 업체와 차별되는 브랜드 또는 상품이 제공하는 독특한 이점을 제시하기에 완벽한 장소입니다.

스토어 크리에이티브 가이드라인을 검토하여 페이지 섹션 및 타일 요건을 이해하세요.
강력한 화면 상단 섹션 설계를 위한 팁
1. 브랜드와 상품의 이점 선보이기
화면 상단에 영감을 주는 라이프스타일 이미지, 색상, 비디오 및 기타 디자인 요소를 사용하면 전반적인 브랜드 아이덴티티를 전달하게 됩니다.

상품에 집중된 화면 상단 섹션의 경우 히어로는 상품을 표시하고 내비게이션 바 아래 타일에는 CTA(행동 유도 문구)와 함께 상품의 효용을 설명하는 카피가 포함되어야 합니다. 쇼핑 가능한 이미지를 포함하면 구매에 필요한 클릭수를 줄이는 동시에 현실적인 환경의 상품을 보여주기 때문에 이를 추가하는 것은 좋은 선택입니다.

상품을 카테고리로 나누는 것은 스토어 페이지 및 하위 페이지를 설정하여 조직을 생성하고 고객의 마찰을 줄이는 유용한 방법입니다. 카테고리 페이지로 고객은 스토어를 탐색할 더 큰 동기가 생깁니다. 이 같은 이유로 이러한 페이지를 최소 3개는 보유하는 것을 권장합니다.
내비게이션 바를 위한 카테고리를 생성할 때 고객에게 부담을 주는 것을 방지하기 위해 제목을 최대한 짧게 유지하세요. 카테고리 제목이 길면 표시되는 카테고리 수 또한 감소될 수 있습니다.
내비게이션 바는 모바일에서 다른 경험을 제공한다는 점을 명심하세요. 데스크탑 내비게이션 바는 수평으로 렌더링됩니다. 모바일에서 이는 스토어의 모든 페이지와 하위 페이지를 표시하는 수직 드롭다운 메뉴로 표시됩니다.

3. 복잡하게 만들지 말기
히어로와 타일 섹션에 너무 많은 디자인 또는 텍스트 요소를 추가하는 것을 피하세요. 스토어는 깨끗할수록 더 효과적입니다. 히어로 또는 내비게이션 바 아래 타일에 불필요한 텍스트와 같이 메시지 및 쇼핑 경험으로부터 주의를 뺏어갈 수 있는 요소를 삭제하세요.

4. 모든 텍스트를 읽을 수 있는지 확인하기
뛰어난 고객 경험을 유지하기 위해서는 히어로 및 타일의 로고와 텍스트의 가독성을 고려하세요.
로고에 작은 텍스트가 포함되어 있으면 모바일 기기에서 특히 읽기 어려울 수 있습니다. 데스크탑에서 읽기 어려운 텍스트는 모바일에서는 거의 읽을 수 없습니다. 이러한 경우 로고를 히어로에만 배치하고 내비게이션 바에서는 숨기는 것을 고려하세요.
