‹ 목록으로
계약 놓치기 싫다면 필독
견적서 이렇게 보내면
계약 다 놓칩니다
가격표만 보냈다면, 그 계약은 이미 물 건너간 겁니다.
QUOTE · CONTRACT
열심히 보낸 견적서, "조금만 깎아주세요"로
돌아온 적 있으세요?
문제는 가격이 아니라 '보여주는 방식'이에요.
같은 작업, 같은 금액이어도
어떻게 적느냐에 따라 계약율도, 받는 돈도 달라지거든요.
딱 3가지만 기억하세요.
1뭉뚱그리지 말고 세부내역으로 쪼개기
2고객이 받는 가치가 눈에 보이게 (서비스·보너스 강조)
3가격 옆에 '전략 한 줄'을 더하기
01 · 한눈에 비교
같은 금액, 견적서 한 장으로
이렇게 달라집니다
백 마디 설명보다 한 장이 빨라요. 왼쪽은 흔히 쓰는 견적서, 오른쪽은 같은 금액을 '계약되게' 정리한 견적서예요. 어느 쪽에 맡기고 싶으신가요?
BEFORE
총액만 보이니 비교 기준은 '가격'뿐
AFTER
"이걸 다 해주는구나"로 바뀌는 견적
💡 핵심은 이거예요
고객은 큰 제목 하나만 보면 그 안에 얼마나 많은 작업이 들어 있는지 몰라요. 그래서 "비싸다"고 느끼고 깎으려 하죠. 하지만 세부 항목을 하나씩 풀어서 보여주면 같은 금액도 훨씬 합리적으로 느껴지고, 오히려 더 높은 금액도 수긍하게 됩니다.
02 · 계약되는 원칙
계약되고, 더 받는
견적서엔 이게 있어요
도구 없이 지금 바로 적용할 수 있는 원칙이에요. 이 여섯 가지가 계약율과 단가를 동시에 끌어올립니다.
01세부내역으로 쪼개기
한 덩어리 금액은 깎임의 시작이에요. 3~6개 항목으로 나누고 각 줄에 '기대 효과'를 붙이면, 비교 기준이 가격에서 가치로 옮겨가 깎을 명분이 사라져요.
02묶어서 제안하기
고객이 따로 생각 못한 연관 항목까지 하나로 묶어 세트로 제안해요. 로고만 문의한 고객에게 명함·SNS 템플릿까지. '해줄 일'이 늘어나는 만큼 단가가 자연스럽게 올라가요.
033단 플랜으로 고르게
같은 작업을 베이직·스탠다드·프리미엄 세 가격대로 나눠 고객이 '고르게' 해요. 질문이 '할까 말까'에서 '뭘 고를까'로 바뀌고, 보통 가운데 플랜이 가장 많이 선택됩니다.
04데드라인 걸기
"본 견적은 OO일까지 유효해요 / 확정되시면 바로 착수해요." 유효기간과 다음 행동을 적어주면 결정이 미뤄지지 않고, 계약 전환이 한 단계 빨라져요.
05받는 가치 강조
'무료 제공'·'서비스' 항목을 포인트 컬러로 표시하면 받는 가치가 한눈에 보여, 같은 금액이 더 후하게 느껴져요.
06전략 한 줄
"이 견적이 어떤 결과를 만드는지" 한 줄만 더해도 가격표가 아니라 '제안서'로 보여요. 맡기고 싶은 마음이 생깁니다.
03 · 더 쉽게
매번 직접 쓰기 번거롭다면?
AI로 1분이면 끝나요
원칙은 알아도 매번 항목 쪼개고 문장 다듬는 건 일이죠. 그래서 맘디가 쓰는 방식은 AI에 맡기는 것이에요. 위 원칙이 그대로 들어간 프롬프트라, 기본정보만 채워 템플릿과 함께 넣으면 '계약되는 견적서' HTML이 통째로 나옵니다.
STEP 01
브랜드명·고객명·견적 항목·총액·입금정보만 채워요. 나머지는 AI가 알아서 보완합니다.
STEP 02
아래 프롬프트와 HTML 템플릿을 챗GPT·클로드·제미나이 채팅창에 함께 붙여넣어요. 항목을 뭉뚱그렸으면 AI가 "세부항목으로 나눌까요?"라고 물어봐요 — "응" 하면 알아서 쪼개줘요.
STEP 03
완성된 HTML을 열면 A4 견적서 완성! 마지막에 "PDF나 JPG로도 만들어줘" 하면 고객에게 바로 보내기 좋아요.
AI 프롬프트
아래 HTML 견적서 템플릿의 [[ ]] 자리표시자를 내 기본정보로 모두 바꿔줘.
[기본정보]
- 브랜드명:
- 고객명:
- 견적서 제목:
- 제작 목적:
- 견적 항목: (예: 공간컨설팅 30만원, 도면작업 80만원, 스타일링 50만원)
- 총 합계:
- 입금정보:
[규칙]
- 단순 가격표가 아니라, 고객이 '왜 이 금액인지' 이해하고 맡기고 싶어지는 견적서로 만들어줘.
- 각 항목 설명은 작업 나열이 아니라 전략·결과·기대효과가 느껴지게 한 줄로.
- 항목을 '전체 제작 200만원'처럼 뭉뚱그려 적었으면, 바로 만들지 말고 세부항목으로 나눌지 먼저 물어봐줘.
- 서비스·보너스 항목은 포인트 컬러로 강조해줘.
- 비어있는 정보(견적번호·공급가액·부가세·핵심 전략)는 총액과 목적 기준으로 자연스럽게 보완해줘.
- A4 비율 유지, 금액 오른쪽 정렬, 총 합계가 가장 잘 보이게.
- 완성된 HTML 전체 코드로 줘.
HTML 템플릿
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>[[브랜드명]] 견적서</title>
<style>
@page {
size: A4;
margin: 0;
}
:root {
--paper: #ffffff;
--ink: [[메인_검정색_예_272727]];
--muted: [[본문_회색_예_747474]];
--soft: [[연한_회색_예_a9a9a9]];
--line: #dfdfda;
--accent: [[브랜드_포인트컬러_예_8fc5ff]];
--band: [[하단_밴드색_예_f4f4f4]];
--screen: #e9eef3;
}
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
min-height: 100%;
color: var(--ink);
background: var(--screen);
font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
"Noto Sans KR", "Malgun Gothic", Arial, sans-serif;
line-height: 1.5;
word-break: keep-all;
-webkit-font-smoothing: antialiased;
}
body {
padding: 24px;
}
.page {
position: relative;
display: flex;
flex-direction: column;
width: 210mm;
min-height: 297mm;
margin: 0 auto;
overflow: hidden;
background: var(--paper);
box-shadow: 0 18px 50px rgba(29, 45, 62, 0.18);
}
.page::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3mm;
background: var(--accent);
}
.content {
flex: 1;
padding: 22mm 20mm 10mm;
}
.top {
display: flex;
justify-content: space-between;
gap: 18mm;
align-items: flex-start;
}
.brand {
font-size: 20px;
font-weight: 900;
letter-spacing: 0.01em;
}
.brand-dot {
color: var(--accent);
}
.reference {
color: var(--accent);
font-size: 12px;
font-weight: 800;
line-height: 1.65;
text-align: right;
letter-spacing: 0.03em;
white-space: nowrap;
}
.parties {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18mm;
margin-top: 22mm;
}
.label {
margin-bottom: 3mm;
color: var(--soft);
font-size: 9px;
font-weight: 900;
letter-spacing: 0.22em;
text-transform: uppercase;
}
.party-name {
font-size: 15px;
font-weight: 900;
}
.party-meta {
margin-top: 1mm;
color: var(--muted);
font-size: 12px;
font-weight: 500;
line-height: 1.65;
}
h1 {
margin: 14mm 0 2mm;
font-size: 34px;
font-weight: 900;
letter-spacing: 0.01em;
}
.subtitle {
margin-bottom: 9mm;
color: var(--muted);
font-size: 12px;
line-height: 1.7;
}
table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
thead th {
padding: 0 0 3mm;
border-bottom: 1px solid var(--ink);
color: var(--soft);
font-size: 9px;
font-weight: 900;
letter-spacing: 0.2em;
text-align: left;
}
thead th.amount-head {
text-align: right;
}
tbody td {
padding: 4mm 0;
border-bottom: 1px solid var(--line);
vertical-align: top;
}
.item-title {
font-size: 13.5px;
font-weight: 900;
}
.item-note {
margin-top: 1mm;
color: var(--muted);
font-size: 11.5px;
font-weight: 500;
}
.amount {
width: 39mm;
font-size: 13.5px;
font-weight: 900;
text-align: right;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.free {
color: var(--accent);
}
.summary {
margin-top: 5mm;
margin-left: auto;
width: 75mm;
}
.summary-row {
display: flex;
justify-content: space-between;
gap: 8mm;
padding: 1.4mm 0;
color: var(--muted);
font-size: 12px;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.grand-total {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8mm;
margin-top: 3mm;
padding-top: 4mm;
border-top: 1px solid var(--ink);
}
.grand-total .title {
font-size: 13px;
font-weight: 900;
letter-spacing: 0.08em;
}
.grand-total .value {
font-size: 22px;
font-weight: 900;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.strategy-note {
width: 90mm;
margin-top: 7mm;
padding: 5mm;
border-radius: 6px;
background: var(--band);
}
.strategy-note strong {
display: block;
margin-bottom: 2mm;
font-size: 12px;
}
.strategy-note p {
margin: 0;
color: var(--muted);
font-size: 10.5px;
line-height: 1.8;
}
.message {
width: 105mm;
margin-left: auto;
margin-top: 9mm;
color: var(--muted);
font-size: 12px;
line-height: 1.8;
text-align: right;
}
.payment {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12mm 20mm;
background: var(--band);
}
.payment-title {
color: var(--muted);
font-size: 9.5px;
font-weight: 900;
letter-spacing: 0.23em;
}
.payment-value {
color: var(--ink);
font-size: 12px;
font-weight: 900;
text-align: right;
font-variant-numeric: tabular-nums;
}
@media screen and (max-width: 840px) {
body {
padding: 0;
background: var(--paper);
}
.page {
width: 100%;
min-height: 100vh;
box-shadow: none;
}
.content {
padding: 34px 26px 22px;
}
.parties {
gap: 22px;
}
.summary,
.message,
.strategy-note {
width: 100%;
}
.payment {
align-items: flex-start;
flex-direction: column;
gap: 12px;
padding: 24px 26px 28px;
}
}
@media print {
html,
body {
width: 210mm;
min-height: 297mm;
padding: 0;
background: #fff;
}
.page {
width: 210mm;
min-height: 297mm;
margin: 0;
box-shadow: none;
}
}
</style>
</head>
<body>
<main class="page" aria-label="견적서">
<section class="content">
<header class="top">
<div class="brand">[[브랜드명]]<span class="brand-dot">.</span></div>
<div class="reference">NO. [[견적번호]]</div>
</header>
<section class="parties" aria-label="거래 당사자">
<div>
<div class="label">TO</div>
<div class="party-name">[[고객명 또는 고객사명]]</div>
<div class="party-meta">[[고객 호칭 또는 프로젝트 목적]]</div>
</div>
<div>
<div class="label">FROM</div>
<div class="party-name">[[브랜드명]]</div>
<div class="party-meta">[[브랜드 한 줄 설명]]</div>
</div>
</section>
<h1>[[견적서 제목]]</h1>
<div class="subtitle">[[이 견적이 단순 가격표가 아니라 어떤 결과를 만들기 위한 제안인지 한 문장으로 작성]]</div>
<table aria-label="견적 항목">
<colgroup>
<col>
<col class="amount">
</colgroup>
<thead>
<tr>
<th scope="col">항목</th>
<th scope="col" class="amount-head">금액</th>
</tr>
</thead>
<tbody>
<!--
AI 작성 규칙:
아래 예시 행들을 사용자의 "견적 항목" 정보에 맞게 3~6개 행으로 재구성하세요.
각 행은 항목명, 한 줄 설명, 금액으로 구성합니다.
서비스 제공 또는 무료 항목은 .free 클래스를 사용합니다.
-->
<tr>
<td>
<div class="item-title">[[견적 항목명]]</div>
<div class="item-note">[[포함 범위 또는 기대 효과를 한 줄로 작성]]</div>
</td>
<td class="amount">[[금액]]</td>
</tr>
<tr>
<td>
<div class="item-title">[[견적 항목명]]</div>
<div class="item-note">[[포함 범위 또는 기대 효과를 한 줄로 작성]]</div>
</td>
<td class="amount">[[금액]]</td>
</tr>
<tr>
<td>
<div class="item-title">[[견적 항목명]]</div>
<div class="item-note">[[포함 범위 또는 기대 효과를 한 줄로 작성]]</div>
</td>
<td class="amount">[[금액]]</td>
</tr>
<tr>
<td>
<div class="item-title">[[서비스 또는 보너스 항목명]]</div>
<div class="item-note free">[[서비스 제공 또는 무료 제공 사유]]</div>
</td>
<td class="amount free">[[0원 또는 서비스 제공]]</td>
</tr>
</tbody>
</table>
<section class="summary" aria-label="합계">
<div class="summary-row"><span>공급가액</span><span>[[공급가액]]</span></div>
<div class="summary-row"><span>부가세 (10%)</span><span>[[부가세]]</span></div>
<div class="grand-total">
<span class="title">총 합계</span>
<span class="value">[[총 합계]]</span>
</div>
</section>
<section class="strategy-note" aria-label="견적 포인트">
<strong>견적 포인트</strong>
<p>[[가격보다 가치가 먼저 보이도록, 이 견적의 핵심 전략이나 기대 효과를 짧게 작성]]</p>
</section>
<section class="message" aria-label="안내 문구">
[[마무리 안내 문장 1]]<br>
[[마무리 안내 문장 2]]
</section>
</section>
<footer class="payment" aria-label="입금 정보">
<div class="payment-title">PAYMENT</div>
<div class="payment-value">[[은행명]] [[계좌번호]] [[예금주]]</div>
</footer>
</main>
</body>
</html>
⚠️
프롬프트와 템플릿, 반드시 둘 다 복사해서 AI에 함께 넣어야 완성돼요!
🤔 어디서 되나요?
챗GPT·클로드·제미나이 채팅창에 그대로 붙여넣으면 돼요. 코덱스 같은 코딩 도구는 필요 없어요. 텍스트로 HTML 코드를 받아서 메모장에 붙여 .html로 저장해 열면 견적서가 그대로 나옵니다.
무료 계정도 가능해요. 다만 템플릿이 길어서 무료 모델은 답이 중간에 끊길 수 있는데, 그땐 "이어서 줘"라고 하면 됩니다. 유료 모델(챗GPT Plus·클로드·제미나이 유료)을 쓰면 한 번에 깔끔하게 나와서 더 편해요.
무료 계정도 가능해요. 다만 템플릿이 길어서 무료 모델은 답이 중간에 끊길 수 있는데, 그땐 "이어서 줘"라고 하면 됩니다. 유료 모델(챗GPT Plus·클로드·제미나이 유료)을 쓰면 한 번에 깔끔하게 나와서 더 편해요.
오늘, 기억할 3가지예요.
여기까지 읽느라 고생하셨어요. 딱 이 3가지만 기억하면 충분해요.
1견적서는 가격표가 아니라 설득 도구
2세부내역·가치 강조·전략 한 줄 → 계약율도 단가도 상승
3매번 쓰기 번거로우면 AI로 쉽고 깔끔하게
www.heymomdi.com
NOTION TEMPLATE
견적서 말고도
일잘러의 무기가 더 있어요
일잘러의 무기가 더 있어요
맘디가 매일 쓰는 노션 템플릿부터
바로 쓰는 꿀팁까지, 한곳에 정리해뒀어요.
MOMDI NOTION
일잘러의 노션 보러 가기 →
바로 쓰는 꿀팁까지, 한곳에 정리해뒀어요.
© 2026 Momdi. All rights reserved.
