랜딩페이지 외주 견적 500만원. 직접 만들었더니 10만원이었습니다

스타트업 홈페이지가 필요했다

SaaS 스타트업을 시작했습니다. 제품은 만들었는데 홈페이지가 없었습니다.

"랜딩페이지 하나 만들자."

간단하게 생각했습니다. 그런데...

랜딩페이지 제작

외주 견적: 500만원

외주 업체 3곳에 견적을 받았습니다.

A사 견적

**총액: 550만원**

| 항목 | 비용 |
|------|------|
| 기획 | 100만원 |
| 디자인 | 150만원 |
| 퍼블리싱 | 200만원 |
| SEO 설정 | 100만원 |

B사 견적

**총액: 480만원**

"템플릿 활용하면 480만원 가능합니다."

C사 견적

**총액: 700만원**

"프리미엄 디자인이면 700만원입니다."

**평균: 577만원**

"랜딩페이지 하나에 500만원...?"

선택의 순간

예산은 300만원뿐이었습니다.

**선택지:**
1. 예산 줄이고 저렴한 업체 찾기 (품질 하락)
2. 투자 더 받기 (시간 소요)
3. 무료 템플릿 쓰기 (SEO 약함)
4. 직접 배워서 만들기

4번을 선택했습니다.

"CTO인데, 랜딩페이지 못 만들 리 없잖아?"

검색하다 발견한 강의

"Next.js 랜딩페이지 SEO"로 검색했습니다.

인프런 SEO 랜딩페이지 강의를 발견했습니다.

**강의 내용:**
- Next.js + TailwindCSS + shadcn/ui
- Cursor AI 바이브코딩
- 회사 소개 랜딩페이지 완성
- SEO 최적화 (메타데이터, sitemap, JSON-LD)
- Search Console 등록
- Vercel 배포

"이거 다 되네? 외주 안 줘도 되겠는데?"

가격을 봤습니다.

**강의 비용: 무료 (할인 시) ~ 33,000원**

비용 절감

일주일 만에 완성

회사 일 끝나고 저녁에 강의를 봤습니다.

Day 1-2: 기본 구조

- Next.js 프로젝트 셋업
- TailwindCSS 설정
- shadcn/ui 컴포넌트 추가

Cursor AI 바이브코딩을 처음 써봤는데... 신세계였습니다.

"이런 식으로 하면 되나요?" (프롬프트)
→ 코드가 자동으로 작성됨

Day 3-4: 섹션 제작

히어로, 기능 소개, 가격, FAQ, 문의 폼.

강의 따라하니 쉬웠습니다.

Day 5-6: SEO 최적화

이 부분이 제일 중요했습니다.

**설정한 것:**
- 메타데이터 (title, description, keywords)
- OG/Twitter 카드 (SNS 공유 시 이미지)
- robots.txt (크롤러 허용)
- sitemap.xml (사이트 구조)
- JSON-LD 구조화 데이터 (검색 결과 리치 스니펫)

SEO 최적화

Day 7: 배포 & 검색 등록

- Vercel 배포 (무료)
- 커스텀 도메인 연결
- Google Search Console 등록
- 인덱싱 요청

**완성!**

완성된 랜딩페이지

실제 비용 계산

외주 vs 직접 제작

| 항목 | 외주 | 직접 제작 |
|------|------|----------|
| 기획 | 100만원 | 0원 (직접) |
| 디자인 | 150만원 | 0원 (shadcn/ui) |
| 개발 | 200만원 | 0원 (직접) |
| SEO | 100만원 | 0원 (강의 포함) |
| 강의 | - | 33,000원 |
| 도메인 | 포함 | 15,000원 (1년) |
| 호스팅 | 포함 | 0원 (Vercel 무료) |
| **합계** | **550만원** | **48,000원** |

**절감액: 5,452,000원 (99% 절감)**

외주와 비교했을 때

품질

**외주 예상:**
- WordPress 템플릿 커스터마이징
- 반응형 디자인
- 기본 SEO

**직접 제작:**
- Next.js 최신 기술 (App Router)
- 완전한 커스터마이징
- 고급 SEO 최적화
- 빠른 로딩 속도

**품질: 더 좋음**

수정 속도

**외주:**
- 수정 요청 → 견적 → 작업 → 확인 (1주일)
- 추가 비용 발생

**직접 제작:**
- 즉시 수정 (10분)
- 추가 비용 0원

**속도: 100배 빠름**

