배경

지그재그 앱에 방문하면 가장 먼저 추천 상품 리스트가 표시됩니다. 추천 상품 리스트에서는 유저의 클릭이나 찜 등의 쇼핑 데이터를 기반으로 유저와 관련성 높은 상품을 추천해주고 있습니다. 앱 내에서 방문자가 가장 많고, 회사의 수익을 책임지는 광고 지면이다보니 유저에게 만족스러운 추천 경험을 제공해주는 것이 중요합니다. 최초 추천 경험을 개선하기 위한 프로젝트를 진행하였습니다.

문제현황

유저에게 관심있을만한 상품을 추천해주기위해서는 유저의 쇼핑 데이터가 있어야합니다. 유저가 어떤 상품에 관심을 보였는지 알아야 관련 상품을 추천을 해줄 수 있기때문이죠. 하지만 처음 방문한 유저는 쇼핑 데이터가 존재하지 않기때문에 좋아할만한 상품을 추천해줄 수 없습니다.(초기 데이터가 부족한 상태로 서비스를 이용하는 것을 '콜드 스타트' 문제라 부릅니다.) 결과적으로 처음 추천 리스트에 방문한 유저는 추천에 대한 만족도가 낮은 상태로 앱을 사용하게 됩니다.

문제 해결 방향

유저가 온보딩 페이지에서 자신의 취향에 가까운 상품을 선택한 뒤 홈에 진입하면 그 즉시 비슷한 스타일의 상품이 전시되도록하여 최초 추천 만족도를 높히고자 하였습니다. 이를 위해 온보딩 페이지에 실제 판매중인 상품의 이미지가 표시되도록 하고, 이를 클릭 하였을때 클릭한 상품의 로그를 추천 목록에 전송하여 유저가 선택한 스타일과 비슷한 스타일의 상품들이 전시되도록 설계하였습니다.

호출 로직 설계

지그재그에 등록된 수백만 개의 상품 중 온보딩 페이지에 노출할 상품을 선별할 수 있는 로직이 필요하였습니다. 유저들의 반응이 좋으면서, 너무 비슷한 스타일에 치중되지 않은 다양한 스타일의 상품을 호출하기로하였습니다. 이를 위해, 지그재그 추천 시스템이 보유한 각 카테고리 별 CTR 상위 상품을 150개씩 호출하였습니다. 그리고 이 상품들 중 너무 비슷한 스타일의 상품은 수기로 필터링 하여 다양성을 유지할 수 있도록 하였습니다. 가장 많은 유저들이 보게되는 '전체' 카테고리에는 각 카테고리별 CTR 상위 상품을 30개씩 호출하여 100개를 채우고 카테고리가 너무 군집되어 보이지 않도록 셔플하여 노출하였습니다그리고 매주 1회씩 업데이트하여 최신성을 유지하도록 하였습니다.

UI 디자인

• 지그재그의 핵심이 기능이 '맞춤형 추천' 인 만큼, 자신의 스타일의 상품을 선택하면 적극적으로 취향에 맞는 상품을 찾아오겠다는 친근한 메시지를 표시하였습니다.

• 유저들이 자신의 스타일에 가까운 상품을 좀 더 빠르게 찾을 수 있도록 레이아웃을 3배수로 촘촘하게 배치하였습니다.

• 좀 더 디테일하게 자신의 스타일을 탐색하려는 유저들을 위해 카테고리 탭을 배치하였습니다.

  
  

  
  

프로토타이핑

프로토타이핑 관련 내용프로토타이핑 관련 내용프로토타이핑 관련 내용프로토타이핑 관련 내용프로토타이핑 관련 내용프로토타이핑 관련 내용

주요 지표 설정

이번 테스트의 성공 여부를 확인할 수 있는 주요 지표를 설정 하였습니다.

데이터 검증

방문자 대비 상품 클릭 비중

내 스타일 선택 페이지에 방문한 유저 중 66%가 자신의 스타일의 상품을 최소 1개 이상 클릭하는 것을 알 수 있었습니다. 패스하지 않고