입주올인원 홈페이지 구축

상담 접수부터 A/S까지 관리하는 입주 시공 플랫폼

SCROLL
클라이언트명
입주올인원 · IPJU ALL IN ONE
기술
WordPress · Elementor · PHP · HTML5 · CSS3 · JavaScript
완료일
프로젝트 유형
서비스 플랫폼 홈페이지 · 상담 접수 · 반응형 웹
담당 범위
기획 · 디자인 · 개발
주요 기능
  • 서비스 소개 · 진행방식 8단계 · 시공품목 20개 안내
  • 상담신청 · 업체 제휴문의(서류 첨부) · 자동입력 방지 · 메일 알림
  • 관리자 접수 목록 · 상태 10단계 관리 · 엑셀 내려받기 · 페이지별 검색 정보
프로젝트 개요
  • 입주올인원은 입주를 앞둔 고객의 상담을 받아 검증업체에 견적을 요청하고, 견적 검토·시공확인·A/S 조율까지 함께 관리하는 입주 시공 서비스입니다.
  • 사전점검, 청소, 줄눈, 도배처럼 품목마다 업체를 따로 찾아야 하는 번거로움을 한 번의 상담으로 해결하는 서비스 구조를 방문자가 한눈에 이해하도록 홈페이지를 구축했습니다.
개발 목표
  • 복잡한 진행 과정을 단계별로 보여 주고, 무료 상담 신청으로 자연스럽게 이어지게 합니다.
  • 고객 상담과 업체 제휴문의를 홈페이지에서 받아, 운영자가 관리자 화면에서 진행 상태까지 관리하도록 합니다.
홈페이지 바로가기

DESIGN SYSTEM

primary Color
secondary Color
text Color
Kor Pretendard
Eng Pretendard

WEB DESIGN

입주올인원 홈페이지 메인 화면 디자인
입주올인원 홈페이지 서비스 소개 화면 디자인
입주올인원 홈페이지 진행방식 안내 화면 디자인
입주올인원 홈페이지 시공품목 안내 화면 디자인

입주 시공,
전체를 봐 주는 곳이 없던 문제에서 출발

입주를 앞두면 품목마다 업체를 직접 찾고, 견적이 적정한지와 시공·A/S까지 고객이 스스로 확인해야 합니다. 입주올인원이 이 과정을 대신 관리한다는 점이 한 번에 전달되도록 화면 흐름을 설계하고, 상담 접수부터 운영자의 진행 관리까지 홈페이지 안에서 이어지게 만들었습니다.

  • 단계로 보여 주는 서비스

    상담 접수부터 최종 정산까지 8단계 진행 과정을 번호와 설명으로 정리해, 고객이 상담 후 무엇이 진행되는지 미리 알 수 있게 했습니다.

  • 고객과 업체, 두 갈래 접수

    고객은 상담신청으로, 시공업체는 업체 제휴문의로 들어오도록 입구를 나누고, 각각 필요한 항목만 받도록 신청서를 따로 만들었습니다.

  • 접수 후 진행 관리

    접수된 상담은 관리자 화면에서 신규접수부터 완료까지 10단계 상태로 관리하고, 목록을 엑셀로 내려받을 수 있게 했습니다.

서비스 소개와 상담 접수,
운영 관리까지 이은 홈페이지

상단 메뉴를 서비스 소개, 진행방식 안내, 시공품목 안내, 상담신청, 업체 제휴문의로 구성했습니다. 화면은 워드프레스와 엘리멘터로 만들어 운영자가 문구를 고칠 수 있게 하고, 신청서와 관리자 기능은 사이트 전용 기능으로 따로 개발했습니다.

서비스 소개

업체 탐색, 견적·시공 확인처럼 고객이 겪는 어려움을 먼저 짚고, 입주올인원이 상담 접수부터 견적 검토, 시공확인과 A/S 조율까지 전 과정을 관리한다는 점을 단계별로 소개했습니다.

진행방식 안내

고객 상담 접수, 검증업체 견적 요청, 견적서 검토, 고객 견적 확인, 시공, 시공확인과 A/S 조율, 최종 정산까지 단계마다 입주올인원이 하는 일을 적었습니다. 아직 제공하지 않는 안전결제는 ‘향후 적용 예정’으로 구분해 표시했습니다.

시공품목 안내

입주청소, 줄눈, 도배, 시스템에어컨, 사전점검, 이사 등 시공품목 20개를 번호가 붙은 카드로 정리하고, 품목마다 어떤 시공인지 한두 줄로 설명했습니다.

상담신청

이름, 연락처, 지역, 입주 예정일, 주거형태, 평수, 관심 시공품목 등을 받는 신청서를 만들었습니다. 빠진 칸은 그 칸 아래에 안내하고 첫 오류 칸으로 화면을 옮겨 주며, 제출하면 홈페이지에 저장되면서 담당자 메일로도 알림이 갑니다.

업체 제휴문의

업체명, 사업자등록번호, 활동 지역, 시공 가능 품목, 품목별 A/S 제공기간을 받고 사업자등록증과 시공사례 파일을 첨부하도록 했습니다. 고객보호 및 A/S 이행 기준에 동의해야 접수되며, 첨부 파일은 외부에서 주소로 열 수 없는 곳에 보관합니다.

자동입력 방지와
중복 접수 방지

외부 서비스 가입 없이 쓰는 간단한 덧셈 문제, 사람 눈에 보이지 않는 입력칸, 너무 빠른 제출 거르기를 함께 적용했습니다. 제출 버튼은 한 번만 눌리게 잠그고, 완료 화면에서 새로고침해도 같은 내용이 다시 접수되지 않게 했습니다.

관리자 접수 관리

워드프레스 관리자에 상담 접수 목록, 상담 상세·상태 변경, 업체 제휴문의 목록 화면을 추가했습니다. 검색과 상태별 걸러보기, 상태별 색 구분, 엑셀 내려받기를 지원합니다.

검색 정보와
운영 문서

페이지마다 검색 결과에 나올 제목과 설명을 따로 넣었습니다. 이용약관과 운영 문서는 로그인한 관리자만 열리는 페이지로 두고, 보내준 문안의 따옴표나 붙임표가 자동으로 바뀌지 않도록 막았습니다.

서비스 소개와 상담 접수, 접수 후 진행 관리를 한곳에서 해야 하는 홈페이지가 필요하신가요?
서비스 구조와 운영 방식에 맞는 홈페이지 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.

카카오 채널 카카오 1:1 문의