Communitygithub.com

SaaSウェブサイトコピー

コンバージョン率の高いSaaSマーケティングウェブサイトとランディングページを作成します。マーケティングサイト、ランディングページ、ソフトウェア製品のホームページコピーを作成する際に使用します。

SaaSウェブサイトコピー とは?

このスキルは、個人ユーザー(プロシューマー、開発者、マーケター、SMB)をターゲットとした、コンバージョン率の高いSaaSマーケティングウェブサイトのコピーを作成するための包括的なガイドです。主にClaude Code、Cursor、CodexなどのAIエージェントプラットフォームで使用されることを想定しており、SWEエージェント向けのSKILL.mdファイルとして構造化されています。このスキルは、製品の基本情報、ターゲットユーザー、ペインポイント、独自の価値提案、主要機能、ソーシャルプルーフ、CTA目標など、必要な情報を収集するための体系的なディスカバリープロセスを提供します。また、最適なコンバージョンフローのためのホームページ構造(ヒーローセクション、ソーシャルプルーフ、問題セクション、ソリューション詳細など)を詳細に説明し、具体的なコピーライティングガイドライン(トーン、スキャン容易性、感情的トリガー、主張)やデザイン原則も含まれています。このスキルを使用することで、AIエージェントはユーザーと対話的に情報を収集し、説得力のある具体的なコピーを生成し、SaaS製品のマーケティング効果を最大化できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/miketromba/skills/tree/HEAD/skills/saas-website-copy

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

SaaSウェブサイトコピー は何をしますか?

個人ユーザー(プロシューマー、開発者、マーケター、SMB)をターゲットとした、コンバージョン率の高いSaaSマーケティングウェブサイトを作成します。

ディスカバリープロセス

ウェブサイトコピーを作成する前に、以下の情報を収集します。不足している情報があれば、必要な情報がすべて揃うまでユーザーとコンサルティング形式で対話しながら質問してください。

必須情報

  1. 製品の基本

    • 製品名
    • 製品の機能(一文で)
    • 製品カテゴリ(例:「プロジェクト管理ツール」「CRM」「分析プラットフォーム」)
  2. ターゲットユーザー

    • 理想的なユーザーは誰か?(役割、業界、企業規模)
    • 彼らは何を達成しようとしているのか?(時間節約、コスト削減、チームへのアピールなど)
  3. ペインポイント(最低3つ)

    • この製品は具体的にどのような問題を解決するか?
    • ユーザーは現在どのようなフラストレーションを感じているか?
    • これらの問題の感情的影響は何か?
  4. 独自の価値提案

    • この製品は代替製品と何が違うのか?
    • なぜ競合他社ではなくこれを選ぶべきなのか?
  5. 主要機能/能力(最も重要な3〜5つ)

    • 製品は何をするのか?
    • 各機能はどのような成果をもたらすか?
  6. ソーシャルプルーフ(入手可能な場合)

    • 顧客のロゴ
    • 具体的な結果を示す顧客の声
    • 利用統計
    • 受賞歴、認定、レビュー評価
  7. CTAの目標

    • 訪問者にどのようなアクションを取ってほしいか?(無料トライアル開始、デモ予約、サインアップなど)
    • リスクを軽減する要素はあるか?(クレジットカード不要、無料枠、返金保証など)

ディスカバリー質問

情報が不足している場合は、以下のような質問をしてください:

  • 「[製品名]はユーザーのどのような問題を解決しますか?」
  • 「理想的な顧客は誰ですか?その役割と達成しようとしていることは何ですか?」
  • 「この製品は、顧客が検討する他の選択肢と何が違いますか?」
  • 「3〜5の主要機能と、それぞれがユーザーにもたらす成果は何ですか?」
  • 「含めることのできる顧客の声、ロゴ、利用統計はありますか?」
  • 「訪問者にどのようなアクションを取ってほしいですか?無料トライアル、デモ、その他?」

説得力のある具体的なコピーを書くのに十分な情報が得られるまで、情報収集を続けてください。

基本原則

  1. 一人のユーザーに語りかける - 「あなた」を全体で使用します。会社全体の問題ではなく、個人のペインポイントに焦点を当てます。SaaSのヘッドラインで「あなた」を使用しているのはたった27%です。この間違いをしてはいけません。
  2. 機能よりもメリット - 常に機能を成果に結びつけます:「リアルタイム通知 → 重要なアップデートを見逃さない」
  3. 会話調で書く - 友人に説明するように、企業のパンフレットのようにではなく。
  4. 説明するだけでなく、示す - ストック写真よりも製品スクリーンショットを使用し、具体的な内容で主張を実証します。

ホームページ構造

最適なコンバージョンフローのために、以下のセクション順序に従ってください:

1. ヒーローセクション

  • ヘッドライン:5〜8語、メリット重視、具体的(曖昧な誇大表現は避ける)
    • 良い例:「チームのプロジェクトを一つにまとめる」
    • 悪い例:「コラボレーションを再発明する」
  • サブヘッドライン:具体性を追加 - ターゲットユーザー、解決する問題、主要な成果。「これは何で、なぜ気にするべきか?」に答える。
  • ビジュアル:製品スクリーンショットまたはモックアップ(SaaSページの40%がヒーローにスクリーンショットを使用)。一部のページはヒーロー画像なし(25%)で、集中力と高速読み込みを実現。
  • プライマリCTA:単一の目立つボタン(「無料トライアルを開始」「始める」)

2. ソーシャルプルーフ#1(ロゴ)

  • 認知度の高い顧客/パートナーのロゴ5〜8個(ごちゃごちゃしたコラージュは避ける)
  • あなたのオーディエンスが認知している、または目標としているロゴに焦点を当てる
  • キャプション:「[対象オーディエンス]の[数]以上のチームに信頼されています」または「[会社名]は[業界]が[成果]を達成するのを支援します」
  • まだロゴがない場合はこのセクションをスキップする

