QuoteMaker — 견적 자동화 시스템
사업팀이 행사 정보와 필요한 기능을 고르면 항목별 견적서가 자동 생성되고, 개발팀 검토·승인을 거쳐 엑셀로 나가는 자사 견적 시스템.
- 유형
- 웹 서비스·모바일 앱
- 장비
- 웹(사업팀·개발팀 화면) · 엑셀 출력 · 메일 알림
행사 견적을 사람마다 다르게 쓰던 문제를 없애기 위해 만든 자사 웹 시스템입니다. 사업팀이 4단계 폼으로 행사 정보와 기능(모듈)을 고르면 항목별 견적서가 자동으로 만들어지고, 개발팀이 검토해 승인·반려합니다. 이 사이트의 가격대 표도 같은 항목 체계를 따릅니다.
프로젝트 개요
- 범위: 견적 요청 폼, 모듈 단가표, 검토·승인 워크플로, 견적서 엑셀 출력, 알림 메일, 매출 리포트, 권한 관리
- 운영 형태: 사내 도구로 운영 중. 견적 이력이 쌓이며 항목별 단가 기준(바닥가·권장가)을 분기마다 갱신
주요 기능
- 견적 요청 4단계: 기본 정보 → 기능 선택 → 상세 옵션(기기·해상도·화면 구성·프린터·네트워크·인쇄 규격) → 미리보기
- 자동 산정: 선택한 모듈 단가 합산, 필수 항목 자동 포함, 부가세 계산
- 검토 흐름: 대기 → 검토 중 → 승인/반려, 수정 요청 사유, 검토 메모, 견적 번호 자동 부여
- 확정 관리: 확정일·개발 마감·개발 완료·입금(계약금/잔금) 추적, 미진행·보류 사유
- 출력·알림: 견적서 엑셀 다운로드, 요청·승인 시 메일 알림, 참고 자료 첨부
시스템 구성
- 프론트엔드·백엔드: Next.js(App Router), TypeScript, Tailwind
- 데이터: Prisma + Postgres(Supabase), 파일 첨부는 Supabase Storage
- 인증·권한: 사업팀/개발팀/개발직원 역할, 역할별 화면·항목 노출
- 배포: Vercel, 메일은 Resend
성과
- 견적 작성 시간 단축과 항목 단위 협상 원칙 정착. 이 사이트의 「가격대」 페이지가 같은 단가 체계를 사용
화면 살펴보기
실제 운영 중인 프로그램의 화면입니다. 화면을 누르면 원본 크기로 열립니다.
이런 프로젝트를 계획 중이라면
같은 방식으로 만들어 드립니다.
이 사례를 참고로 붙여 문의하면 요구 확인이 빨라집니다. 아래는 이 유형에서 의뢰 전에 가장 많이 받는 질문입니다.
이 사례 참고해서 문의자주 묻는 것
현장에 사람을 보내지 않고 자동 업데이트로 반영합니다. 키오스크가 대기 화면에서 새 버전을 받아 적용하고, 그동안 「새 버전 내려받는 중」이 표시되어 운영자가 재실행을 반복하지 않게 합니다.
흐름과 기능은 시안 없이 먼저 만들고, 시안이 오는 날 바로 입혀 배포합니다. 그래서 시안 수령이 늦어도 일정 대부분을 지킬 수 있습니다. 다만 시안 수령일은 견적 단계에서 함께 정해 둡니다.
배포는 클라이언트 명의의 서버·도메인·계정에 합니다. 원하시면 서버 구축부터 맡고, 운영자 교육과 운영 문서를 인계합니다. 납품 후에는 유지보수 계약으로 장애 대응·기능 개선·보안 업데이트를 이어갑니다. 소스 코드와 배포 절차의 인계 범위(전체 인계 또는 사용권 부여)는 계약 단계에서 정합니다.
둘 다 됩니다. 이미 웹 서비스가 있으면 같은 코드로 iOS·Android 앱을 감싸는 Capacitor 방식이 가장 빠릅니다. 앱다운 화면과 성능이 더 중요하면 Flutter로 앱을 만들고, 기존 웹 화면은 웹뷰로 넣거나 같은 서버 API를 함께 쓰도록 연동합니다. 필요한 기능·일정·예산을 듣고 어느 쪽이 맞는지 먼저 말씀드립니다.
웹과 같은 코드로 iOS·Android 앱을 만들 수 있고(Capacitor), Flutter로 만들어 웹과 연동할 수도 있습니다. 스토어 배포는 클라이언트 명의의 애플·구글 개발자 계정으로 진행하며, 계정 개설 안내·빌드 업로드·심사 대응은 별도 항목으로 견적에 포함할 수 있습니다. 계정과 앱의 소유권은 클라이언트에 있습니다.
