운송 & 모빌리티개발 중

Résacar

단체 운송 마켓플레이스: 어려운 점은 견적을 비교 가능하게 만드는 것입니다.

연도
2026
제작 기간
진행 중
기술 스택
React · TypeScript · Tailwind · Vercel
  • 프로덕트 디자인
  • 디자인
  • 개발
  • 파트너 공간
개발 중…
Résacar 웹사이트 메인 페이지 — 운송 & 모빌리티, Kayzen Web 제작
모든 파트너 공통 견적 양식
1
개발
진행 중
출발점

해결해야 했던 과제.

배경

Résacar는 단체 이동이 필요한 고객과 운송사를 연결하는 플랫폼으로, 현재 개발 중입니다. 견적 비교, 파트너 공간, 예약 퍼널로 구성됩니다.

제약

마켓플레이스에서 가치는 비교 가능성에서 나옵니다. 그런데 전세버스 견적 두 개는 거의 비교할 수가 없습니다. 한쪽은 기사 식사비를 포함하고 다른 쪽은 포함하지 않습니다. 한쪽은 대기 시간에, 다른 쪽은 주행 거리에 요금을 매깁니다. 표준화 없이는 비교 도구가 아무것도 비교하지 못합니다.

해법

모든 파트너에게 단일 견적 양식을 적용했습니다. 같은 항목, 같은 포함 내역, 같은 계산 방식. 운송사는 자유 텍스트가 아니라 정해진 표를 채웁니다. 가입 단계에서는 더 번거롭지만, 비교 도구를 정직하게 만드는 유일한 방법입니다.

디자인 & 아트 디렉션

모든 선택에는 이유가 있습니다.

  1. 표준화된 견적표

    모든 운송사에 동일한 항목, 명시적인 포함 내역. 요청자는 문단이 아니라 행을 비교합니다.

  2. 여러 단계로 나눈 요청

    요청을 진행 상황이 보이는 짧은 단계로 나눴습니다. 긴 양식에서는 진행 표시가 이탈과 완료를 가르는 요소입니다.

  3. 현장을 위한 파트너 공간

    운송사는 운행과 운행 사이에 휴대폰으로 응답합니다. 응답 화면은 한 화면 안에 들어갑니다.

프로젝트 색상 팔레트

  • 딥 블루

    #1B3A5C

    아이덴티티

  • 액션 그린

    #1F7A54

    확인, 견적 도착

  • 라이트 그레이

    #F4F6F8

    배경

  • 잉크

    #1A1E23

    텍스트

타이포그래피 체계

제목용 서체

Outfit 700

본문용 서체

Inter 400

모든 금액은 고정폭 숫자로 표시합니다. 가격 열이 정렬되지 않은 비교 도구는 읽을 수 없고, 따라서 쓸모가 없습니다.

엔지니어링

보이지 않는 곳의 기술.

  • React
  • TypeScript
  • Tailwind
  • Vercel
  1. 타입이 지정된 견적 모델

    견적표는 서버 측에서 검증되는 스키마입니다. 규격에 맞지 않는 견적은 나중에 고치는 대신 입력 단계에서 거부됩니다.

  2. 양측 알림

    운송사에게는 새 요청을, 요청자에게는 새 응답을 알립니다. 마켓플레이스에서는 응답 시간이 서비스의 생존을 결정하는 지표입니다.

검색엔진 최적화

사이트가 검색되는 방식.

  1. 비교 검색어

    “전세버스 견적 비교”, “단체 버스 대여 가격”. 비교하려는 의도가 곧 이 제품의 약속입니다.

사이트 구조

납품한 결과물.

  • 홈 — 견적 요청
  • 응답 비교
  • 파트너 공간
  • 예약 현황 조회
  • 도움말
방법론

프로젝트 진행 과정.

  1. 견적 모델

    항목과 포함 내역 표준화.

  2. 디자인

    단계별 요청, 비교 도구, 모바일 파트너 공간.

  3. 진행 중

    알림, 예약 현황 조회.

질문

자주 받는 질문.

제각각인 견적을 나열하는 비교 도구는 아무 도움이 되지 않기 때문입니다. 요청자가 무엇이 포함되었는지 알기 위해 전부 다시 읽어야 합니다. 입구에서의 제약은 출구에서의 유용성을 위한 대가입니다.

같은 수준의 기준을, 귀하의 사이트에도.

현재 사이트 무료 진단, 24시간 이내 견적, 그리고 방금 읽으신 것과 같은 서면 분석을 제공합니다. 3회 무이자 분할 결제가 가능하며, 이용 가능한 지역 지원금은 계약 전에 확인합니다.

공유