배포 완료

소유권

**외주:**
- 업체 종속
- 코드 받아도 이해 못 함
- 유지보수 계속 의뢰

**직접 제작:**
- 완전한 소유권
- 코드 이해 100%
- 언제든 수정 가능

1개월 후: SEO 효과

Google Search Console 데이터:

| 기간 | 노출수 | 클릭수 | CTR |
|------|--------|--------|-----|
| 1주차 | 12회 | 0회 | 0% |
| 2주차 | 89회 | 3회 | 3.4% |
| 3주차 | 342회 | 18회 | 5.3% |
| 4주차 | 1,247회 | 67회 | 5.4% |

**월 방문자: 약 200명 (유료 광고 0원)**

외주 업체가 설정한 SEO보다 더 잘 나왔습니다.

추가로 절약한 것들

1. 수정 비용

외주 업체 수정 단가:
- 텍스트 수정: 5만원
- 이미지 교체: 10만원
- 섹션 추가: 30만원

직접 제작:
- 모든 수정 0원
- 실시간 반영

**3개월간 절약: 약 120만원**

2. 추가 페이지

외주:
- 페이지당 50~100만원 추가

직접 제작:
- 같은 구조 복사하면 1시간
- 비용 0원

**2개 페이지 추가 시 절약: 200만원**

3. 다른 프로젝트 적용

배운 걸로 만든 것:
- 회사 블로그
- 제품 소개 페이지
- 채용 페이지

**총 절약: 약 1,500만원**

시간 투자는?

외주

- 기획 회의: 3회 (6시간)
- 디자인 피드백: 2회 (4시간)
- 개발 체크: 5회 (10시간)
- **합계: 20시간**
- **기간: 4주**

직접 제작

- 강의 수강: 10시간
- 실습: 15시간
- **합계: 25시간**
- **기간: 1주**

**시간: 비슷하지만 4배 빠름**

부가 가치

외주로 맡겼으면 얻지 못했을 것:

1. 개발 역량

Next.js, TailwindCSS, SEO를 배웠습니다.

평생 쓸 수 있는 능력입니다.

2. Cursor AI 바이브코딩

AI 코딩 도구를 실전에서 활용하는 법을 배웠습니다.

다른 프로젝트에도 적용했고, 개발 속도가 3배 빨라졌습니다.

3. SEO 전문성

Search Console, 구조화 데이터, 메타데이터.

마케팅 팀과 대화할 수 있게 됐습니다.

4. 자신감

"직접 만들 수 있다"는 자신감.

더 이상 외주에 의존하지 않습니다.

다른 사람들 후기

강의 커뮤니티에서 본 사례들:

**프리랜서 A:**
"이 강의로 랜딩페이지 제작 단가 50만원 → 150만원으로 올렸습니다."

**마케터 B:**
"팀에서 개발 요청 안 하고 직접 만듭니다. 속도 10배 빨라짐."

**스타트업 대표 C:**
"외주비 500만원 절약. 그 돈으로 광고 집행해서 매출 3배 늘었습니다."

누가 들으면 좋을까

비추천하는 사람

❌ 프로그래밍 완전 처음 (HTML도 모름)
❌ 시간 투자 못 하는 분 (최소 1주일 필요)
❌ 외주 맡기는 게 더 편한 분

투자 회수

케이스 1: 스타트업

- 외주 견적: 500만원
- 강의 + 도메인: 5만원
- **절감: 495만원**
- **회수: 즉시**

케이스 2: 프리랜서

- 강의: 5만원
- 랜딩페이지 단가 상승: +100만원/건
- **첫 프로젝트에서 회수**

케이스 3: 마케터

- 강의: 5만원
- 개발팀 요청 안 해도 됨 (시간 절약)
- 빠른 A/B 테스트 가능
- **전환율 개선으로 회수**

지금이라도 늦지 않았습니다

저는 외주 견적 받고 고민했습니다.

"500만원... 너무 비싼데, 어떡하지?"

이 강의를 발견하고 결정했습니다.

"한 번 배워보자."

일주일 만에 완성했고, 490만원을 절약했습니다.

당신도 할 수 있습니다.

외주 견적서 받으셨나요?

직접 만드세요. 훨씬 저렴하고, 훨씬 빠르고, 훨씬 자유롭습니다.

---

**태그**: #랜딩페이지 #외주비절감 #직접제작 #비용절감 #SEO최적화 #Next.js

목차