3. 問題セクション

  • オーディエンスが直面する3つのペインポイントをリストアップ
  • フラストレーションを説明する、内臓的で感情的な言葉を使用
  • 例:「メールでのプロジェクト管理では、タスクが漏れてしまいます」
  • 感情的影響に触れる:「すべてを把握するのはストレスです」
  • 目標:読者が「そう、それがまさに私の問題だ!」と思うこと

4. ソリューション紹介

  • 上記の問題に製品を結びつける簡潔なトランジション
  • 1〜2文:「[製品名]をご紹介します – [特定の痛みを解決する][カテゴリ]です」
  • 製品カテゴリに言及して明確にしつつ、痛みの解決を中心にフレーミングする
  • パンチの効いた、誇張しすぎないものに

5. ソリューション詳細(機能)

  • 3〜5の主要な機能。インパクトの大きい順に優先順位付け(最も魅力的なものを最初に)
  • 各機能を結果重視のサブヘッドラインで導く
  • 「古い方法 vs 新しい方法」の対比を検討:「Xを手動で行うのはやめて – 製品Xが自動化します」
  • スキャンしやすく保つ – 短いブロック、アイコン/スクリーンショットを横に配置
  • 複雑な製品の場合:短い説明ビデオ、GIF、アニメーションを含める
  • 詳細情報は別ページやFAQに任せ、ここでは興味を引くだけ

6. ソーシャルプルーフ#2(顧客の声)

  • 具体的で結果に焦点を当てた引用:「プロジェクト期間を25%短縮」
  • フルネーム、写真、役職、会社を含める(匿名の引用は信頼性に欠ける)
  • 実際の具体性 > 一般的な称賛
  • 引用:「あなたが言うとそれはマーケティングです。顧客が言うとそれはソーシャルプルーフです」
  • まだ顧客の声がない場合はこのセクションをスキップする

7. 結果セクション(オプション)

  • 定量化された成果:「3ヶ月以内にリード件数が3倍に」
  • 現実的で具体的な数値を使用(「1000%改善」は避ける)
  • 顧客固有のデータがない場合、総計を使用:「毎週5,000以上のタスクが完了しています」
  • 意味のあるデータがない場合はスキップする

8. 最終CTA

  • 価値提案をクロージングラインで再強調:「ワークフローを効率化する準備はできましたか?」
  • アクション+メリットテキストの単一の目立つCTAボタン
  • リスク軽減の注意書き:「クレジットカード不要」または「永遠に無料のプラン」

オプションの追加

  • 仕組みセクション(ビジュアル/図解を使用)
  • FAQ よくある質問や反論に対応するため

コピーライティングガイドライン

ヘッドライン

  • 製品が何であるかではなく、製品がユーザーにとって何をするかを述べる
  • 自社ではなく、顧客のニーズと結果に焦点を当てる

トーン

  • 会話調で温かみがあり人間味のある – B2Bでの差別化要因
  • 専門用語を避ける – オーディエンスが実際に使用する用語を使う

スキャン容易性

  • 短い文と段落(各2〜3文)
  • 小見出し、箇条書き、アイコンで区切る
  • 訪問者はざっと見る – キーメッセージ、メリット、CTAはひと目で目立たなければならない
  • 明瞭さは賢さに勝る

感情的トリガー

  • 問題セクションではフラストレーションを認識する:「締め切りの遅れはストレスであり、チームに敗北感を与える可能性があります」
  • ポジティブな成果を描く:安心感、自信、心の平穏
  • パワーワードを使用:「簡単」「フラストレーションフリー」「安全」「楽しい」
  • 購買決定は感情によって動かされ、論理によって正当化される

主張

  • 実現可能な合理的な約束をする
  • 「数週間ではなく数日で結果を」> 「収益を3倍にすることを保証」
  • 誇張された主張は逆効果 – ユーザーは信頼しないか、失望する

信頼シグナル(ロゴ/声を超えて)

利用可能な場合に含める:

  • 利用統計:「10万人のユーザー」または「2000万ファイルが同期されました」
  • レビューサイトの評価:G2、Trustpilot、Capterraのバッジと星評価
  • 受賞歴/認知:業界賞、「ベスト」リスト
  • セキュリティバッジ:SOC2認証、GDPR準拠(機密データを扱う場合)

デザイン原則

  • 気を散らすものを最小限に:成功しているSaaSランディングページの91%はトップナビゲーションがなく、73%は単一のプライマリCTAのみ
  • モバイルファースト:訪問の大半はモバイル – 小さな画面でもCTAが目立つようにする
  • 速度が重要:画像を圧縮し、スクリプトを最小限に – 1秒の遅延がコンバージョンを損なう
  • 視覚的階層:ナラティブに沿って目を誘導 – 見出しは大きく、セクションは論理的に流れ、CTAは目立つ
  • ホワイトスペース:クリーンで乱雑さのないレイアウトはコンテンツを親しみやすくする
  • 一貫した美学:ブランドカラー、読みやすいフォント、論理的なスペーシング。CTAは対照的な目立つ色に
  • 本物のビジュアル:製品スクリーンショット、図解 – ありきたりなストック写真は避ける

CTAのベストプラクティス

  • アクション+メリットテキスト:「無料トライアルを始める」「デモを予約する」「始める – 無料です」
  • 目立つ対照的な色
  • セカンダリCTAが必要な場合(例:「ビデオデモを見る」)、目立たなくする
  • ページ下部でプライマリCTAを繰り返す
  • ページごとに一つの目標 – 同等の複数のCTAは訪問者を混乱させる

関連スキル