온라인 쇼핑몰 웹사이트 기능: 모든 스토어에 9가지 필수 기능

2014년에 저는 렘브란트 반 데르 미인스브루게(Rembrant Van der Mijnsbrugge)와 함께 MOTE 에이전시를 설립했습니다. 이커머스 전문 에이전시인 MOTE는 초기 시장 전략과 브랜드 아이덴티티부터 디자인, 개발, 마케팅까지 브랜드 여정의 모든 단계에서 클라이언트와 파트너십을 맺으며, 항상 지속 가능한 성장에 중점을 두고 있습니다. 15년간의 이커머스 웹 디자인 경험을 통해 독립 브랜드부터 포춘 500대 기업까지 다양한 클라이언트의 전략을 수립해왔습니다. 제가 커리어 전반에 걸쳐 축적한 웹 디자인 팁과 조언을 공유하게 되어 기쁩니다.

훌륭한 온라인 쇼핑몰 웹사이트 디자인은 모든 방문자에게 제품을 판매하는 사이트를 만드는 것이 아닙니다. 이상적인 고객의 관심을 끌고, 그들이 정보에 기반한 구매 결정을 내릴 수 있는 확신을 주는 웹사이트를 만드는 것입니다.

특정 기능들은 판매 퍼널 전반에 걸쳐 깔끔하고 직관적인 사용자 경험을 우선시하면서도, 고객이 필요한 정보를 제공할 수 있습니다. 모든 온라인 쇼핑몰이 갖춰야 할 필수 온라인 쇼핑몰 웹사이트 기능에 대해 자세히 알아보겠습니다.

필수 온라인 쇼핑몰 웹사이트 기능 9가지

1. 홈페이지
2. 모바일 사이트
3. 내비게이션
4. 검색창
5. 상품 페이지
6. 컬렉션 페이지
7. 소개 페이지
8. 필터링
9. 위시리스트

성공적인 온라인 쇼핑몰 웹사이트는 다음과 같은 역할을 합니다.

• 제품을 효과적으로 보여줍니다.
• 브랜드 가치를 전달합니다.
• 방문자가 브랜드와 더 깊은 수준에서 연결될 수 있도록 유도합니다.

이러한 목표를 달성하는 데 도움이 되는 핵심 온라인 쇼핑몰 웹사이트 기능들을 살펴보겠습니다.

1. 홈페이지

홈페이지는 브랜드와의 첫 접점인 경우가 많습니다. 통계적으로 홈페이지는 가장 높은 이탈률을 보이기도 합니다. 따라서 방문자가 홈페이지에서 더 많은 시간을 보내도록 유도할 수 있다면, 판매로 이어질 가능성이 훨씬 높아집니다.

누군가 사이트에 방문하면, 제시된 정보를 바탕으로 브랜드에 대한 다양한 추측을 하게 됩니다. 홈페이지 디자인을 통해 첫인상부터 브랜드 스토리를 구축할 기회를 얻을 수 있습니다.

브랜드에 대한 한 문장 소개만으로도 스토리텔링을 이끌어갈 수 있습니다. 예를 들어, 브랜드 가치 중 하나가 지속가능성이라면, 이를 보여줄 좋은 기회입니다. 스토리텔링에 접근하는 또 다른 방법은 "우리 브랜드를 경쟁사와 차별화하는 요소는 무엇인가?"라고 자문하고, 그 답을 홈페이지 카피에 녹여내는 것입니다.

홈페이지에서 브랜드를 소개하는 어떤 방식을 택하든, 방문자에게 브랜드의 정체성을 명확히 전달해야 합니다. 이는 고객과의 브랜드 신뢰 구축에 큰 도움이 됩니다.

2. 모바일 사이트

최근 데이터에 따르면 모바일 커머스가 증가하고 있으며, 2023년 온라인 쇼핑몰 웹사이트, 온라인 주문의 66%를 차지하고 있습니다. 이러한 수치를 고려할 때, 온라인 쇼핑몰 웹사이트의 모바일 버전을 우선시하지 않을 수 없습니다.

