landing-page について
landing-page は、ローンチページやウェイトリストページから価格・機能ページまで、製品ページの作成と監査を支援するスキルです。ページの目標、対象者、流入元、ユーザーの懸念に基づき、コピー作成やコンバージョン改善の提案を整理します。
主な機能
- 01ページ種別と目標の評価
- 02価値提案と見出しの確認
- 03CTAと視覚的階層の監査
- 04信頼要素と懸念事項の確認
- 05コピー案とA/Bテスト案の作成
活用シーン
- 01製品ローンチ用ページの作成
- 02コンバージョン率が低いページの監査
- 03見出しやCTAのテスト案作成
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ shawnpang/ startup-founder-skills --skill landing-pageインストール後、Claude Code で/landing-pageを入力して読み込まれたか確認します。
詳細
ランディングページ
使用する場面
- 新しいランディングページをゼロから作成する場合(製品のローンチ、機能紹介ページ、ウェイティングリスト)。
- 既存ページをコンバージョン率最適化(CRO)の観点から監査する場合。
- 見出し、CTA、またはヒーローセクションを書き直す場合。
- 特定のオーディエンスやトラフィックソースに合わせてページのセクションを構成する場合。
- コピーやレイアウトの変更について、A/B テスト用のバリエーションを作成する場合。
必要なコンテキスト
- startup-context から: 製品の説明、ICP(理想的な顧客像)、価値提案、競合他社に対する位置付け、成長段階、ブランドのトーン。
- ユーザーから: ページの URL または現在のコピー(監査の場合)、ページの種類(ホームページ、ランディングページ、料金ページ、機能紹介ページ、ブログ)、主要なコンバージョン目標(登録、デモ、購入、購読、ダウンロード)、トラフィックソース(オーガニック、有料、メール、ソーシャル)、既存のコンバージョンデータやユーザー調査。
ワークフロー
- ページの種類とコンバージョン目標を特定する -- すべてのページに主要なコンバージョンアクションを1つ設定します。ホームページ、ランディングページ、料金ページ、機能紹介ページ、ブログ記事のいずれかを判断します。それぞれに異なるCROフレームワークがあります。
- 価値提案の明確さを評価する -- 訪問者は5秒以内に、これが何で、なぜ関心を持つべきなのかを理解できますか?コピーがベネフィット重視(良い)か機能重視(よくある問題)かを確認します。会社独自の専門用語ではなく、顧客の言葉で書かれていることを確かめます。
- 見出しの効果を評価する -- 見出しは価値提案の核心を伝えていますか?意味が伝わるだけの具体性がありますか?トラフィックソースのメッセージと一致していますか?以下の見出しの型を適用します:
- 成果重視:「[望む成果]を、[悩みの種]なしで実現」
- 具体性: 数字、期間、具体的な成果を盛り込みます
- ソーシャルプルーフ:「[成果]を達成している[N]チームに加わりましょう」
- 直接的な語りかけ:「[つらいこと]をしていますね。もっと良い方法があります。」
- CTAの配置、コピー、階層を監査する -- スクロールせずに見える位置に、明確な主要アクションが1つありますか?ボタンのコピーは単なる行動ではなく、価値を伝えていますか?(「送信」より「無料トライアルを始める」が効果的です。)CTAの階層(主要と副次)を確認し、重要な判断ポイントで繰り返し表示されているかを確かめます。
- 視覚的な階層と読み取りやすさを確認する -- ページをざっと見ただけで、主なメッセージがわかりますか?最も重要な要素が視覚的に目立っていますか?十分な余白がありますか?画像はメッセージを補強していますか、それとも妨げていますか?
- 信頼のシグナルとソーシャルプルーフを評価する -- 以下を確認します:顧客のロゴ(特に認知度の高いもの)、具体的な内容と推薦者情報を含むお客様の声、実際の数値を含む事例紹介、レビュー評価、セキュリティバッジ。CTAの近くや、ベネフィットを示す主張の後に信頼のシグナルを配置します。
- 懸念への対応を特定する -- よくある懸念に対応していますか?価格や価値に関する懸念、「自分にも使えるのか?」、導入の難しさ、「うまくいかなかったらどうなるのか?」といった疑問に、FAQセクション、保証、比較コンテンツ、プロセスの透明性を通じて答えます。
- 摩擦の原因を見つける -- フォーム項目が多すぎる、次の手順が不明瞭、ナビゲーションがわかりにくい、必須にすべきでない項目が必須になっている、モバイルでの使い勝手が悪い、読み込みが遅い、といった点を確認します。
出力形式
- 監査の場合: 推奨事項を次のように構成します:(1)すぐに効果が見込める簡単な変更、(2)コンバージョンの大幅な改善につながる、大きな労力を要する変更、(3)A/Bテストを検討する価値のある仮説。重要な要素については、理由を添えてコピー案を2~3個提示します。
- 草案作成の場合: セクションごとに整理したページ全体のコピーを、見出しのバリエーション2~3案とCTAテキストの選択肢とともに提示します。レイアウトとビジュアルに関する推奨事項も含めます。
フレームワークとベストプラクティス
ページ別CRO
- ホームページ: 初めて訪れたユーザーに明確なポジショニングを伝え、主要なコンバージョンへの最短ルートを用意し、「今すぐ購入したい」ユーザーと「まだ情報収集中」のユーザーの両方に対応します。
- ランディングページ: 流入元とメッセージを一致させ、CTAを1つに絞り(可能であればナビゲーションを削除)、1ページで主張を完結させます。
- 料金ページ: プランを明確に比較し、おすすめのプランを示して、「自分にはどのプランが合うのか」という不安に対処します。
- 機能ページ: 機能とメリットを結び付け、ユースケースや例を含め、試用・購入への明確な導線を用意します。
- ブログ記事: コンテンツのトピックに合った文脈的なCTAを配置し、自然な区切りにインラインCTAを設けます。
コピーの原則
- 見出しはページ上で最も重要な要素です。 見出しでスクロールを止められなければ、ほかの要素は意味をなしません。何よりも先に見出しをテストしてください。
- 気の利いた表現より具体性を優先します。 「週あたりのレポート作成時間を12時間削減」は、「もっと賢く、もっと効率的に」より常に効果的です。
- サブ見出しが価値を具体的に伝えます。 見出しで関心を引き、サブ見出しで価値を説明します。誰に向けた製品か、何ができるか、なぜ重要なのかを明確にするために使ってください。
- 認知レベルに合わせます。 訪問者の認知度に応じて、コピーの詳しさを調整してください。有料検索からの訪問者は一般に解決策を認知しており、料金やCTAを求めています。ソーシャル広告からの訪問者は一般に問題を認知しているか、認知していないため、まず問題について説明する必要があります。流入元から認知レベルがわかります。
コンバージョンの原則
- 1ページにつき目標は1つです。 訪問者に同等の選択肢を2つ提示しないでください。すべての要素を主要なCTAに向けて配置します。
- ファーストビューの原則。 訪問者が5秒以内に、何を提供しているのか、誰向けなのか、次に何をすればよいのかを理解できるようにします。
- 最終CTAの近くでリスクを取り除きます。 「うまくいかなかったらどうしよう?」という不安には、無料トライアル、返金保証、または契約義務がないことを示す文言で対処します。
- ソーシャルプルーフの配置。 ヒーローセクションに小さな実績を示す要素(「500以上のチームに信頼されています」)を置き、ファーストビューより下に専用の実績セクションを設けます。
- お客様の声は具体的にします。 「この製品は素晴らしい」では何の説得力もありません。「オンボーディング期間を3週間から2日に短縮できました」なら説得力があります。数値を含む、成果に焦点を当てた具体的なお客様の声を集めてください。
- 認知負荷を減らします。 選択肢、リンク、情報が増えるたびに、ユーザーの負担が増します。主要なコンバージョンを直接後押ししないものは、すべて削除してください。
- モバイルを最優先します。 トラフィックの60%以上はモバイルです。親指で操作しやすい範囲を考慮して設計してください。拡大しなくてもCTAをタップできるようにします。
関連スキル
content-strategy-- ランディングページへのトラフィックを増やすために、補足コンテンツが必要な場合seo-technical-- ランディングページを自然検索で上位表示させる必要がある場合cold-outreach-- ランディングページがアウトバウンドキャンペーンの遷移先で、コピーをメールのメッセージに合わせる必要がある場合
例
例 1:ページの監査
「こちらがランディングページのコピーです。月間訪問者数は 15k ですが、コンバージョン率はわずか 1.2% です。何が問題でしょうか?」
良い出力:すぐに実施できる改善案(例:機能中心の見出しを成果中心に書き換える)、影響の大きい変更(ページのセクションを再構成する、ヒーローにソーシャルプルーフを追加する)、テスト案(見出しのバリエーション 3 つ、CTA コピーの選択肢 2 つ)。各提案には、具体的な問題、修正案、期待できる効果が含まれます。
例 2:新しいページの草案
「開発者向けツールのウェイトリストページを公開する予定です。ターゲットは、デプロイの複雑さに悩むバックエンドエンジニアです。」
良い出力:セクションごとのコピー一式。ヒーローの見出し:「30 ステップではなく、3 つのコマンドで本番環境にデプロイ。」具体的な悩みを示して問題意識を高める内容。3 ステップの「仕組み」セクション。ソーシャルプルーフのプレースホルダーに関するガイダンス。CTA:「ウェイトリストに参加した 2,400 人のエンジニアに加わりましょう。」見出しの代替案 2 つとレイアウトに関する注記。
例 3:A/B テストの提案
「登録ページのコンバージョン率は 3.5% です。何からテストすればよいでしょうか?」
良い出力:優先順位を付けたテスト計画。(1) 見出し -- 価値提案を機能中心から成果中心に捉え直した 3 つのバリエーション。(2) CTA コピー -- 「無料トライアルを始める」と「実際の動作を見る」と「2 分で始める」を比較。(3) ヒーローの信頼要素 -- 顧客数またはロゴ一覧。各テストには、対照案、バリエーション、仮説、最低サンプルサイズに関するガイダンスが含まれます。