챕터 03 · L1
준비 — 서비스 기획서 작성
Claude AI를 활용한 랜딩페이지 기획서 작성 방법
AI로 랜딩페이지용 서비스 기획서 초안을 5분 안에 완성할 수 있어요.
참고 문서
공개 문서
03. 준비 — 서비스 기획서 작성
아래는 content/courses/03-preparation.mdx 와 동일한 원문입니다. Markdown과 HTML 변환 결과를 각각 복사할 수 있습니다.
공개 문서 원문 (Markdown)
# 준비 — 서비스 기획서 작성
> **이 챕터를 마치면** AI로 랜딩페이지용 서비스 기획서 초안을 5분 안에 완성할 수 있어요.
만들고 싶은 서비스의 **랜딩페이지** 제작을 위한 기획서를 AI로 작성해 보세요.
이 커리큘럼에서는 **코어브리핑(CoreBriefing)** — AI 정보 요약 서비스를 예시로 써요.
> **목표:** AI 프롬프트로 5분 만에 서비스 기획서 초안 완성
> **사용 도구:** Claude (claude.ai) 또는 ChatGPT
---
## AI 기획서 작성 프롬프트
아래 프롬프트를 [Claude](https://claude.ai/) 또는 [ChatGPT](https://chatgpt.com/)에 붙여넣고,
**"내 아이디어는 다음과 같아:" 이하를 자신의 아이디어로 교체**해서 사용해 보세요.
```
너는 경력 10년 이상의 베테랑 스타트업 기획자야.
내 아이디어를 기반으로 랜딩페이지 제작용 기획서를 작성해줘.
다른 사족은 붙이지 말고 기획서의 내용만을 답변해줘.
아래 내용을 중심으로 정리해줘:
- 서비스 이름 (영문 + 한글)
- 핵심 기능 요약 (3~5가지)
- 주요 타겟 사용자 (3~4개 페르소나)
- 사용자에게 어떤 효과나 가치를 주는지
- 가격 정책 (Free / Basic / Pro 3단계)
- 디자인 컨셉 아이디어 (톤앤매너, 색상, 레이아웃, 폰트)
내 아이디어는 다음과 같아:
[여기에 2~4줄로 아이디어를 작성하세요]
```
---
## 예시: 코어브리핑 기획서
아래는 "AI 정보 요약 서비스" 아이디어로 생성한 기획서 예시입니다.
---
### 1. 서비스 이름
- **코어브리핑 (CoreBriefing)**
- 부제: AI 정보 요약 솔루션
---
### 2. 핵심 기능 요약
- AI 기반 텍스트, 웹 링크(URL), 문서 파일(PDF, DOCX) 내용 자동 요약
- YouTube 영상 링크 입력 시, 음성인식(STT) 기술로 스크립트 추출 후 핵심 내용 요약
- 요약 결과의 길이 조절 옵션 (짧게 / 중간 / 길게)
- 주요 키워드 자동 추출 및 하이라이팅
- 요약본 저장 및 공유 기능 (Pro)
---
### 3. 주요 타겟 사용자
| 페르소나 | 상황 | 니즈 |
|---------|------|------|
| **학생/연구원** | 논문·강의 자료 과부하 | 핵심 파악 시간 단축 |
| **직장인** | 보고서·시장 동향 추적 | 빠른 의사결정 지원 |
| **콘텐츠 크리에이터** | 방대한 자료 조사 | 아이디어 발굴 효율화 |
| **일반 사용자** | 뉴스·블로그 핵심 소비 | 정보 과부하 해소 |
---
### 4. 사용자 가치
- **시간 절약:** 정보 탐색·이해 시간 평균 70% 단축
- **생산성 향상:** 핵심 집중으로 업무·학습 효율 극대화
- **정보 접근성:** 복잡한 내용의 심리적 장벽 해소
- **의사결정 지원:** 핵심 정보 기반의 빠르고 정확한 판단
---
### 5. 가격 정책
| 플랜 | 월 요금 | 주요 기능 |
|------|---------|-----------|
| **Free** | 무료 | 월 10회 요약, 텍스트·URL만 지원 |
| **Basic** | ₩9,900 | 월 100회, 파일·YouTube 지원, 광고 제거 |
| **Pro** | ₩19,900 | 무제한, 요약본 저장·공유, 우선 지원 |
---
### 6. 디자인 컨셉
**톤앤매너:** 신뢰성 + 간결함 + 혁신적
**색상 팔레트:**
- 주요: 딥 블루 `#0A2A54` / 네이비 `#1C3144`
- 보조: 밝은 블루 `#4A90E2` / 청록 `#22A7F0`
- CTA 강조: 오렌지 `#F5A623`
- 배경: 화이트 `#FFFFFF` / 라이트 그레이 `#F5F7FA`
**레이아웃:** 원페이지 스크롤형 · 모바일 퍼스트 · 충분한 여백
**폰트:** Pretendard (한글) + Inter (영문) — 가독성 최우선
---
## 다음 단계
기획서가 완성되면 이것을 기반으로 **화면 설계서(Wireframe)**를 작성합니다.
> **팁:** 기획서를 Notion이나 메모장에 저장해두세요. 다음 챕터에서 그대로 사용합니다.
---
## 유튜브 대본 분석 기반 보강: 5분 기획서를 "실행형"으로 바꾸는 법
인기 입문 영상에서 공통으로 강조되는 점은, 기획서는 길이가 아니라 **다음 챕터에서 바로 구현 가능한 구조**여야 한다는 것입니다.
### 실행형 기획서 체크포인트
아래 6가지를 포함하면, 04~05챕터(설계/구현)로 자연스럽게 연결됩니다.
1. **핵심 문제 1문장**
- "누가 어떤 상황에서 무엇이 불편한가?"
2. **핵심 기능 3개 우선순위**
- must(필수) / should(권장) / later(후순위)로 구분
3. **입력 데이터와 출력 결과**
- 예: URL/PDF/텍스트 입력 → 3단 요약 + 키워드 출력
4. **첫 화면 CTA 1개**
- 랜딩에서 가장 먼저 눌러야 할 버튼 1개만 고정
5. **가격 플랜의 기준 값**
- Free/Basic/Pro를 무엇으로 나눌지(사용량, 기능, 저장 등)
6. **성공 지표 1개**
- 예: "첫 사용자가 3분 내 첫 요약 완료"
### AI에게 추가로 던지면 좋은 후속 프롬프트
기획서 초안이 나오면 아래 질문을 이어서 붙여보세요.
```
위 기획서를 기준으로,
1) MVP에 꼭 필요한 기능 3개만 남겨줘.
2) 랜딩페이지 섹션 구조(히어로/문제/해결/가격/FAQ)로 재작성해줘.
3) 다음 챕터에서 바로 사용할 화면 설계 항목(페이지 목록 + 컴포넌트 목록)으로 변환해줘.
```
> **핵심:** 03챕터의 목표는 "멋진 문서"가 아니라 "04챕터에서 바로 그릴 수 있는 입력값"을 만드는 것입니다.공개 문서 변환 코드 (HTML)
<h1>준비 — 서비스 기획서 작성</h1>
<blockquote>
<p><strong>이 챕터를 마치면</strong> AI로 랜딩페이지용 서비스 기획서 초안을 5분 안에 완성할 수 있어요.</p>
</blockquote>
<p>만들고 싶은 서비스의 <strong>랜딩페이지</strong> 제작을 위한 기획서를 AI로 작성해 보세요.
이 커리큘럼에서는 <strong>코어브리핑(CoreBriefing)</strong> — AI 정보 요약 서비스를 예시로 써요.</p>
<blockquote>
<p><strong>목표:</strong> AI 프롬프트로 5분 만에 서비스 기획서 초안 완성
<strong>사용 도구:</strong> Claude (claude.ai) 또는 ChatGPT</p>
</blockquote>
<hr>
<h2>AI 기획서 작성 프롬프트</h2>
<p>아래 프롬프트를 <a href="https://claude.ai/">Claude</a> 또는 <a href="https://chatgpt.com/">ChatGPT</a>에 붙여넣고,
<strong>"내 아이디어는 다음과 같아:" 이하를 자신의 아이디어로 교체</strong>해서 사용해 보세요.</p>
<pre><code>너는 경력 10년 이상의 베테랑 스타트업 기획자야.
내 아이디어를 기반으로 랜딩페이지 제작용 기획서를 작성해줘.
다른 사족은 붙이지 말고 기획서의 내용만을 답변해줘.
아래 내용을 중심으로 정리해줘:
- 서비스 이름 (영문 + 한글)
- 핵심 기능 요약 (3~5가지)
- 주요 타겟 사용자 (3~4개 페르소나)
- 사용자에게 어떤 효과나 가치를 주는지
- 가격 정책 (Free / Basic / Pro 3단계)
- 디자인 컨셉 아이디어 (톤앤매너, 색상, 레이아웃, 폰트)
내 아이디어는 다음과 같아:
[여기에 2~4줄로 아이디어를 작성하세요]
</code></pre>
<hr>
<h2>예시: 코어브리핑 기획서</h2>
<p>아래는 "AI 정보 요약 서비스" 아이디어로 생성한 기획서 예시입니다.</p>
<hr>
<h3>1. 서비스 이름</h3>
<ul>
<li><strong>코어브리핑 (CoreBriefing)</strong></li>
<li>부제: AI 정보 요약 솔루션</li>
</ul>
<hr>
<h3>2. 핵심 기능 요약</h3>
<ul>
<li>AI 기반 텍스트, 웹 링크(URL), 문서 파일(PDF, DOCX) 내용 자동 요약</li>
<li>YouTube 영상 링크 입력 시, 음성인식(STT) 기술로 스크립트 추출 후 핵심 내용 요약</li>
<li>요약 결과의 길이 조절 옵션 (짧게 / 중간 / 길게)</li>
<li>주요 키워드 자동 추출 및 하이라이팅</li>
<li>요약본 저장 및 공유 기능 (Pro)</li>
</ul>
<hr>
<h3>3. 주요 타겟 사용자</h3>
<table>
<thead>
<tr>
<th>페르소나</th>
<th>상황</th>
<th>니즈</th>
</tr>
</thead>
<tbody><tr>
<td><strong>학생/연구원</strong></td>
<td>논문·강의 자료 과부하</td>
<td>핵심 파악 시간 단축</td>
</tr>
<tr>
<td><strong>직장인</strong></td>
<td>보고서·시장 동향 추적</td>
<td>빠른 의사결정 지원</td>
</tr>
<tr>
<td><strong>콘텐츠 크리에이터</strong></td>
<td>방대한 자료 조사</td>
<td>아이디어 발굴 효율화</td>
</tr>
<tr>
<td><strong>일반 사용자</strong></td>
<td>뉴스·블로그 핵심 소비</td>
<td>정보 과부하 해소</td>
</tr>
</tbody></table>
<hr>
<h3>4. 사용자 가치</h3>
<ul>
<li><strong>시간 절약:</strong> 정보 탐색·이해 시간 평균 70% 단축</li>
<li><strong>생산성 향상:</strong> 핵심 집중으로 업무·학습 효율 극대화</li>
<li><strong>정보 접근성:</strong> 복잡한 내용의 심리적 장벽 해소</li>
<li><strong>의사결정 지원:</strong> 핵심 정보 기반의 빠르고 정확한 판단</li>
</ul>
<hr>
<h3>5. 가격 정책</h3>
<table>
<thead>
<tr>
<th>플랜</th>
<th>월 요금</th>
<th>주요 기능</th>
</tr>
</thead>
<tbody><tr>
<td><strong>Free</strong></td>
<td>무료</td>
<td>월 10회 요약, 텍스트·URL만 지원</td>
</tr>
<tr>
<td><strong>Basic</strong></td>
<td>₩9,900</td>
<td>월 100회, 파일·YouTube 지원, 광고 제거</td>
</tr>
<tr>
<td><strong>Pro</strong></td>
<td>₩19,900</td>
<td>무제한, 요약본 저장·공유, 우선 지원</td>
</tr>
</tbody></table>
<hr>
<h3>6. 디자인 컨셉</h3>
<p><strong>톤앤매너:</strong> 신뢰성 + 간결함 + 혁신적</p>
<p><strong>색상 팔레트:</strong></p>
<ul>
<li>주요: 딥 블루 <code>#0A2A54</code> / 네이비 <code>#1C3144</code></li>
<li>보조: 밝은 블루 <code>#4A90E2</code> / 청록 <code>#22A7F0</code></li>
<li>CTA 강조: 오렌지 <code>#F5A623</code></li>
<li>배경: 화이트 <code>#FFFFFF</code> / 라이트 그레이 <code>#F5F7FA</code></li>
</ul>
<p><strong>레이아웃:</strong> 원페이지 스크롤형 · 모바일 퍼스트 · 충분한 여백</p>
<p><strong>폰트:</strong> Pretendard (한글) + Inter (영문) — 가독성 최우선</p>
<hr>
<h2>다음 단계</h2>
<p>기획서가 완성되면 이것을 기반으로 **화면 설계서(Wireframe)**를 작성합니다.</p>
<blockquote>
<p><strong>팁:</strong> 기획서를 Notion이나 메모장에 저장해두세요. 다음 챕터에서 그대로 사용합니다.</p>
</blockquote>
<hr>
<h2>유튜브 대본 분석 기반 보강: 5분 기획서를 "실행형"으로 바꾸는 법</h2>
<p>인기 입문 영상에서 공통으로 강조되는 점은, 기획서는 길이가 아니라 <strong>다음 챕터에서 바로 구현 가능한 구조</strong>여야 한다는 것입니다.</p>
<h3>실행형 기획서 체크포인트</h3>
<p>아래 6가지를 포함하면, 04~05챕터(설계/구현)로 자연스럽게 연결됩니다.</p>
<ol>
<li><p><strong>핵심 문제 1문장</strong></p>
<ul>
<li>"누가 어떤 상황에서 무엇이 불편한가?"</li>
</ul>
</li>
<li><p><strong>핵심 기능 3개 우선순위</strong></p>
<ul>
<li>must(필수) / should(권장) / later(후순위)로 구분</li>
</ul>
</li>
<li><p><strong>입력 데이터와 출력 결과</strong></p>
<ul>
<li>예: URL/PDF/텍스트 입력 → 3단 요약 + 키워드 출력</li>
</ul>
</li>
<li><p><strong>첫 화면 CTA 1개</strong></p>
<ul>
<li>랜딩에서 가장 먼저 눌러야 할 버튼 1개만 고정</li>
</ul>
</li>
<li><p><strong>가격 플랜의 기준 값</strong></p>
<ul>
<li>Free/Basic/Pro를 무엇으로 나눌지(사용량, 기능, 저장 등)</li>
</ul>
</li>
<li><p><strong>성공 지표 1개</strong></p>
<ul>
<li>예: "첫 사용자가 3분 내 첫 요약 완료"</li>
</ul>
</li>
</ol>
<h3>AI에게 추가로 던지면 좋은 후속 프롬프트</h3>
<p>기획서 초안이 나오면 아래 질문을 이어서 붙여보세요.</p>
<pre><code>위 기획서를 기준으로,
1) MVP에 꼭 필요한 기능 3개만 남겨줘.
2) 랜딩페이지 섹션 구조(히어로/문제/해결/가격/FAQ)로 재작성해줘.
3) 다음 챕터에서 바로 사용할 화면 설계 항목(페이지 목록 + 컴포넌트 목록)으로 변환해줘.
</code></pre>
<blockquote>
<p><strong>핵심:</strong> 03챕터의 목표는 "멋진 문서"가 아니라 "04챕터에서 바로 그릴 수 있는 입력값"을 만드는 것입니다.</p>
</blockquote>