모바일 웹사이트 디자인에 대한 최적의 접근법은 비즈니스 목표와 타겟 고객에 따라 달라집니다. 예를 들어, 럭셔리 의류 리셀러 저스틴 리드(Justin Reed)의 고객 대부분은 모바일이나 소셜 미디어를 통해 유입됩니다. 사용자가 인스타그램 같은 앱을 통해 사이트에 접속할 수 있다는 점을 고려하여, 이 사이트는 왼쪽에 메뉴 내비게이션을 배치한 모바일 우선 디자인을 채택했습니다. 페이지 상단에 내비게이션을 배치한 별도의 데스크톱 버전을 만드는 대신, Justin Reed 팀은 단일 내비게이션 스타일을 선택하여 사용자가 하나의 레이아웃만 익히면 되도록 했습니다.

3. 내비게이션

온라인 쇼핑몰 웹사이트의 내비게이션 디자인 목표는 고객이 원하는 것을 가능한 한 적은 클릭으로 찾을 수 있는 퍼널을 만드는 것입니다. 일부 사용자는 명확한 목적을 가지고 있는 반면, 다른 사용자는 좀 더 시간을 들여 둘러보고 싶어 합니다.

메뉴, 컬렉션 페이지, 필터, 검색 등 다양한 내비게이션 요소를 사용하여 두 유형의 방문자 모두를 만족시킬 수 있습니다. 단순한 사이트 메뉴 내에서도 제품 발견을 우선시하는 다양한 옵션이 있습니다.

예를 들어, 주얼리 디자이너 재키 아이쉬(Jackie Aiche)는 텍스트 기반 또는 이미지 기반 링크를 추가할 수 있는 메가 메뉴를 선택했습니다. 해당 컬렉션으로 연결되는 주요 카테고리가 전면에 배치되어 있습니다. 하지만 주얼리 드롭다운 메뉴에는 브랜딩을 더하고 내비게이션 경험을 해치지 않으면서 신상품 컬렉션을 강조하는 단일 이미지가 포함되어 있습니다.

이러한 접근법을 통해 특별한 날을 기념하기 위해 원석 목걸이를 구매하려는 명확한 목적을 가진 고객은 메뉴를 열고 한 번의 클릭으로 원석 목걸이 컬렉션에 도달할 수 있습니다. 또는 좀 더 감성적인 쇼핑을 원한다면 베스트셀러나 신상품 같은 큐레이션 된 섹션을 탐색할 수도 있습니다. 어느 쪽이든, 상당한 규모의 재고를 탐색하는 두 가지 접근법 모두 고객이 이상적인 제품을 가능한 한 빠르게 찾고 구매할 수 있도록 보장합니다.

4. 검색창

오늘날의 고객들은 검색 가능한 온라인 쇼핑몰 사이트를 기대합니다. 효과적인 검색창은 방문자를 사이트에 더 오래 머물게 하고, 원하는 것을 찾기 위해 외부 검색 엔진에 의존할 필요가 없게 합니다. 웹사이트 검색창의 핵심 요소는 예측 검색 기능입니다. 고객이 검색창에 입력하려는 내용을 예측하는 것은 사이트의 사용자 경험(UX) 개선에 도움이 되는 웹 전반의 일반적인 모범 사례입니다.

모든 Shopify 테마에는 기본적으로 예측 검색이 포함되어 있습니다. Shopify 관리자에서 검색 동작을 변경하려면 온라인 스토어 > 테마로 이동하여 사용자 지정을 선택하세요. 여러 카테고리로 검색을 필터링하는 기능과 같은 고급 검색 기능을 추가하려면 Shopify Search & Discovery 앱을 다운로드하세요.

5. 상품 페이지

