
Column
E-FUSIONI COLUMN
웹 사이트 씹뜯맛즐
안녕하세요! 첫번째 씹고 뜯고 맛보고 즐기는 웹사이트는 바로 코오롱몰입니다!
코오롱인더스트리 FnC부문 패션 플랫폼인 코오롱몰은 2024년 9월 3일 대대적인 리뉴얼을 진행했다고 하는데요. 고객과 입점 브랜드의 편의성을 확대하기 위해 UI/UX를 개선했다고 합니다. 가장 크게 개선한 두 가지는 AI 추천 기반의 초개인화 취향 큐레이션 서비스 'My OLO'와 숏폼 형식 콘텐츠 '디스커버'를 통해 구매 전환율과 사이트 내 체류시간을 높일 수 있도록 했다고 하는데요.
궁금하니 얼른 씹뜯맛즐을 시작해볼까요?
메인페이지
코오롱몰 PC, Mobile 메인페이지
요즘 쇼핑몰 메인 페이지 디자인이 정말 다양하게 변하고 있는 것 같습니다. 예전에는 히어로 배너가 상단에 크게 자리 잡고 있었는데, 요즘은 좌/우 나누어 메인 히어로 배너를 고정하고 롤링하는 방식을 많이 볼 수 있어요. 이 구성은 스크롤을 내려도 계속해서 홍보하고 싶은 콘텐츠를 볼 수 있어 홍보 효과가 큰 것 같습니다. 또 잘만 활용하면 모바일과 같은 배너를 쓸 수 있는 편리함도 있겠죠? (운영할 때 좋겠다…히히)
또한, 카테고리 영역을 좌측 첫 번째 영역에 배치해 놓으니, 메뉴 버튼을 누르지 않고도 원하는 제품 카테고리로 쉽게 이동할 수 있는 장점이 있습니다. 이러한 디자인은 모바일에서도 동일하게 적용할 수 있어 사용자 경험을 한층 더 개선해 주는 것 같아요.
제품페이지
코오롱몰 카테고리별 제품 리스트
각 카테고리별 제품 리스트에서는 다양한 정렬 옵션을 제공하고 있습니다. 판매 인기순, 리뷰순, 높은 금액순, 할인율 높은 순, 신상품순, 추천순 등 제품을 정렬할 수 있어 사용자가 원하는 방식으로 제품을 확인할 수 있습니다.
특히, 각 카테고리별 상품 정렬 기본 설정이 다른 부분이 흥미로웠는데요. 제품 카테고리 하위의 BEST 카테고리는 판매 인기순이 기본설정이고, NEW 카테고리는 신상품순이 기본설정으로 되어있네요! 이런 구성은 메뉴의 성격에 맞는 상품 정렬을 기본 설정해 두어 고객의 니즈에 맞는 상품을 좀 더 빠르게 접근할 수 있도록 하는 차별화된 전략이 아닐까 싶어요.
코오롱몰 BEST 제품 구성
BEST 제품 구성도 카테고리별로 세분화하고, 성별 및 연령 기준으로 필터링할 수 있도록 구성함으로써 타겟층에 맞는 제품을 빠르게 찾을 수 있도록 되어있는데요. 이러한 접근은 고객의 구매증진율에도 좋은 영향을 줄 것 같습니다.
코오롱몰 PC 제품 상세 이미지
코오롱몰 Mobile 제품 상세 이미지
제품 상세페이지는 다른 몰과 유사하게 기본 정보는 간략하게 제공하고, 더보기를 클릭하면 추가 정보를 확인할 수 있도록 구성되어 있는데요. 특히 패션 브랜드에서 중요한 사이즈 정보는 리뷰와 동일하게 사이즈 탭을 만들어두었는데 사용자들의 니즈를 잘 파악한 UI/UX 처럼 보이네요. 또한 해당 상품의 라이브 영상이 있다면 우측 하단에 플로팅 영상을 고정하여 정보를 추가적으로 제공해줍니다.
코오롱몰 리뷰 이미지
리뷰는 잘 보이도록 배치해 두었고, 각 제품군마다 리뷰유형에 대한 데이터를 수집하여 전체 리뷰를 읽지 않고도 상단에 주요 정보를 노출하여 각 리뷰 데이터를 합산한 통계치를 노출해 주는 점이 흥미로웠는데요.
코오롱몰 리뷰 상세 이미지
세부적으로는 제품 옵션별로 리뷰를 확인할 수 있는 옵션 선택 박스를 제공하며, 옵션 하단에는 제품군에 대한 리뷰 유형과 관련된 키워드를 배치했습니다. 사용자가 키워드를 선택하면 해당 태그가 포함된 리뷰가 소팅되어 노출되며, 선택된 키워드의 내용이 포함된 문장은 강조 표시되어 사용자에게 편의성을 제공한 점이 이색적입니다. (이 기능은 어떤 방식으로 제공되고 있는 걸까요…? 궁금궁금, 찾아보니 이것도 AI 키워드별 리뷰 분석…!)
장바구니
코오롱몰 장바구니 이미지
장바구니에서는 현재 장바구니에 담은 제품의 브랜드에서 기획전이나 이벤트가 있는 경우, 제품 하단에 기획전/이벤트 정보를 제공하고 클릭 시 같은 프로모션을 진행하는 제품 리스트들을 볼 수 있는 팝업을 제공해 주고 있는데요. 장바구니에서도 같은 브랜드 내 기획 상품을 추가구매 할 수 있도록 기능을 제공한 것인데 이는 제품 구매율을 높일 수 있는 좋은 마케팅이 될 수 있을 것 같습니다.
(배송비 나만 아까운거 아니잖아요…?)
코오롱몰 장바구니 품절 이미지
만약 장바구니에 담긴 제품이 품절이 되었다면…. (눈물나) ‘대신 이런 상품은 어때요?’ 와 같이 추천 제품정보를 제공하는데, 같은 브랜드 내 동일 카테고리의 상품군을 보여주는 것 같습니다. 장바구니는 실제로 구매를 원했을 경우에 담게 되기 때문에, 품절된 상품의 특성을 세부적으로 분류하고 그 상품의 특성에 맞는 제품군을 추천해주는게 더 좋을 것 같은 생각이 드는데요.
AI 서비스가 많이 발전한 만큼 품절 상품 영역에서도 AI 추천을 활용할 수 있다면 좋을 것 같고, 해당 상품군의 특성을 분류한 태그들을 배치하여 (예를들면, 색상이나 가격 필터에 맞춘 제품이라던지...) 사용자가 원하는 대체 상품들을 바로 확인할 수 있도록 기능을 제공하는 것도 좋을 것 같은 생각이 듭니다.
기타페이지
코오롱몰 라이브 방송 이미지
최근 몰에서는 라이브 방송을 활발히 진행하며, 방송 예정을 알리는 콘텐츠를 상단에 배치하여 소비자들에게 미리 정보를 제공합니다. 이를 통해 어떤 상품들이 라이브 혜택을 받을 수 있는지를 노출함으로써 구매 의지가 있는 사용자들에게 혜택을 효과적으로 공유하고 있습니다.
다만 아쉬운 점은 방송이 시작되지 않은 경우, 팝업으로 일정 안내 및 일정 추가하기 서비스를 제공하는데, 이때 일정 추가하기를 클릭하면 사용자가 본창에서 구글 캘린더로 이동됩니다. (이탈율 높아지는 소리가 들린다구요 물론 뒤로가기로 다시 옴.)
구글 캘린더보다 알림톡과 같은 서비스를 제공하는 것이 사용자들이 보다 쉽게 방송 일정을 기억하고 참여할 수 있도록 하고 사이트 유입율을 높이는 데 더 효과적일 것으로 보입니다.
코오롱몰 기획전 프로모션 이미지
쇼핑몰의 기획전에서는 여러가지 프로모션을 진행하는데, 아까 보았던 제품리스트와 유사하게 분류별 카테고리를 제공합니다. 재미있는 점은 기획전 보기 정렬순서를 최근등록순과 마감임박순으로 제공했다는 점인데요. 마감 임박순은 프로모션 종료일이 현재 날짜와 가장 근접한 순으로, 이 세일이 머지않아 끝나게 됨을 고객에서 우선 노출함으로써 타임딜처럼 구매유도를 상승시키려는 전략으로 보이네요!
(왜냐면 고민은 배송을 늦출뿐이니까…!)
DISCOVER
다음은 코오롱몰에서 크게 개선한 페이지로 홍보했던 페이지 중 하나인 디스커버입니다. 브랜드의 다양한 이미지와 영상, 코오롱몰의 콘텐츠를 숏폼 형식으로 빠르게 고객에게 선보이는 메뉴로 인스타그램의 릴스나 유튜브 숏츠와 같이 계속해서 콘텐츠를 볼 수 있도록 구성한 페이지라고 하는데요.
코오롱몰 DISCOVER 이미지
다양한 콘텐츠를 MAGAZINE, EXHIBITION 등으로 분류하여 고객에게 후킹할 수 있는 콘텐츠를 제공하고 홍보하고자 하는 제품이 있는 경우, 제품썸네일을 클릭하여 해당상품정보를 확인할 수 있도록 기능을 제공하고 있어요. 이러한 콘텐츠들이 더 다양해지면 좋을 것 같은데 상품 홍보를 위한 라이브 영상이나 혜택정보, 브랜드 상품 홍보가 주된 느낌이라 메인 히어로 배너와 비슷한 느낌이 있는 점이 조금 아쉽네요
MY OLO
코오롱몰 MY OLO 이미지
두번째로 개선한 페이지는 MY OLO입니다. AI추천 기반 초개인화 취향 큐레이션인 MY OLO 페이지를 확인하고 싶다면 보는 눈 키우기를 진행해야 하는데요. 보는 눈 키우기를 시작하면 나의 스타일과 유사한 이미지, 취향, 취미, 관심사 등의 정보를 수집하고 완료와 동시에 쿠폰을 제공합니다.
코오롱몰 MY OLO 이미지
취향을 모아둔 피드에는 보는 눈 키우기를 통해 선택한 태그들이 나열되고, AI가 분석한 취향별 제품 및 브랜드들이 나열됩니다. 또한 현재 인기있는 커뮤니티의 게시글을 제공하고 있는데 어떤 기반으로 노출하는지 궁금하네요.
(관심도 급상승의 기준이 콘텐츠의 클릭수일까?)
코오롱몰 BI 이미지
대대적인 리뉴얼을 한 코오롱몰은 B.I도 새롭게 변화를 주었는데요.
로고는 kolon mall 에서 k,n와 m을 제외하고 O에 변화를 주어 OLO ALL 로 표기했습니다. OLO은 Our Limitless Outfits으로 ‘우리의 무한한 의상’이라고 하는데요. 창의적이고 자유로운 패션을 즐기자는 메시지로 코오롱몰의 방향성을 잘 담고 있는것 같죠?
리뉴얼 된 코오롱몰에 대해서 걸핥기식 씹고 뜯고 맛보고 즐겨보았는데요. 현재 사용자 기준에서 확인할 수 있는 부분만 살펴보았지만, 아쉬운 점도 있었고 웹 기획에 참고할 만한 좋은 구성도 많았던 것 같습니다. 기획을 하면서 지속적으로 느낀 것은, 좋은 서비스는 단순히 기존의 좋은 점을 발전시키는 것이 아니라, 아쉬운 점을 보완하는 데서 시작된다는 점인데요. (만족도도 후자가 훨씬 높고!)
웹사이트 제작 시 사용자에게 편리한 UI/UX를 제공하기 위해 여러 팀의 고민과 노력이 담겨있다는 점을 잊지 말아야 겠습니다.
코오롱몰 구경가기 > https://www.kolonmall.com/

















