하루말끔
청소 견적 · 예약 홈페이지
- 화면 수11개
- 지원 화면PC · 모바일
- 관리자 기능준비됨
- 관리형 구축그누보드5
- 사이트 유형서비스 예약 홈페이지, 견적 계산기
- 로고 · 글 · 사진을 고객사 내용으로 바꿔 제작
- PC · 모바일 반응형, 개발 주소에서 확인 후 오픈
- 계약 · 결제 · 진행 상황은 서비스관리에서 확인
제작 방식 고르기
기본형
화면은 그대로, 내용만 우리 회사로
- 시안의 화면 구성 그대로 (화면 11개)가격 기준: 화면 10~15개 → 기본형 49만원
- 로고 · 대표 색 · 글 · 사진을 고객사 것으로 교체
- PC · 태블릿 · 모바일 반응형
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 시안 확인 후 수정 2회화면 추가 1개당 5만원 · 배치 · 구성 변경 상담 후 견적 (관리형도 같음)
- 관리자 화면 없음오픈 후 글 · 사진을 바꿀 때는 요청해 주시면 반영합니다
- 문의 · 예약 · 주문 · 결제 · 신청은 화면만 제공입력해도 실제로 접수 · 처리되지 않습니다. 실제로 동작해야 하면 관리형으로 진행합니다
관리형
관리자 화면에서 직접 운영
- 기본형 내용 모두 포함
- 구축 방식: 그누보드5
- 관리형 · 화면 11개69만원관리자 로그인 · 게시판(공지 · 후기 · 사례 · 갤러리) · 팝업, 문의 · 신청 폼 실제 접수와 접수 내역 관리(상태 · 메모 · 검색 · CSV), 화면 문구 · 숫자 · 노출 설정
- 관리자가 미리 만들어져 있어 제작 기간이 짧습니다준비된 관리자 메뉴: 예약 관리 / 배정 달력 / 재방문(AS) 요청 / 견적 · 요금 설정 / 서비스 지역 설정 / 오픈 알림 신청 / 휴무일 · 운영 설정 / 매니저 지원자
- 관리자 계정 전달 · 사용 방법 안내
- 예약 시스템+50만원작업일 · 시간대 예약, 권역별 팀 수(정원) · 배정 달력 · 휴무일, 재방문(AS) 요청
- 자동 계산기 단가 관리+20만원평수 · 구조 · 오염도 · 할증 견적 계산, 같은 요금표로 예약 금액 계산
추가하지 않은 기능의 화면(예약 · 계산기 등)은 문의 폼 · 전화 · 네이버 예약 연결로 바꾸거나 뺍니다
가격 기준
이미 만든 디자인을 재활용해 맞춤 제작가의 약 60%로 정한 가격입니다. 모든 템플릿이 같은 기준이며, 기본형 · 관리형 모두 화면 수로 정하고 예약 · 계산기 같은 기능은 필요하실 때만 기능별 금액으로 더합니다.
기본형 — 화면만
- 화면 9개 이하29만원
- 화면 10~15개49만원
- 화면 16개 이상59만원
- 국 · 영문59만원
관리자 없이 화면만 만들고, 문의 · 예약 · 주문은 화면만 제공합니다
관리형 — 관리자 포함
- 화면 4개 이하39만원
- 화면 5~9개49만원
- 화면 10~15개69만원
- 화면 16개 이상79만원
- 국 · 영문89만원
- 쇼핑몰 (영카트)99만원
- 커스텀 플랫폼180만원부터
그누보드 · 영카트 · 워드프레스로 구축하는 템플릿은 위 금액, Next.js · 라라벨 · 전자정부 프레임워크 · CodeIgniter 로 구축하는 템플릿은 서버 · 구조가 달라 금액 협의
포함: 관리자 로그인 · 게시판(공지 · 후기 · 사례 · 갤러리) · 팝업, 문의 · 신청 폼 실제 접수와 접수 내역 관리(상태 · 메모 · 검색 · CSV), 화면 문구 · 숫자 · 노출 설정
이 가격에 들어 있는 것 그 밖의 작업은 별도
- 시안의 화면 구성 그대로 — 로고 · 대표 색 · 글 · 사진 · 메뉴 이름 교체, 필요 없는 화면은 빼기
- 연락처 · 지도 · SNS 연결, PC · 태블릿 · 모바일 반응형, 도메인 연결 · https 설정 지원
- 시안 확인 후 수정 2회 · 오픈 후 1개월 하자 무상 수정
- 화면 추가1개당 5만원
- 배치 · 구성 변경상담 후 견적
- 기능 추가아래 표 금액
필요하면 추가하는 기능 고르실 때만 더합니다
- 예약 시스템+50만원달력에서 날짜 · 시간(회차 · 숙박 기간) 선택, 정원 · 마감 · 중복 예약을 서버에서 막음, 휴무일 · 운영시간 설정, 관리자 예약 달력 · 상태 · 담당자 · CSV
- 두 번째 예약 종류+30만원방식이 다른 예약을 하나 더 (예: 진료 시간 예약 + 호텔 숙박 예약), 각각 달력 · 정원 · 요금 관리
- 자동 계산기 단가 관리+20만원견적 · 요금 · 비용 계산기의 단가 · 할증 · 할인을 관리자에서 고치면 계산기 · 가격표 · 접수 금액에 같은 값이 적용 (추가하지 않으면 계산기는 정해 둔 값으로 동작)
- 회원 이용권+30만원회원 로그인, 정액권 · 수강권 · 멤버십 등록, 잔여 횟수 · 금액 차감과 사용 이력
- 고객 전용 화면+50만원로그인한 고객(셀러 · 거래처 · 지원자 · 계약 고객)이 자기 계약 · 청구 · 재고 · 진행 상황을 보는 화면과 관리자 처리 화면
- 쇼핑몰 기능+50만원영카트 쇼핑몰(상품 · 옵션 · 재고 · 장바구니 · 주문 상태 · 무통장 입금 · 적립금 · 쿠폰)을 홈페이지에 붙임
- 정기구독+50만원구독 주기 · 회차별 구성 · 출고일 달력, 건너뛰기 · 일시정지, 마이 구독 (쇼핑몰 기능 필요 · 자동 정기결제는 PG 정기결제 별도)
- B2B 거래+50만원사업자 회원 등급별 단가 · 수량 구간 단가, 품번 일괄 담기 · 정기 발주, 거래명세서 · 세금계산서 정보
- 견적 요청 · 결재+50만원견적 요청(RFQ) → 견적서, 요청자 · 결재자 역할, 상신 · 승인 · 반려, 부서 예산 · 부분 출고
- 시안 확인 · 승인+30만원디자인 파일 업로드, 시안 버전 비교 · 수정 코멘트 · 승인, 승인 후 생산 단계 표시
- 번호 조회+20만원접수번호 · 이력번호 · 코드로 진행 단계 · 이력 · 잔액 조회, 관리자에서 단계 · 이력 입력
- 이벤트 참여 기록+50만원참여 · 응모 기록, 1일 기회 · 중복 참여 차단, 경품함 · 당첨 · 배송 정보 관리
- 추가하지 않은 기능의 화면(예약 · 계산기 등)은 문의 폼 · 전화 · 네이버 예약 연결로 바꾸거나 뺍니다
- 관리자가 준비된 템플릿은 이미 만들어진 기능을 고르시면 바로 적용하고, 템플릿에 없는 기능도 같은 기준으로 더합니다
- 카드결제(PG) 연동은 별도 — 40만원 · 버즈메이커 전담 토스페이먼츠 계약 시 20만원
이런 사이트예요
가상 홈케어 브랜드 '하루말끔'의 청소 견적 · 예약 홈페이지입니다. 스카이블루 · 화이트 · 옐로 톤과 둥근 일러스트 아이콘으로 밝은 생활 앱 느낌을 냈고, 메인 · 서비스 · 서비스 상세(7종 템플릿) · 실시간 견적 계산기 · 작업 약속 · 시공 사례 · 후기 · 서비스 지역 · 예약 신청 · FAQ · 매니저 모집 11페이지로 구성했습니다. 평수 · 구조 · 오염도 · 옵션 · 희망일에 따라 금액 · 인원 · 시간이 바로 바뀌는 견적 엔진을 만들고, 계산한 조건이 단계형 예약 신청서에 자동으로 채워지게 했습니다. 공간별 체크리스트, 전후 비교 슬라이더, 헥스 지역 지도, 달력 예약 UI를 구현했습니다.
이 사이트로 할 수 있는 일
- 조건을 고르는 즉시 금액 · 투입 인원 · 소요 시간이 바뀌는 견적 계산기
- 계산한 조건이 예약 신청서에 자동으로 채워지는 끊김 없는 흐름
- 작업 체크리스트 · 전후 사례 · 서비스 지역으로 맡기기 전 불안 줄이기
화면 구성 11개 화면
- 메인
- 서비스
- 서비스 상세(7종 템플릿)
- 견적 계산
- 작업 약속
- 시공 사례
- 후기
- 서비스 지역
- 예약 신청
- FAQ
- 매니저 모집
주요 기능
- 실시간 견적 계산기: 평수 · 구조 · 오염도 · 옵션 · 주말/성수기 할증 · 얼리 할인 → 금액 · 인원 · 시간
- 계산 결과를 5단계 예약 신청서에 자동 입력(주소 · 저장 값), 달력 · 시간대 선택
- 공간별 체크리스트 체크 UI · 진행률, 시공 전후 비교 슬라이더
- 직접 그린 헥스 지역 지도 → 지역별 가능 서비스 · 가장 빠른 예약일
- 시공 사례 이중 필터 + 상세 모달, 후기 필터 · 별점 분포, FAQ 검색
기능 자세히 보기
실시간 견적 계산기
평수 · 구조 · 오염도 · 옵션 · 희망일을 고르면 할증 · 할인까지 반영한 금액 내역과 투입 인원 · 예상 시간이 바로 계산됩니다.
견적 → 예약 신청 자동 입력
계산기에서 고른 조건이 5단계 예약 신청서에 자동으로 채워지고, 달력에서 주말 할증 · 마감일을 보며 날짜 · 시간대를 고릅니다.
공간별 체크리스트 · 전후 비교
공간 탭별 작업 항목을 눌러 확인하면 진행률이 올라가고, 손잡이를 밀어 같은 자리의 시공 전후를 비교합니다.
헥스 타일 서비스 지역 지도
직접 그린 지역 지도에서 지역을 고르면 운영 상태, 가능한 서비스, 가장 빠른 예약일을 보여 주고 예약 · 견적으로 연결합니다.
관리형(관리자 포함)으로 받으면
관리형으로 받으시면 그누보드5 기반으로 설치되어, 관리자 화면에서 글 · 게시판 · 신청 내역을 직접 관리하실 수 있습니다.
관리자 메뉴 — 하루말끔 관리
- 예약 관리 — 작업일 기간 · 지역 · 서비스 · 상태 필터, 이름 · 연락처 · 예약번호 · 주소 검색, 작업일순/최근 접수순, CSV 다운로드(엑셀용 UTF-8)
- 배정 달력 — 월간(날짜별 시간대 사용 팀 수 · 예약 카드) · 주간(시간대 × 요일, 정원 대비 사용) 보기, 지역 필터, 휴무일은 빗금 · 표시. 카드를 누르면 예약 상세
- 재방문(AS) 요청 — 고객이 예약 조회에서 남긴 요청 목록
- 견적 · 요금 설정 — 화면 견적 계산기 · 메인 바로 견적 · 서비스 상세 · 예약 금액(서버)이 모두 이 값을 씁니다
- 서비스 지역 설정 — 권역 16곳의 상태(운영 · 일부 운영 · 준비 중), 가능 서비스, 최소 리드타임(며칠 뒤부터), 시간대별 팀 수(오전 · 오후 · 저녁 = 정원), 세부 지역 문구, 지도 위치(행 · 열) 등
- 오픈 알림 신청 — 준비 중 지역 신청자 목록, 지역별 오픈 안내 완료 처리 한 번에, CSV 다운로드. 문자 발송은 직접 하셔야 합니다
- 휴무일 · 운영 설정 — 휴무일 : 날짜 + 권역(또는 전체) + 사유. 그 날은 예약 달력에서 닫힙니다(이미 잡힌 예약은 자동 취소되지 않음)
- 매니저 지원자 — 지원서 목록(이름 · 연락처 · 권역 · 경력 · 요일 · 분야 · 메모)
- 바로가기 — 서비스 안내 · 시공 사례 · 고객 후기 · FAQ 관리
게시판
- 서비스 안내
- 시공 사례
- 고객 후기
- 공지사항
- 매니저 지원서
디자인 · 설계 포인트
- 스카이블루 · 화이트 · 옐로 톤과 둥근 듀오톤 아이콘으로 밝은 생활 앱 느낌 표현
- 메인 바로 견적 · 견적 계산기 · 예약 요약이 같은 계산식을 써서 금액이 어긋나지 않게 설계
- 모든 금액 · 수치에 '예시'를 표기하고 폼은 전송 없는 데모로 구성
- 모바일 320px까지 화면 넘침과 모바일 메뉴 점검
제작 정보
| 사이트 유형 | 서비스 예약 홈페이지, 견적 계산기 |
|---|---|
| 지원 화면 | PC · 태블릿 · 모바일 (반응형) |
| 화면 수 | 11개 |
| 사용 기술 | HTML5/CSS3, JavaScript(ES6), 인라인 SVG, 반응형 웹 |
내 브랜드로 바뀌는 부분
바꿔 드리는 것
그대로 가져가는 것
제작에 포함되는 것
기획
- 업종 · 목표 · 고객층 상담으로 필요한 메뉴와 페이지 정리
- 사이트맵(메뉴 구조)과 페이지별로 들어갈 내용 확정
- 필요한 기능(문의 · 예약 · 게시판 · 결제 등) 범위 확정
디자인
- 고르신 템플릿 디자인에 로고 · 브랜드 색 적용
- 문구와 사진을 고객사 내용으로 교체 (시안 사진은 AI 예시 이미지라 교체가 원칙)
- 시안 확인 후 수정 2회 반영 (그 뒤 수정 · 화면 추가는 별도 견적)
제작 · 퍼블리싱
- PC · 태블릿 · 모바일 반응형
- 주요 브라우저(크롬 · 엣지 · 사파리 · 삼성 인터넷)에서 화면 확인
- 템플릿에 들어 있는 문의 · 신청 폼 등 기능 연결
관리 (관리형 선택 시)
- 그누보드5 관리자 화면에서 글 · 게시판 · 신청 내역 직접 관리
- 관리자 계정 전달과 사용 방법 안내
오픈
- 개발 주소에서 먼저 확인한 뒤 실제 도메인에 반영
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 오픈 후 1개월 동안 하자는 무상으로 고치고, 이후 수정은 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다
별도 협의
- 템플릿에 없는 페이지 · 기능 추가, 다국어
- 도메인 · 호스팅(서버) 비용, 유료 글꼴 · 사진 구입비
- 검색엔진 등록 · 광고 등 마케팅
진행 절차
- 상담원하시는 템플릿과 필요한 내용을 알려 주세요. 범위 · 일정 · 금액을 안내드립니다.
- 계약서비스관리에서 계약서를 확인하고 동의하시면 시작합니다.
- 자료 전달로고 · 문구 · 사진 등 사이트에 들어갈 자료를 보내 주세요.
- 제작템플릿을 바탕으로 디자인 적용 · 내용 교체 · 기능 연결을 진행합니다.
- 확인 · 수정개발 주소에서 직접 보시고 고칠 부분을 알려 주시면 반영합니다.
- 오픈잔금 결제 후 실제 도메인에 반영하고 관리 방법을 안내드립니다.
자주 묻는 질문
우리 업종 템플릿이 없어도 되나요?
됩니다. 화면 구조가 비슷한 템플릿을 고르시면 메뉴와 내용을 업종에 맞게 바꿔 드립니다. 어떤 템플릿이 맞을지 모르겠다면 상담 때 추천해 드립니다.
기본형과 관리형은 무엇이 다른가요?
기본형은 시안 화면을 그대로 만들어 드리는 방식이라, 오픈 후 글이나 사진을 바꾸실 때는 저희에게 요청해 주시면 됩니다. 관리형은 관리자 화면이 있어서 공지 · 후기 · 신청 내역 등을 직접 고치고 관리하실 수 있습니다. 금액은 두 방식 모두 화면 수로 정하고, 예약 · 계산기 · 결제 같은 기능은 필요하실 때 기능별 금액으로 추가합니다.
사진은 어떻게 하나요?
템플릿의 사진은 AI로 만든 예시라 그대로 쓰지 않고 고객사 사진으로 바꿉니다. 준비된 사진이 부족하면 상담 때 대신 쓸 방법을 함께 정합니다.
도메인과 호스팅(서버)은 어떻게 하나요?
도메인과 호스팅은 고객님 명의로 준비하시고, 연결과 설정은 저희가 도와드립니다. 무엇을 준비하면 되는지는 상담 때 안내드립니다.
기간은 얼마나 걸리나요?
페이지 수와 기능, 자료 준비 상황에 따라 달라집니다. 상담 때 범위를 정하면서 일정을 함께 안내드립니다.
결제는 어떻게 하나요?
계약 후 서비스관리에서 카드 또는 계좌이체로 결제하실 수 있습니다. 계약 때 정한 일정에 따라 나누어 결제할 수 있습니다.
진행 상황은 어디서 보나요?
계약하시면 서비스관리에서 계약서, 진행 단계, 결제 내역을 한곳에서 확인하실 수 있습니다. 오픈 전에는 개발 주소에서 먼저 보시고 고칠 부분을 알려 주시면 됩니다.
오픈 후에 수정이 필요하면요?
오픈 후 1개월 동안 하자는 무상으로 고쳐 드립니다. 그 뒤 수정 · 업데이트는 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다.
꼭 알아두세요
- 템플릿에 나오는 회사명 · 인물 · 수치 · 후기는 모두 가상이며, 사진은 AI로 만든 예시 이미지입니다. 제작할 때 고객사 내용과 사진으로 바꿉니다.
- 화면 미리보기는 디자인과 구성을 보여 드리기 위한 것으로, 문의 · 예약 · 결제는 실제로 동작하지 않습니다.
- '관리형 준비됨' 표시가 있는 템플릿은 관리자 기능까지 만들어져 있습니다. 표시가 없는 템플릿도 관리형으로 만들 수 있으며, 관리자를 새로 연결해 기간이 더 필요합니다. 예약 · 결제 등 기능은 필요하실 때 추가합니다.
- 금액과 일정은 상담 후 필요한 범위에 맞춰 안내드립니다.
같은 업종의 다른 템플릿
