홍트리Biz트럭 택배 트럭 판매 플랫폼 > 포트폴리오

홍트리Biz트럭은 택배기사 소통카페가 공식 인증한 택배 전용 트럭 신차 판매 서비스였습니다.
택배용 탑차는 일반 화물차와 사양이 달라 기사님들이 내 노선에 맞는 차를 비교하기 어려웠고, 상담 내용도 전화로만 오가며 매번 다시 설명해야 했습니다.
그래서 차량 탐색과 상담 접수, 출고 관리를 하나로 잇는 판매 플랫폼으로 범위를 정의하였습니다.

설계를 '차량부터 고르기', '한 번에 상담 접수', '관리자 실시간 연동' 세 축으로 압축했습니다.
기존 보험 사이트와 같은 Next.js 애플리케이션 위에서 접속 도메인으로 차량 사이트를 분기해, 회원·게시판·알림 인프라를 그대로 공유하도록 구성했습니다.
덕분에 별도 시스템 없이 차량 판매만의 화면과 업무 흐름에 집중할 수 있었습니다.

차량은 '쉽게' 고르고, 상담은 '빠르게' 접수되며, 출고까지 '든든하게' 챙겨 드리는 것을 세 가지 원칙으로 세웠습니다.
현장에서 휴대폰으로 찾아보는 기사님이 대부분이라 모든 화면을 모바일 기준으로 다시 배치했고, 대표번호와 상담 버튼은 어느 페이지에서든 바로 닿도록 고정했습니다.

메인은 대표번호 배너 바로 아래에 '내 차 선택하기'를 두어 첫 스크롤에서 차량 탐색이 시작되도록 설계했습니다.
이어서 업종별 추천, 홍트리비즈트럭 영상, 실제 출고사례와 제휴 파트너사를 차례로 배치해 신뢰의 근거를 쌓았습니다.
카카오톡 상담과 고객센터 안내로 마무리해 어디서든 문의로 이어지게 했습니다.

차량 선택 영역은 특장·3밴·제조사 OEM 크기 탭과 내장탑·윙바디·냉장냉동 등 사양 필터, 차명 검색을 한 곳에 묶었습니다.
탭과 차량 카드는 하드코딩 없이 관리자의 트럭 카테고리·상품 데이터를 그대로 읽어, 이름이나 순서를 바꾸면 사이트에 바로 반영되도록 캐시 무효화까지 연결했습니다.
카드의 상담신청 버튼은 선택한 차량 정보를 상담 폼으로 넘겨줍니다.

특장 서비스 페이지는 도어 형태·윙바디·냉동냉장탑·축연장 옵션을 서로 조합할 수 있는지 O/X 매트릭스로 먼저 보여주도록 설계했습니다.
표는 화면 낭독기에서도 '가능'과 '불가'로 읽히게 했고, 좁은 화면에서는 본문 대신 표만 가로로 스크롤되게 처리했습니다.
아래 탭에서는 사양별 실제 차량 사진을 갤러리로 비교할 수 있게 구성하였습니다.

상담 폼은 지역·이름·연락처와 '신규 예정자', '현직 경유차·EV·LPG' 기사 유형만 필수로 받아 입력 부담을 줄였습니다.
차량 카드에서 들어오면 선택 차량이 자동으로 채워지고, 약관 보기는 새 탭으로 열어 작성 중인 내용이 사라지지 않게 했습니다.
접수 건은 CSRF 검증을 거쳐 관리자 상담 목록에 바로 등록되며 담당자에게 알림이 발송되도록 구현하였습니다.

홍트리 소개 페이지는 빠른 상담, 택배인만을 위한 서비스, 합리적인 견적이라는 핵심가치를 사진과 교차 배치해 설명했습니다.
홍트리 소식은 공지사항·영상·트럭 판매 출고사례를 탭 하나로 묶었고, 출고사례는 차종과 사양을 제목에 담아 목록만 보고도 원하는 사례를 고를 수 있게 했습니다.
실제 출고 기록이 쌓일수록 신뢰가 커지는 구조를 만들었습니다.

모바일에서는 메뉴를 햄버거로 접고 대표번호 배너를 세로로 재배치해 첫 화면에서 바로 전화를 걸 수 있게 했습니다.
차량 카드는 한 장씩 넘기는 슬라이드로, 사양 필터는 두 줄 그리드로 바꿨고, 상담 폼 입력란은 한 줄에 하나씩 쌓아 엄지로 채우기 쉽게 했습니다.
모든 버튼은 44px 이상의 터치 영역을 확보하였습니다.