11번가 검색 서비스의 프런트엔드 개선

11번가 검색 서비스는 사용자의 클릭 및 구매 전환율을 기반으로 탐색 경험을 향상시키기 위해 지속적으로 발전하고 있습니다. 이 글에서는 검색 결과 페이지의 구조를 민첩성과 유연성을 갖춘 형태로 개선하는 과정을 다룹니다. 검색 서비스의 PC와 모바일 코드가 상반된 설계 스타일을 가지고 있어 통합에 대한 고민이 필요했습니다. 이를 해결하기 위해, 품질 높은 코드와 검색 서비스 특성에 적합한 컴포넌트를 설계하는 경험을 공유합니다.

상품 유형

• 리스팅: 여러 상품을 나열하는 표준 UI로, 상품 특성을 플래그나 텍스트 형태로 표시합니다.
• 컬렉션: 특정 목적에 따라 상품을 큐레이션하여 다양한 형태로 보여주는 UI입니다.