WEB

배유플

배유플은 버스·화물·택시 등 상용차에 쓰이는 배터리를 제조사와 용도로 찾아 거래하는 B2B 플랫폼입니다. 똑똑한개발자는 사업자 인증이 포함된 회원가입부터 차량 필터와 상품 상세, 마이페이지까지 웹 화면 전체를 작업했습니다.

LaunchAug, 2024
Client피엠그로우

복잡한 멀티스텝 플로우 설계력 — 회원가입/온보딩

상용차 배터리 거래 플랫폼 특성상 사업자 인증, 이메일 인증 등 검증해야 할 정보가 많았습니다. 단순히 입력창을 나열하는 대신, 약관 동의 → 정보 입력 → 이메일 인증(전송/입력/완료) → 가입 완료까지 각 단계의 진행 상태와 예외 케이스(재전송, 인증 실패, 완료 모달)를 세분화해 설계했습니다. 사용자가 지금 몇 단계에 있는지, 다음에 무엇을 해야 하는지 항상 명확하게 인지할 수 있도록 만든 것이 핵심입니다.

도메인 특화 필터링/정보구조 설계 — 차량 필터 & 상품 상세

상용차 배터리 시장은 버스·화물·택시·비영업용 등 차량 용도에 따라 필요한 정보와 구매 결정 기준이 완전히 다릅니다. 이 시안에서는 제조사/모델을 좁혀가는 5단계 드릴다운 필터를 설계하고, 상품 상세페이지도 용도별로 콘텐츠 구성을 다르게 분기했습니다. 일반적인 쇼핑몰 UI를 그대로 가져오지 않고, 실제 구매자의 의사결정 과정을 관찰해 정보구조에 반영한 사례입니다.

통합 계정/마이페이지 생태계

거래 플랫폼의 완성도는 첫 화면이 아니라 재방문했을 때 드러난다고 생각합니다. 거래문의내역, 1:1 문의내역, 관심 제조사 설정, 공지사항, 계정 설정까지 — 사용자가 서비스를 지속적으로 사용하며 마주치는 모든 접점을 하나의 마이페이지 구조 안에 통합 설계했습니다. 개별 화면이 아니라 서비스 전체의 정보 위계를 다뤘다는 점에서 단발성 UI 작업과 차별화됩니다.

📌 이 작업의 포인트
  • 018단계 이상의 인증 절차를, 사용자가 지치지 않고 끝까지 완주하도록 설계
  • 02"제조사 → 모델 → 용도"라는 업계의 사고방식을, 5단계 필터와 용도별
  • 03한 번의 거래로 끝나지 않는 서비스를 위해, 계정·문의·관심 정보를 아우