가방 디지털 쇼룸
디지털 쇼룸웹 사이트 구축
service
overview
가방에 사용되는 플라스틱 부품을 바이어에게 소개하는 디지털 쇼룸입니다. 가방 이미지에서 부품의 위치를 선택해 제품을 탐색하고, 상세 사양을 확인한 뒤 이메일 문의로 이어질 수 있도록 구성했습니다. PC·모바일 쇼룸과 제품·카테고리 관리 화면을 함께 설계해, 제품을 찾는 바이어와 정보를 관리하는 담당자의 사용 흐름을 담았습니다.
project goal
수많은 부품을 단순히 나열하기보다, 어디에 쓰이는 제품인지 이해하며 찾을 수 있는 쇼룸을 목표로 했습니다. 가방 이미지 기반 탐색과 유형별 목록을 함께 제공해 제품에 익숙하지 않은 바이어도 원하는 부품에 접근할 수 있도록 했습니다. 운영 측면에서는 제품 정보와 분류를 담당자가 직접 관리하는 흐름을 구성해, 제품이 늘어나도 지속적으로 운영할 수 있는 화면을 설계했습니다.
가방 이미지에서 시작하는 직관적인 부품 탐색
첫 화면에 가방 이미지와 유형 선택 메뉴를 배치해 쇼룸을 바로 탐색할 수 있도록 구성했습니다. 핸들, 버클, 조절 장치 등 부품이 사용된 위치에 이름과 선택 지점을 표시해, 제품의 쓰임과 형태를 함께 이해하도록 했습니다. 부품명을 정확히 알지 못해도 가방에서 필요한 위치를 선택해 해당 제품으로 이동하는 탐색 흐름을 설계했습니다.
제품 탐색부터 사양 확인과 문의까지 이어지는 흐름
부품 유형과 소재 등의 조건으로 제품을 좁혀 보고, 이미지와 제품 코드를 비교하며 원하는 항목을 찾을 수 있도록 목록을 구성했습니다. 상세 화면에서는 제품 이미지와 규격·소재 정보를 함께 확인하고, 관련 제품도 살펴볼 수 있도록 했습니다. 확인한 제품을 바탕으로 이메일 문의를 이어갈 수 있게 연결해, 바이어의 검토 과정이 상담으로 자연스럽게 이어지도록 설계했습니다.
담당자가 직접 제품을 정리하고 관리하는 운영 화면
제품 목록에서 검색과 필터로 수정할 항목을 찾고, 선택한 제품의 이미지·명칭·사양을 편집할 수 있도록 구성했습니다. 제품과 카테고리의 노출 상태를 구분하고, 카테고리 등록과 순서 변경을 통해 제품 분류를 정리할 수 있도록 했습니다. 개발 지식이 없는 담당자도 반복되는 등록·수정 작업을 이해하기 쉽도록 목록과 편집 영역을 연결한 관리 화면을 설계했습니다.
