1. 개요

견적 요청과 분석 보고서 요청은 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 견적 조회에 그대로 남아 있습니다.

범위 밖: 견적서 메일 발송, 영업 담당자용 관리 화면(요청 상태 변경·회신), 야드 운영 시스템의 관제·게이트 인식 기능(소개 화면만 만듦).

2. 과제

1. B2B 구매자는 "우리 거점이면 얼마나"를 먼저 묻는다.

평균 수치만으로는 내부 보고를 못 합니다. 자기 거점 조건을 넣어 금액으로 보여 줘야 합니다.

2. 요청서가 부실하면 첫 통화가 조건 확인으로 끝난다.

거점 수·게이트 수·하루 반입 트럭·화물 종류·필요한 기능을 요청 단계에서 받아야 합니다.

3. 도입 검토는 여러 사람이 몇 주에 걸쳐 한다.

보낸 요청과 그때의 계산 결과를 번호로 다시 찾아 내부에 공유할 수 있어야 합니다.

3. 화면 구조

소개와 계산, 견적 요청은 첫 화면 한 페이지에서 이어집니다. 계산기 결과는 분석 보고서 요청과 견적 요청서로 그대로 옮겨집니다. 견적 조회는 주소(#/quotes)가 따로 있는 화면이라 뒤로 가기로 닫히고, 새로고침해도 그 자리에 머뭅니다.

4. 주요 기능

절감액 계산기

게이트 수·교대 수·하루 반입 트럭·교대당 인력·시간당 인건비·대기 비용 수준을 바꾸면 연간 절감액과 절감률, 항목별 금액이 바로 다시 계산됩니다. 결과 아래에서 분석 보고서를 이메일로 요청하면 계산 당시 금액과 함께 저장됩니다.

계산 조건 그대로 견적 요청

"이 조건으로 도입 견적 요청"을 누르면 계산기의 게이트 수·트럭 수가 요청서로 옮겨집니다. 도입 단계 카드(첫 거점·확장·전체 도입)를 누르면 필요한 기능이 미리 골라집니다. 화물·기능·도입 시기를 바꾸면 예상 월 이용료가 즉시 다시 계산됩니다.

견적 조회 — 취소·조건 바꿔 다시 요청

보낸 요청이 최근 순으로 쌓이고, 회사·거점 조건·화물·기능·예상 월 이용료·첨부한 절감액·상태를 정리합니다. 견적번호나 이메일로 찾을 수 있고, 요청 취소와 "조건 바꿔 다시 요청"이 됩니다. 분석 보고서 요청 기록도 같은 화면 아래에 모입니다.

스크롤 따라 바뀌는 설명

스크롤하면 게이트·야드·도크·교대 네 단계 설명에 맞춰 사진이 바뀌고 단계 번호(01/04)가 따라갑니다. 기능 구성 카드는 좌우 버튼·탭·손가락 넘기기로 이동합니다.

• 입력 확인과 견적번호이름·연락처·이메일·회사는 필수이고 연락처·이메일은 형식까지 확인합니다. 기능을 하나도 고르지 않으면 보내기 전에 알려 줍니다. 보내면 견적번호(YD-날짜-순번)가 나오고, 절감액 계산 결과를 함께 보낼지 고를 수 있습니다.
• 메뉴와 하위 메뉴PC에서는 떠 있는 메뉴 막대에 하위 메뉴가 펼쳐지고, 휴대폰에서는 메뉴가 접혔다가 하위 메뉴까지 한 화면에 펼쳐집니다.

5. 기술

6. 검수

PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)

동작 시험 15가지: 메뉴 열기 · 절감액 계산기 입력 반영 · 분석 보고서 요청 저장 · 계산기 조건으로 견적 요청 채우기 · 도입 단계 카드로 기능 선택과 이용료 재계산 · 빈 칸 안내 · 기능 미선택 안내 · 견적 요청 저장과 견적번호 발급 · 견적 조회에서 확인 · 새로고침 뒤 견적·보고서 요청 유지 · 견적번호·이메일로 조회 · 견적 요청 취소 · 조건 바꿔 다시 요청 · 기능 구성 넘기기 · 자주 묻는 질문 탭과 펼치기

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준으로 세 번 측정해 같은 값)

휴대폰: 첫 화면 표시 2.3초 · 가장 큰 요소 표시 3.2초 · 화면 흔들림 0 · 입력 막힘 0ms PC: 첫 화면 표시 0.5초 · 가장 큰 요소 표시 0.6초 · 화면 흔들림 0 · 입력 막힘 0ms

7. 결과