Communitygithub.com

jamakase/startup-skills

SaaS 홈페이지 및 랜딩 페이지 카피라이팅, 메시징, 포지셔닝 프레임워크. 사용자가 홈페이지 재작성, 랜딩 페이지 개선, 카피, 메시징, 포지셔닝 등 웹사이트 카피나 제품 포지셔닝에 대한 요청을 할 때 항상 이 스킬을 사용하세요.

startup-skills란 무엇인가요?

이 스킬은 SaaS 스타트업의 홈페이지와 랜딩 페이지를 최적화하기 위한 종합 프레임워크입니다. MKT1, Growth Unhinged, MRR Unlocked 등 검증된 프레임워크를 기반으로 하여, 방문자를 사용자로 전환시키는 카피와 메시징을 구성하는 방법을 단계별로 제공합니다. 핵심 문제 정의, 포지셔닝 프레임워크, 홈페이지 구조 템플릿, 히어로 섹션 템플릿, 헤드라인 공식 치트 시트, 카피 원칙, CTA 카피, 소셜 프루프 전략, 가격 페이지 필수 요소, 메시징 감사 체크리스트를 포함합니다. Claude Code, Cursor, Codex 등 모든 AI 어시스턴트와 함께 사용할 수 있으며, 사용자가 웹사이트 카피나 제품 포지셔닝에 대한 도움을 요청할 때 이 프레임워크를 적용하여 명확하고, 관련성 있으며, 차별화된 메시지를 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jamakase/startup-skills/tree/HEAD/saas-landing-page
원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

SaaS 랜딩 페이지 및 메시징

방문자를 사용자로 전환시키는 홈페이지 카피, 포지셔닝, 메시징을 위한 완전한 프레임워크입니다. MKT1, Growth Unhinged, MRR Unlocked의 프레임워크를 기반으로 합니다.

핵심 문제

대부분의 스타트업 홈페이지는 잘못된 질문에 답하기 때문에 실패합니다. 방문자가 알아야 할 사항:

  1. 이게 뭐지? (명확성)
  2. 나를 위한 건가? (관련성)
  3. 왜 대안보다 나은가? (차별성)
  4. 신뢰할 수 있나? (신뢰도)
  5. 다음에 무엇을 해야 하나? (CTA)

홈페이지가 10초 안에 이 5가지를 모두 답하지 못한다면, 사용자를 잃고 있는 것입니다.

파트 1: 포지셔닝 프레임워크 (먼저 하세요)

카피를 쓰기 전에 다음을 답하세요:

포지셔닝 스테이트먼트

[타겟 고객]을(를) 위해
[이 문제를 가진 / 이 결과를 원하는] 분들,
[제품명]은(는) [카테고리]입니다.
[핵심 혜택/차별점]을 제공합니다.
[주요 대안]과 달리,
[우리가 다른 점]이 있습니다.

예시:

마케팅 에이전시를 위해
캠페인 성과에 대해 클라이언트에게 업데이트하는 데 어려움을 겪는 분들,
ReportFlow는 클라이언트 리포팅 도구입니다.
몇 분 만에 브랜드 보고서를 자동 생성합니다.
Google Slides에서 수동으로 보고서를 만드는 것과 달리,
20개 이상의 광고 플랫폼에서 자동으로 데이터를 가져옵니다.

3가지 포지셔닝 아키타입

하나를 선택하세요:

  • 카테고리 왕: 새로운 카테고리를 만들거나 지배합니다 ("[Y]를 위한 유일한 [X]")
  • 최고 클래스: 한 가지 특정 측면에서 최고입니다 ("가장 빠른/저렴한/간단한 [X]")
  • 니치 포커스: 특정 고객을 일반 제품보다 더 잘 지원합니다 ("[특정 대상]을 위해 제작됨")

파트 2: 홈페이지 구조

승리하는 홈페이지 공식

1. 네비게이션 바
   로고 | 기능 | 가격 | [CTA 버튼]

2. 히어로 (접힌 부분 위 — 가장 중요)
   - 헤드라인: 무엇을 + 누구를 위해 하는지
   - 서브헤드라인: 어떻게 + 핵심 혜택
   - CTA: 주요 행동
   - 소셜 프루프 조각: X명의 사용자 / X개의 리뷰 / 주목할 만한 로고

3. 소셜 프루프 바
   인지도 있는 고객 로고 또는 미디어 언급

