바이크 부품 구매의 전 과정을 온라인으로 옮긴 부품 커머스 구축 인천혼다 부품몰

프로젝트 개요

01고객사 및 배경
혼다 모터사이클 인천딜러는 Honda 이륜차의 판매와 정비, 부품 공급을 맡고 있습니다. 그동안 부품 구매는 유선 발주와 매장 방문, 카카오톡 채널 주문으로만 가능해 재고 확인부터 상담, 결제까지 모두 영업시간 안에 묶여 있었고, 필요한 순간에 바로 부품을 확인하거나 주문하기 어려웠습니다.
02사이트 목적
영업시간과 전화에 묶여 있던 부품 구매를 24시간 온라인으로 옮기는 것이 목적입니다. 차종별 도면으로 부품을 직접 찾고 재고를 확인해 주문까지 마칠 수 있도록 하고, 정비업체 같은 기업회원에게는 전용 가격과 고객 · 보험사 관리 기능을 더해 반복 거래를 돕습니다.

메인페이지 & 핵심 콘텐츠

모델 · 연식 · 컬러로 좁혀가는 부품 조회

배기량 · 모델명 · 차대번호 · 연식 · 컬러 필터를 좌측에 고정해, 조건을 바꿔가며 결과 목록을 바로 비교할 수 있습니다.
같은 모델이라도 연식을 이름 앞에 붙이고 컬러 칩을 함께 보여줘 비슷한 카드 사이에서도 내 차량을 정확히 고를 수 있습니다.

도면 번호로 고르는 부품 선택

좌측 도면과 우측 부품 리스트를 번호로 연결해, 부품을 선택하면 도면 위 위치가 레드로 강조됩니다.
부품마다 정비 시 필요 수량과 매장재고 · 해외재고, 정가 · 할인율 · 판매가를 함께 보여주고 선택 합계를 하단에서 즉시 계산합니다.

차종별 장바구니와 한 장의 주문서

여러 대의 부품을 한 번에 담아도 헷갈리지 않도록 장바구니를 차종 · 연식 · 컬러 단위로 묶고, 견적서 출력을 지원합니다.
주문서에서는 택배 · 퀵 · 직접 수령과 가상계좌 · 현금영수증을 한 화면에서 처리하고, 완료 화면에 입금 기한과 계좌를 요약합니다.

주문 이후까지 이어지는 마이페이지

직접 · 국내 · 해외 수령 주문 건수를 대시보드 상단에 두고, 주문 단위로 상태 라벨과 교환 / 반품 신청 버튼을 배치했습니다.
기업회원에게는 고객 관리 · 보험사 관리 메뉴를 더해 정비 현장의 반복 업무를 한곳에서 처리하도록 했습니다.

디자인 컨셉 & UI

브랜드의 무드는 메인에,
정보의 선명함은 내부에

블랙과 화이트를 기본으로 두고, 레드는 선택 · 할인 · 입금 대기처럼 사용자의 행동이 필요한 순간에만 사용했습니다. 주문 상태는 컬러로 구분해 진행 단계를 한눈에 알아볼 수 있도록 했습니다.