위시켓 159461 제안서

하자점검 서비스
반응형 홈페이지 제작 제안

공고의 메인·문의 화면과 옵션(문의 관리, 텔레그램 알림)까지 실제로 동작하는 시안으로 먼저 만들었습니다. 오픈 뒤에도 같은 사람이 계속 관리합니다.

제안사Components MM 투입 인력대표 1인 (경력 10년 이상) 사업자개인사업자 · 2023년 개업 견적 기준일

기본 견적VAT 별도 · 공고 범위 전체

작업 기간20영업일계약 후 바로 착수

옵션 견적 (별도)문의 관리 + 텔레그램 알림

유지보수 (별도)오픈 후 60일 무상 보수

시안 바로 보기 → 문의 화면 보기 관리자 화면 (옵션)

PDF 내려받기 제안서 기본 견적서 옵션 견적서

먼저 만들어 본 시안

메인과 문의를 중심으로 메뉴별 화면까지 11개 화면을 만들었습니다. 가격을 고르면 문의 폼에 채워지고, 접수 → 조회 → 관리자 답변까지 실제로 이어집니다. PC·모바일 모두 320~2560px 폭에서 깨짐 검사를 마쳤습니다.

메인 첫 화면: 레이저 레벨기 영상 위 헤드라인 — **메인 히어로**배경 영상, CTA, 측정값 표시

열화상 스캔 장면 — **스크롤 연출**레이저가 지나가며 열화상으로 하자 표시

사진·영상·문구·가격은 예시입니다. 공고대로 귀사가 주시는 소재로 바꿔 납품합니다.

과업 범위 대응

공고의 필수 과업을 빠짐없이 기본 견적에 넣었습니다. 시안에서 이미 동작하는 항목은 “시안 반영”으로 표시했습니다.

메인 페이지 8 / 8 시안 반영

배경 영상 히어로와 CTA
서비스 차별점 6가지 카드
가격 시뮬레이터 (면적 5구간 × 옵션 2종, 실시간 합계)
사례 6건 (사진·등급, 상세 보기)
점검 5단계 프로세스 (단계별 영상 4개)
사용 장비 카드·소개
FAQ 아코디언 15개
최종 CTA (연락처·QR), 전화 문의 플로팅 버튼

문의 페이지 6 / 6 시안 반영

빠른 연락 카드 3종
온라인 문의 폼 (이름·연락처·이메일·아파트명·전용면적·희망 점검일·옵션 4종·내용·동의)
입력 검증, 전화번호 자동 포맷, 이메일 형식 검증
본인 확인 후 문의 조회 (이름 + 연락처 + 문의번호)
최근 문의 5건과 답변 상태
답변·예약 안내

공통·검색 최적화·게시 납품 시 구현

스크롤 애니메이션, 상단 이동, 반응형 내비게이션 (시안 반영)
OG 태그 (카카오톡·네이버 공유 미리보기)
구조화 데이터, sitemap, robots
네이버 서치어드바이저·구글 서치콘솔 등록, 웹 게시

결과물 발주사 소유

반응형 웹 2개 화면 + 문의 접수 API·DB
API·설정·게시 문서
API 테스트 스크립트
전체 소스코드, 서버·DB 계정 (귀사 명의)

추가 비용 없이 함께 넣는 것 운영에 꼭 필요해서

개인정보처리방침 페이지와 동의 기록 — 문의 폼으로 개인정보를 받으면 공개 의무가 있습니다
최근 문의 공개 시 이름·단지명 가림, 연락처·내용 비공개
문의 API 요청 횟수 제한과 봇 차단 (스팸 접수 방지)
영상은 화면 근처에서만 불러와 휴대폰 데이터와 속도 보호

기술 스택과 선택 이유

제안 필수 1

홍보 페이지의 검색 노출과 문의 접수의 안정성, 그리고 오픈 뒤 누가 맡아도 이어받을 수 있는 표준 기술을 기준으로 골랐습니다.

영역	선택	이유
화면	Next.js 16, TypeScript	페이지를 미리 완성된 HTML로 만들어 네이버·구글이 내용을 바로 읽습니다. 이미지·영상 최적화가 내장되어 있고, 화면과 문의 API를 한 코드로 관리합니다.
스크롤 연출	GSAP, Lenis	시안의 영상·스크롤 연출을 그대로 옮깁니다. ‘동작 줄이기’를 켠 사용자에게는 연출 없이 내용만 보여 줍니다.
문의 API	Next.js API, Zod 검증	화면 검증과 별도로 서버에서 한 번 더 검사합니다. 요청 횟수 제한과 봇 차단으로 스팸 접수를 막습니다.
데이터베이스	PostgreSQL, Prisma	문의와 상태 변경 이력을 안전하게 쌓습니다. 옵션(문의 관리 화면)을 붙일 때 구조를 바꾸지 않아도 됩니다.
서버	AWS 서울 리전 (Docker), S3·CloudFront	국내 응답 속도가 빠르고, 매일 자동 백업합니다. 영상은 CDN으로 보내 서버 부담을 줄입니다. 계정은 귀사 명의로 만듭니다.
검색 최적화	구조화 데이터, sitemap, OG	LocalBusiness·Service·FAQPage 형식으로 업체 정보와 FAQ를 검색엔진에 알립니다.
테스트	Vitest, Playwright, API 테스트 스크립트	수정할 때마다 계산·검증 로직, 화면 폭별 깨짐, API 응답을 같은 기준으로 자동 검사합니다.

