웹 디자인 견적서

와이어프레임, 반응형 페이지 디자인, 디자인 인계를 담은 웹 디자인 견적서 양식입니다. 작업 범위와 수정 횟수를 정해 두고, 승인되면 그대로 청구서로 바꾸세요.

무료 웹 디자인 견적서 양식 작성 예시: 가상의 회사명, 품목, 수량, 단가, 합계까지 보이는 첫 페이지
예시 금액을 넣은 미리보기입니다. 양식은 빈 문서로 시작합니다.

업종별 템플릿

  • 사용자 화면 설계
  • 반응형 페이지 디자인
  • 디자인 인계

작성 가이드

진행 예시

  1. 범위와 수량 확인

    예시: "사용자 화면 설계"부터 필요한 수량과 고객 제공 자료를 확인하고 항목별 완료 기준을 합의합니다.

  2. 견적 검토와 승인

    "디자인 인계"의 검수 방법과 전체 항목의 수량, 제외 범위, 견적 유효 기간을 고객과 확인하고 승인 버전을 보관합니다.

  3. 납품 후 청구 준비

    승인된 버전과 파일 목록을 인계하고 사용 범위 및 수정 완료 여부를 확인합니다. 합의한 단계가 완료되면 실제 수량과 승인된 변경 내역으로 청구서를 준비합니다.

웹 디자인 견적서는 코드를 짜기 전 사이트 화면을 디자인하는 비용을 정하는 문서이고, 분쟁도 대개 여기서 시작됩니다. 고객은 작동하는 페이지를 기대하는데 디자이너는 디자인 파일을 넘기기 때문입니다. 이 양식은 그 경계를 분명히 합니다. 화면 설계, 반응형 페이지 디자인, 개발자에게 넘기는 인계를 별도 행으로 두어 고유 페이지 수와 화면 크기, 사이트 구축 포함 여부를 고객이 알 수 있습니다.

작성할 항목

납품물과 작업 항목
사용자 화면 설계, 반응형 페이지 디자인, 디자인 인계: 각 항목의 예정 수량과 납품 범위를 적습니다.
사용자 화면 설계
화면 설계가 몇 가지 페이지 유형을 다루는지 적으세요. 블로그 글 템플릿은 글이 몇 개든 한 번으로 셉니다.
반응형 페이지 디자인
휴대폰, 태블릿, 데스크톱처럼 디자인하는 화면 크기와 페이지마다 포함된 수정 횟수를 적으세요.
디자인 인계
인계하는 파일 형식과 도구, 스타일 가이드나 컴포넌트 라이브러리가 포함되는지 밝히세요.
수량과 납품 형식
페이지, 이미지, 단어 수 또는 재생 시간과 최종 파일 형식, 원본 제공 여부를 기록합니다.
검토와 사용 범위
시안 승인자, 수정 횟수, 사용할 매체와 기간, 외부 소스의 제공 주체를 정합니다.
구체적으로 확인할 범위
고유 페이지 수와 반응형 화면 범위, 디자인 파일 인계 형식을 정하고 코딩 포함 여부를 명시합니다.

발송 전 확인 사항

  • "사용자 화면 설계" 항목에 포함 범위와 가격의 기준 수량이 적혀 있나요?
  • 고객이 "반응형 페이지 디자인" 항목을 제외 범위까지 같은 뜻으로 읽을까요?
  • "디자인 인계" 항목의 가격을 견적 유효 기간 마지막 날에도 지킬 수 있나요?
3개 더 보기
  • 첫 시안 승인 후 방향 변경을 추가 작업으로 처리할 조건을 정합니다.
  • 편집 가능한 원본과 최종 납품본의 포함 여부를 각각 확인합니다.
  • 견적 유효 기간, 고객 승인 방법, 단계별 지급 조건을 확인합니다.

예시 금액으로 채운 작성 예

아래 금액은 이 템플릿이 어떻게 합산되는지 보여 주려고 만든 예시입니다. 원화 기준 3개 항목에 부가가치세 10%를 적용했습니다.

예시 금액으로 채운 작성 예
항목수량 × 단가금액
사용자 화면 설계6 × 60,000원360,000원
반응형 페이지 디자인1 × 95,000원95,000원
디자인 인계2 × 1,200,000원2,400,000원
공급가액2,855,000원
부가가치세 (10%)285,500원
합계3,140,500원

견적 공급가액 2,855,000원, 부가가치세 285,500원, 견적 합계 3,140,500원입니다.

문서에 들어가야 하는 항목

견적서에 들어가야 하는 항목과 각각이 필요한 이유는 아래 가이드에 정리되어 있습니다.

이 문서에 적용되는 부가가치세 세율은 10%입니다. 공급가액에 적용해 별도 항목으로 표시합니다.

세율 공식 출처: National Tax Service: VAT overview

자세한 요건: 세금계산서 필수 기재사항과 전자세금계산서

자주 묻는 질문

웹 디자인 견적에 사이트 구축도 포함되나요?

견적서에 적혀 있지 않다면 포함되지 않습니다. 페이지 개발까지 맡는다면 개발을 별도 행으로 넣거나 견적서를 따로 보내, 고객이 다른 개발사와 비교할 수 있게 하세요.

폰트와 이미지 구입 비용은 누가 내나요?

고객을 위해 산 라이선스는 보통 실비로 청구합니다. 별도 행으로 적거나, 고객이 직접 구입한다고 비고에 밝혀 두세요.

이 견적서의 부가가치세는 어떻게 계산하나요?

위 작성 예에서는 공급가액 2,855,000원에 부가가치세 10%를 적용해 세액이 285,500원, 합계가 3,140,500원입니다. 수량이나 단가, 국가를 바꾸면 편집기가 세 값을 다시 계산합니다.

디자인과 색상을 바꿀 수 있나요?

네. 편집기에서 인쇄 레이아웃과 문서 색상을 다른 것으로 고를 수 있습니다. 바꿔도 금액은 그대로이고, PDF, 워드, 엑셀 파일도 고른 레이아웃을 따릅니다.

거래처에 이메일로 보낼 수 있나요?

네, 사용하는 메일 앱으로 보낼 수 있습니다. 무료 계정으로 로그인하면 편집기의 다운로드 메뉴에 "이 문서를 이메일로 보내기"가 있어, 문서 내용을 적은 메일 초안이 메일 앱에 열립니다. QuoteBill이 직접 보내지는 않으므로 PDF를 저장해 첨부한 뒤 보내세요.

함께 읽을 글

웹 디자인 견적서 작성 전에 읽어 볼 글은 견적서 작성 방법: 필수 확인 항목, 예시와 체크리스트, 견적서와 청구서의 차이: 작성 시점과 실무 예시입니다. 견적 금액에 세금을 더할 때는 이 도구를 쓰세요: VAT·GST 계산기.