4. 문제 섹션
   "[고통]을 겪어본 적이 있다면..." — 공감을 불러일으킴

5. 솔루션 섹션
   제품이 문제를 해결하는 방법 (3열 기능/혜택 레이아웃)

6. 제품 데모
   스크린샷, GIF 또는 동영상 워크스루

7. 기능 상세
   각 주요 기능에 대한 텍스트 + 이미지 블록 교차 배치

8. 소셜 프루프 (전체)
   사진, 이름, 회사가 포함된 사용 후기

9. 가격 미리보기
   (선택 사항) 또는 "월 X달러부터"

10. 최종 CTA
    주요 CTA 반복 + 마지막 이의제기 해결

파트 3: 히어로 섹션 템플릿

히어로는 가장 중요한 카피입니다. 여러 변형을 테스트하세요.

템플릿 1: 결과 중심

헤드라인: [고통스러운 일] 없이 [결과] 달성
서브헤드라인: [제품]은(는) [대상]이 [특정 행동]을 할 수 있도록 도와 [혜택]을 누리게 합니다.
CTA: [무료로 시작하기 / 시작하기 / 14일 무료 체험]

예시:

헤드라인: 수동 작업 없이 더 나은 클라이언트 보고서 보내기
서브헤드라인: ReportFlow는 광고 플랫폼에 연결하여 브랜드 보고서를 자동으로 구축합니다 — 전략에 집중하고 스프레드시트에 시간을 낭비하지 마세요.
CTA: 무료 체험 시작

템플릿 2: 문제 중심

헤드라인: [특정 고통]에 지치셨나요?
서브헤드라인: [제품]이(가) [메커니즘]을 통해 [해결]합니다. [소셜 프루프].
CTA: [행동]

템플릿 3: 카테고리 중심

헤드라인: [대상]을 위한 [형용사] [카테고리]
서브헤드라인: [기능 + 핵심 결과]. [X]명의 [사용자/팀]이 신뢰합니다.
CTA: [행동]

템플릿 4: 구체성 중심 (가장 덜 사용되지만 전환율이 가장 높음)

헤드라인: [숫자가 포함된 구체적 결과]
서브헤드라인: [방법 + 대상]
CTA: [행동]

예시:

헤드라인: 클라이언트 리포팅 시간을 4시간에서 20분으로 단축
서브헤드라인: ReportFlow가 Google Ads, Meta, LinkedIn 데이터에서 화이트 라벨 보고서를 자동 생성합니다. 10명 이상의 클라이언트를 관리하는 에이전시를 위해.
CTA: 실제 작동 보기

파트 4: 헤드라인 공식 치트 시트

공식예시
[Y] 없이 [X] 하기유료 광고 없이 뉴스레터 성장시키기
[목표]를 위한 [형용사] 방법클라이언트 KPI를 추적하는 간단한 방법
[시간/단계] 안에 [X]10분 안에 추천 프로그램 시작하기
드디어, [결과]드디어, 클라이언트가 실제로 읽는 보고서
[고통] 그만. [이득] 시작.보고서 작성 그만. 클라이언트 유치 시작.
[대상]: [결과]에이전시: 리포팅 시간 80% 단축

파트 5: 카피 원칙

명확성이 재치보다 우선

❌ "팀을 위한 데이터 기반 인사이트의 힘을 활용하세요"
✅ "어떤 캠페인이 효과적인지 — 매일 업데이트"

기능 → 혜택 → 결과

기능: 20개 이상의 통합
↓
혜택: 데이터를 자동으로 가져옴
↓
결과: 더 이상 대시보드에서 복사-붙여넣기 필요 없음

항상 결과 수준에서 작성하고, 기능 수준에서 작성하지 마세요.

구체성이 신뢰를 구축합니다

❌ "시간 절약"
✅ "클라이언트 당 월 3시간 이상 절약"

❌ "수천 명이 신뢰"
✅ "1,400개 이상의 마케팅 에이전시가 신뢰"

❌ "사용하기 쉬움"
✅ "15분 안에 설정, 코딩 불필요"

5초 테스트

누군가가 홈페이지를 5초 동안 보고 다음을 답할 수 있어야 합니다:

  • 이게 뭐지?
  • 누구를 위한 거지?
  • 다음에 무엇을 해야 하지?

불가능하다면 → 히어로를 다시 작성하세요.

파트 6: CTA 카피

효과적인 것