이렇게 되면 성공입니다

제안 필수 2

“예쁘게 열린다”가 아니라, 문의가 빠짐없이 들어오고 귀사가 혼자 운영할 수 있는 상태를 완료로 봅니다. 아래 기준을 오픈 전에 함께 확인합니다.

문의가 빠짐없이 도착

폼 → API → DB 저장까지 정상·입력 오류·중복·스팸·서버 오류 상황을 테스트 스크립트로 확인합니다.

API 테스트 전부 통과

휴대폰에서 빠르게

영상이 있어도 첫 화면이 빨리 뜨도록 화면 근처에서만 불러옵니다.

모바일 성능 점수 90점 이상

어떤 폭에서도 안 깨짐

320~2560px 9개 폭 자동 검사와 아이폰·갤럭시 실기기 확인을 거칩니다.

넘침·잘림 0건

검색에 잡힘

네이버·구글 등록, sitemap 수집과 구조화 데이터 검사를 확인합니다.

수집 확인 · 검사 오류 0건

귀사가 직접 운영

가격·연락처·FAQ 바꾸는 법과 게시 방법을 문서로 드리고, 담당자와 한 번 직접 해 봅니다.

문서만 보고 수정 가능

검토 의견: 공고에서 함께 정하면 좋은 부분

기본 범위만으로는 새 문의를 알 방법이 없습니다. 문의가 DB에만 쌓이므로, 최소한 텔레그램 알림(옵션 2, 40만 원)은 함께 하시길 권합니다.
“답변 상태 표시”는 상태를 바꿀 수단이 필요합니다. 문의 관리 화면(옵션 1)이 없으면 오픈 초기에는 제가 대신 상태를 바꿔 드리는 방식으로 운영할 수 있습니다.
최근 문의 공개는 가림 처리가 전제입니다. 이름 가운데 글자와 단지명 뒷부분을 가리고, 연락처와 문의 내용은 공개하지 않습니다.
포털 검색 등록은 노출 순위를 보장하지 않습니다. 등록과 수집 확인까지를 범위로 하고, 이후 검색 유입은 월간 보고로 함께 봅니다.

오픈 이후 유지보수

제안 필수 3

견적보다 유지보수를 중요하게 보신다는 점을 기준으로 범위와 대응 시간을 미리 정해 계약서에 적습니다.

오픈 후 60일

무상 하자 보수

작동 오류, 화면 깨짐, 문의 접수 오류
실제 운영하며 생긴 문구 수정
검색 등록 후 수집 상태 확인

61일째부터 · 선택

/ 월, VAT 별도

서버·도메인·보안 인증서 관리, 월 1회 보안 업데이트
매일 자동 백업, 월 1회 복구 점검
장애 대응: 평일 접수 4시간 안 1차 대응
콘텐츠 수정 월 4시간 (가격·사진·FAQ·사례·문구)
월간 보고: 방문 수, 문의 수, 검색 유입

필요할 때만

건별 수정 · 고도화

월 계약 없이 수정이 생길 때 건별 결제 (반나절 단위)
새 메뉴·기능 추가는 범위를 정해 따로 견적
1개월 단위 계약, 언제든 해지 가능

유지보수가 끊기지 않는 이유

만든 사람이 계속

처음 상담한 대표가 개발과 유지보수를 직접 맡습니다. 외주로 넘기지 않습니다.

누구나 이어받는 구조

표준 기술과 문서, 테스트 스크립트로 다른 개발자도 바로 이어받을 수 있게 만듭니다.

모든 것이 귀사 명의

소스, 서버, DB, 도메인 계정을 귀사 명의로 드립니다. 업체에 묶이지 않습니다.

작은 수정은 직접

가격·연락처·FAQ는 설정 파일로 직접 바꿀 수 있어, 사소한 수정으로 기다리지 않습니다.

서버 운영비는 귀사 부담이며 월 약 2~3만 원으로 예상합니다 (AWS 서울 리전 서버 1대·자동 백업·영상 전송, 사용량과 환율에 따라 변동). 도메인 비용은 별도입니다.

일정 (20영업일)

시안이 이미 있어 첫 주에 설계·디자인을 확정하고 바로 개발에 들어갑니다. 매주 금요일 실제 화면 링크로 확인하실 수 있습니다.

1주차

기획·디자인 확정

요구사양서 기준

요구사항·화면 설계 확정
디자인 확정, 소재 수령
서버·도메인 준비

설계·디자인 확인

2주차

메인·문의 개발

화면과 API

메인 8개 섹션
문의 폼·검증
문의 API·DB

실제 화면 1차 확인

3주차

조회·검색 최적화

옵션 선택 시 병행

문의 조회·최근 문의
구조화 데이터·OG·sitemap
(옵션) 관리 화면·알림

전체 기능 확인

4주차

테스트·오픈

게시와 인수인계

폭별·실기기·API 테스트
문서 전달, 운영 방법 안내
오픈, 포털 등록

오픈 · 검수

견적서 (기본)