이사 종류와 방식을
카드로 선택
원룸이사·투룸이사·가정이사·일반화물·사무실이사·상담후 결정 6가지 이사 종류를 그림 카드로 보여 주고, 다음 단계에서 단순운송·도움이사·반포장이사·포장이사 중 원하는 방식을 고르게 했습니다. 방식마다 "짐은 직접 나를게요, 운전만 해주세요"처럼 고객 입장의 설명을 붙였습니다.
용달이사 참 잘하는집 이사 견적 신청 개발
홈페이지 유지보수 중 새로 만든, 선택부터 접수 알림까지 이어지는 단계별 이사 견적 신청
- 클라이언트명
- 용달이사 참 잘하는집 · 용참
- 기술
- PHP · MySQL · JavaScript · jQuery · 카카오 로컬·모빌리티 API · 카카오 알림톡 · 다음 우편번호 서비스
- 프로젝트 유형
- 이사 홈페이지 유지보수 · 견적 신청 기능 개발
- 담당 범위
- 견적 신청 화면 · 접수 처리 · 알림톡·문자 연동 · 관리자 접수 관리
- 주요 기능
-
- 이사 종류 6가지 · 이사 방식 4가지 · 단계별 진행률 표시
- 출발지·도착지 주소 검색 · 거주 형태·평수·층수·운반 방식 선택 · 손 없는 날 달력
- 짐 사진 등록 · 도로 거리 자동 계산 · 고객 알림톡·관리자 문자 · 접수 내역 관리
- 프로젝트 개요
-
- 용달이사 참 잘하는집(용참)은 원룸·투룸·가정이사부터 가전·가구 운반, 사무실 이사까지 맡는 용달이사 업체입니다.
- 웹셀러는 운영 중인 홈페이지의 유지보수를 맡아, 이사 견적 문의를 받는 단계별 견적 신청 기능을 새로 만들었습니다.
- 고객이 이사 종류와 방식, 출발지·도착지, 날짜, 짐 내용을 차례로 입력하면 접수와 함께 거리 계산, 고객 알림톡, 관리자 문자가 이어지도록 연결했습니다.
- 개발 목표
-
- 견적에 필요한 정보를 한 화면에 몰아 묻지 않고 한 단계씩 나눠, 고객이 끝까지 입력하기 쉽게 합니다.
- 운영자가 전화 상담 전에 이사 조건과 거리, 짐 사진을 미리 확인하고 견적을 안내할 수 있도록 합니다.
DESIGN SYSTEM
primary Color
secondary Color
text Color
Kor
Pretendard
Eng
Pretendard
견적 신청 화면
전화로 묻던 이사 조건을,
한 단계씩 고르며 남기도록
이사 견적에는 이사 종류와 방식, 양쪽 집의 층수와 운반 방식, 날짜, 짐의 양처럼 확인할 내용이 많습니다. 이 항목을 단계별 선택 화면으로 나눠 고객은 버튼을 눌러 고르고, 운영자는 견적에 필요한 정보를 빠짐없이 받도록 했습니다.
-
단계별 견적 신청
이사 종류 → 이사 방식 → 출발지·도착지 → 이사 날짜 → 짐 내용·사진 → 고객 정보 순서로 나누고, 진행률 막대로 남은 단계를 보여 줍니다.
-
눌러서 고르는 이사 조건
거주 형태, 평수, 층수, 운반 방식은 직접 적지 않고 선택 창에서 눌러 고르도록 해 접수되는 정보의 형식을 맞췄습니다.
-
접수 즉시 알림
견적이 접수되면 고객에게는 접수 내용을 정리한 카카오 알림톡이, 관리자에게는 새 문의 문자가 바로 발송됩니다.
견적 신청 화면부터
접수 알림과 관리자 확인까지
고객이 보는 신청 화면만 바꾼 것이 아니라, 접수된 내용을 저장하고 거리를 계산해 알림을 보내는 처리와 운영자가 접수 내역을 관리하는 화면까지 하나의 흐름으로 만들었습니다.
이사 종류와 방식을
주소 검색과
양쪽 집 조건 입력
출발지와 도착지는 우편번호 주소 검색으로 입력하고, 지하부터 24층 이상까지의 층수와 계단·엘리베이터·사다리 중 운반 방식을 고릅니다. 가정이사를 고른 경우에만 출발지의 거주 형태(주택·빌라·오피스텔·아파트)와 평수 항목이 나타나 필요한 질문만 보이게 했습니다.
음력으로 계산한
손 없는 날 달력
이사 날짜 달력은 지난 날짜를 흐리게 처리해 고를 수 없게 하고, 음력 날짜 끝자리가 9·0인 손 없는 날에 빨간 점을 표시합니다. 월말과 손 없는 날은 예약이 몰린다는 안내와 함께, 다른 날을 고르면 비용 부담을 줄일 수 있다는 문구를 넣었습니다.
짐 내용 입력과
사진 끌어다 올리기
짐 내용은 글로 적고, 필요하면 사진을 끌어다 놓거나 눌러서 여러 장 올릴 수 있습니다. 같은 사진을 두 번 올리면 걸러 내고, 올린 사진은 접수 내역과 함께 저장돼 운영자가 짐의 양을 미리 볼 수 있습니다.
도로 거리 계산과
알림톡·문자 발송
접수되면 카카오 주소 검색으로 출발지·도착지 좌표를 구하고 카카오모빌리티 길찾기로 실제 도로 거리를 계산합니다. 고객에게는 이사 방법·날짜·출발지·도착지·짐 내용·거리를 정리한 카카오 알림톡이, 관리자에게는 새 견적 문의 문자가 발송됩니다.
관리자 접수 내역
검색과 처리 상태 관리
관리자 화면에서 견적 신청을 이름·연락처로 검색하고 엑셀로 내려받을 수 있습니다. 상세 화면에서는 이사 조건과 계산된 거리, 올라온 사진을 확인하고 접수중·상담중·접수 완료로 처리 상태와 상담 메모를 남깁니다. 오래된 사진은 기간을 정해 한 번에 정리할 수 있습니다.
전화로 받던 견적 문의,
홈페이지에서 먼저 받아 보세요.
고객이 조건을 직접 고르는 단계별 견적 신청이 필요하신가요?
운영 중인 홈페이지에 맞춰 견적 신청과 알림, 관리자 기능을 연결해 드립니다.
지금 웹셀러에 상담하세요.
카카오 1:1 문의