landing-page-creator について
キャンペーンに合わせたコピー、構成、コンバージョン要素を設計するランディングページ作成スキルです。マーケター向けに、登録や販売などに使える HTML/CSS ページを生成します。
主な機能
- 01キャンペーン向けページ構成
- 02見出しとコピーのフレームワーク
- 03コンバージョン重視の CTA とフォーム
- 04レスポンシブなセマンティック HTML/CSS
- 05A/B テストの指針
活用シーン
- 01リード獲得ページの作成
- 02製品ローンチの告知
- 03ウェビナー登録の受付
- 04トライアルやニュースレターの登録
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ kuse-ai/ kuse-skills --skill landing-page-creatorインストール後、Claude Code で/landing-page-creatorを入力して読み込まれたか確認します。
詳細
ランディングページ作成
説得力のあるコピー、最適化された構成、コンバージョン重視のデザイン要素を活用し、キャンペーンの目標に合わせた成果の高いランディングページを作成します。
このスキルを使う場面
次のような用途でこのスキルを使います。
- リード獲得キャンペーン
- 製品ローンチページ
- イベント登録やウェビナー
- 無料トライアルの申し込み
- ニュースレターの購読
- コースやサービスの販売
- アプリのダウンロードキャンペーン
- コンテストやプレゼント企画のページ
ランディングページのフレームワーク
必須要素
成果の高いランディングページには、次の要素が含まれます。
- 魅力的な見出し:6〜10語で明確な価値提案を伝えます
- 補足するサブ見出し:主なメリットを詳しく説明します
- ヒーロー画像/動画:メインメッセージを視覚的に補強します
- メリットのセクション:機能ではなく、ユーザーが得られる成果に焦点を当てます
- ソーシャルプルーフ:推薦文、レビュー、信頼バッジ
- コールトゥアクション:明確で目立ち、行動を促す内容にします
- フォームの最適化:入力項目を最小限にし、論理的な流れにします
- モバイル対応:あらゆるデバイス向けに最適化します
コンバージョンの最適化
次の方法でページのパフォーマンスを最大化します。
- 焦点を絞る:1ページにつき主な目標を1つにします
- ファーストビューのCTA:スクロールせずに主要なアクションが見えるようにします
- 緊急性を示す要素:期間限定オファー、希少性を示す情報
- 信頼のシグナル:セキュリティバッジ、保証、認証
- 段階的な情報開示:複雑な情報を段階的に提示します
- A/Bテスト:最適化のために複数のバリエーションを用意します
ページ構成のテンプレート
リード獲得テンプレート
1. Headline + Value Proposition
2. Subheadline with Benefits
3. Hero Image/Video
4. Lead Magnet Description
5. Form (Name, Email)
6. Social Proof
7. Additional Benefits
8. FAQ Section
9. Footer with Trust Elements
製品販売テンプレート
1. Problem Statement
2. Solution Introduction
3. Product Demo/Screenshots
4. Features and Benefits
5. Pricing Options
6. Customer Testimonials
7. Guarantee/Risk Reversal
8. Urgency/Scarcity
9. Final CTA
コンテンツガイドライン
見出しの作成方法
- 主なメリットを冒頭に置きます
- 具体的な成果や数値を含めます
- ターゲット読者に直接呼びかけます
- 好奇心や緊急性を生み出します
- 可能であれば10語未満にします
コピーの構成
- 問題・あおり・解決策:課題を特定し、緊急性を高め、解決策を提示します
- 現状・理想・橋渡し:現在の状態、望ましい将来、そこに至る道筋を示します
- 特徴・優位性・メリット:何であるか、何をするか、それが何を意味するかを説明します
技術的な実装
次の要素を含む、クリーンでコンバージョンに最適化されたHTML/CSSコードを生成します。
- セマンティックHTML:アクセシビリティとSEOに適した構造
- モバイルファーストデザイン:あらゆるデバイスで使えるレスポンシブレイアウト
- 高速な読み込み:最適化された画像と最小限のコード
- フォームの検証:UXを向上させるクライアント側の検証
- アナリティクス対応:コンバージョン測定のためのイベントトラッキング
成果につながる、すぐにデプロイできるランディングページを作成します。
コメント
Markdown 対応