✅ 무료 체험 시작
✅ [제품] 무료로 사용해보기
✅ 시작하기 — 무료입니다
✅ [제품] 실제 작동 보기 (데모 우선 제품의 경우)
✅ 무료로 구축 시작하기
✅ 이미 [제품]을 사용 중인 [X]팀에 합류하기

효과적이지 않은 것

❌ 시작하기 (모호함)
❌ 더 알아보기 (약함)
❌ 데모 예약 (셀프 서비스에 높은 마찰)
❌ 구독하기 (뉴스레터처럼 들림)
❌ 제출 (비인격적)

CTA 아래 마찰 줄이기

버튼 바로 아래에 안심 문구를 추가하세요:

신용카드 필요 없음 · 언제든 취소 가능 · 최대 X명의 사용자까지 무료

파트 7: 소셜 프루프 카피

사용 후기 공식

훌륭한 사용 후기는 다음을 답합니다:

[구체적 결과] + [기간] + [그들에 대한 맥락]

예시:

"첫 주에 클라이언트 리포팅 시간을 70% 단축했습니다.
25명의 클라이언트를 관리하는 에이전시로서 이는 획기적인 변화였습니다."
— Sarah K., Founder @ Growth Lab Agency

배치 전략

유형위치
로고 바히어로 아래
별점 + 개수히어로 또는 CTA 근처
짧은 인용문기능 섹션
긴 사용 후기전용 섹션 또는 가격 페이지
사례 연구 링크주요 CTA 근처

파트 8: 가격 페이지 필수 요소

훌륭한 가격 페이지의 DNA (Elena Verna 프레임워크)

  1. 명확한 티어 이름 — 역할/결과 이름 사용, 임의 레이블 사용 금지

    • ❌ 스타터 / 프로 / 엔터프라이즈
    • ✅ 솔로 / 팀 / 에이전시 (대상 기반)
    • ✅ 출시 / 스케일 / 엔터프라이즈 (결과 기반)

  2. 추천 플랜 강조 — "가장 인기" 배지 사용

  3. 기능 비교 — 상위 티어의 가치를 고정

  4. 토글 (월간/연간) — 연간 할인을 명확히 표시

  5. FAQ 섹션 — 상위 5가지 가격 관련 이의제기 해결

  6. 가격 페이지의 소셜 프루프 — 결정 시점에서 구매자 불안 감소

  7. 환불 보장 — 위험 감소

가격 페이지 FAQ 템플릿

Q: 나중에 요금제를 변경할 수 있나요?
A: 네, 언제든지 업그레이드 또는 다운그레이드 가능합니다.

Q: 무료 체험 후에는 어떻게 되나요?
A: [명확히 설명 — 숨기지 마세요]

Q: 환불을 제공하나요?
A: [정책]

Q: 무료 요금제가 있나요?
A: [예/아니오 + 세부 정보]

Q: 스타트업/비영리 단체를 위한 할인이 있나요?
A: [예/아니오 + 신청 방법]

메시징 감사 체크리스트

기존 홈페이지에 대해 이 체크리스트를 실행하세요:

  • 낯선 사람이 5초 안에 무엇을 하는지 이해할 수 있나요?
  • 타겟 대상이 명시적으로 언급되었나요?
  • 숫자가 포함된 구체적인 결과가 하나 이상 있나요?
  • 스크롤 없이 주요 CTA를 볼 수 있나요?
  • 접힌 부분 위에 신뢰 신호가 있나요?
  • 서브헤드라인이 헤드라인을 확장하나요 (반복하지 않나요)?
  • 히어로에 전문 용어나 약어가 없나요?
  • 사용 후기가 구체적입니까 (이름, 회사, 결과)?
  • 가격 페이지가 "체험 후 어떻게 되나요?"에 답합니까?
  • FAQ가 상위 3가지 이의제기를 다루나요?

빠른 참조

요소목표최대 길이
헤드라인명확성 + 훅8-12단어
서브헤드라인확장 + 혜택20-30단어
기능 설명기능 아닌 혜택1-2문장
사용 후기구체적 결과2-3문장
CTA 버튼행동 + 가치3-5단어

황금률: 카피의 모든 줄은 당신이 무엇을 하는지, 누구를 위한 것인지, 또는 왜 당신을 신뢰해야 하는지를 명확히 해야 합니다. 나머지는 모두 삭제하세요.

관련 스킬

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community