상품 페이지를 디자인할 때는 고객을 정보로 압도하지 않으면서도 구매에 대한 확신을 갖도록 도와주는 요소에 집중하세요. 예를 들어, 누군가는 구매 전에 배송 및 반품 정책에 대해 더 알고 싶어 할 수 있지만, 그렇다고 해서 이러한 정책이 모든 페이지에 있어야 하는 것은 아닙니다. 정보의 계층구조에 집중하세요. 즉, 가장 중요한 정보를 먼저 표시하고, 부차적이고 삼차적인 정보는 쉽게 접근할 수 있는 곳에 포함시키세요.

상품 페이지에는 상품 사진, 명확한 상품 설명, 가격, 구매 버튼이 포함되어야 합니다. 상품 유형에 따라 의류의 사이즈 표와 같은 추가 정보가 필요할 수 있습니다. 하지만 사이즈표가 고객이 가장 먼저 봐야 할 정보는 아니므로, 접을 수 있는 필드나 링크를 통해 해당 정보를 공유할 수 있습니다.

6. 컬렉션 페이지

컬렉션 페이지는 신상품이나 상품 카테고리처럼 공통점을 가진 여러 상품 페이지를 모아놓은 공간입니다. 컬렉션 페이지의 디자인은 재고 규모에 따라 달라집니다.

단일 상품이나 매우 엄선된 상품 구성(예: 6개 미만의 상품)을 보유하고 있다면, 컬렉션 페이지는 각 상품을 보여주고 상세 상품 페이지로 들어가기 전에 각 상품에 대한 더 많은 정보를 제공하는 데 중점을 둘 것입니다. 반대로 수십 개 이상의 상품 재고를 보유하고 있다면, 고급 필터링을 통해 컬렉션 페이지에 접속한 사용자가 검색 결과를 세분화하여 필요한 것을 더 효율적으로 찾을 수 있도록 보장합니다.

Shopify 테마를 사용하여 사이트를 구축하는 경우, 행당 상품 수와 필터링 수준을 조정하여 스토어에 적합한 레이아웃을 찾기 쉽습니다.

7. 소개 페이지

홈페이지의 목표가 방문자가 브랜드에 대해 흥미를 느끼게 만들고 감정적인 유대감을 형성하기 위한 것이라면, 브랜드의 사명과 스토리에 대한 더 깊은 이해를 제공하기 위해 소개 페이지도 늘 마련해야 합니다. '소개' 페이지를 방문하는 사람들은 브랜드에 대해 더 자세히 알고 싶어 하는 의지를 보이는 것이며, 이는 고객과의 유대감이 강화되었음을 나타냅니다.

상세한 소개 페이지 내에서도 정보를 체계적이고 간결하게 정리하여 보여주는 것이 중요합니다. 예를 들어, 창립자 스토리에 대한 섹션과 제품 제조 과정을 강조하는 또 다른 섹션을 만들 수 있습니다.

8. 필터링

재고가 많은 편이라면, 상품 필터가 매우 유용할 수 있습니다. 예를 들어, Justin Reed는 많은 원오프 상품을 보유한 럭셔리 리세일 웹사이트입니다. 이런 종류의 재고에서는 특정 스타일이나 사이즈별로 세분화하고 필터링할 수 있는 것이 중요합니다. 왜냐하면 아이템이 한 사이즈로만 제공될 수 있기 때문입니다.

Shopify Search & Discovery 앱을 사용하면 Shopify 관리자 페이지에서 컬렉션 페이지와 검색 결과 내의 필터를 자유롭게 사용자 지정할 수 있습니다.

9. 위시리스트

위시리스트는 사용자가 나중에 구매할 제품을 저장할 수 있도록 하는 선택적 사이트 기능입니다. 구매를 강요하기보다는, 고객이 마음에 드는 제품을 구매할 준비가 되었을 때 구매하도록 유도하여 브랜드 충성도를 높이는 좋은 방법입니다.

Shopify 앱 스토어에는 수많은 위시리스트 앱이 있습니다. 하나를 선택하면 Shopify 관리자 내에서 위시리스트 기능을 관리할 수 있습니다.