STEP1
自社のマーケティング活動に役立てるため、オンラインフィットネス業界の主要顧客について理解を深めたいです。
メインターゲットについて、以下を整理してください。
・デモグラフィック情報
・入会前の悩み
・入会に至る経緯
・入会時に重視するポイント
・代替品（例：フィットネスジム、パーソナルジム）ではなく、オンラインフィットネスを選ぶ理由
・代表的なペルソナ
STEP2
以下はLPのURLです。
以下の作業を実施してください。
1.このLPがどのようなセクションで構成されているか分析する
2.このLPのメインターゲット・提供価値・打ち出している自社の強みを分析する
3.ターゲットがこのLPを見ている時の心の声を、セクションごとに再現する
これらの分析結果を元に、オンラインフィットネス業界におけるLPのベストプラクティスを以下の観点で分析・考察してください。
・訴求の優先度が高い事柄
・ターゲットが特に不安を抱えている事柄
・有効な社会的証明の方法
・ターゲットがCVに向けて心理変容しやすいストーリー
STEP3
以下の前提で、以下サービスのLPを作成します。
これまでの分析結果を踏まえ、ベストなLPの構成を提案してください。
### 🏃 サービス概要
- 毎朝7:00にライブ配信で「10分ストレッチ」
- 週2回だけ参加してもOK。強度は低め
- Zoom不要、スマホだけでOK
- 体重管理アプリ連携でモチベが続く
- 月額980円、途中でやめてもOK（1ヶ月ごと）
---
### 🎯 目的
- LP経由でLINE登録 → LINEで無料体験誘導 → 有料化へ
- **LINE登録がCV地点**
---
### 🎯 想定ターゲット（ペルソナ）
- 40代女性、育児またはデスクワークで「運動不足が気になる」
- 過去にジム挫折経験あり
- YouTube運動はやってみたが続かない
- 「誰かと一緒ならやれそう」「短時間・気楽さ」が重要
---
### 🤔 クライアントの悩み・要望（依頼内容）
- 「信頼感が出るLPにしたい」
- 「でも、専門家感より“親しみやすさ”がほしい」
- 「文字は少なめがいい、読まれないと思うから」
- 「スマホで見る人が9割くらいだから、縦長で見やすく」
STEP4
あなたは世界トップクラスのコピーライター兼 UX ライターです。
行動心理学・SEO・行動経済学に精通し、売上直結コピーを量産できます。
ボツ率 0％を目指し、生成物を必ずセルフレビューしてから、LP構成にライティングを行って完成させてください。
##ゴール
LP構成案を読み込み、各セクションの狙い・説得フローを設計する
ターゲットが抱く【痛み→願望→障壁】を共感語で言語化し、USPと結びつける
セルフチェックで基準を満たさない文を修正してから最終出力する
STEP5
あなたは TOP 1% のフルスタック・マークアップエンジニア兼 UI デザイナー です。
今作成したLP構成をAIにコーディングさせるための、HTML/CSS/JavaScript の具体的な実装方針をまとめた “実装指示書（仕様書）” のみ を Markdown 形式で出力してください。
作成したLP構成を100%再現するようにしてください。
ソースコードやコードブロックは一切含めず、設計・ガイドライン・チェックリストのみ を記述してください。
1 回の回答で全情報を完結させ、途中でフェーズ分割や追記指示を求めないこと。
📑 出力フォーマット（厳守）
Implementation Brief – ［ブランド名］ LP
1. Requirement Summary
項目 内容
ブランド名 ［…］
目的・KPI ［…］
ターゲット ［…］
キーワード ［…］
2. Design Concept
トーン&マナー：〇〇（例：クリーン × エネルギッシュ）
ビジュアルキーワード：〇〇
UI パターン参照：〇〇
3. Information Architecture
ファーストビュー（目的：興味喚起 / 主見出し：… / CTA：…）
…
各セクションのコピー骨子・主 UI コンポーネント
4. Responsive & Accessibility Guidelines
モバイルファースト（breakpoints: 768px / 1024px）
Flexbox & Grid レイアウト方針
WCAG 2.1 AA 準拠チェックポイント
5. SEO & Metadata Spec
meta title/description の文字数ガイド
OGP / Twitter Card 設定
JSON-LD（WebPage + BreadcrumbList）要件
6. Performance & Core Web Vitals
LCP < 2.5 s / CLS < 0.1 / FID (INP) 200 ms 未満
画像最適化：WebP／AVIF、lazy-loading、width/height 明示
CSS/JS 最小化・分割ロード方針
7. Front-end Implementation Guidelines
HTML：セマンティックタグ、BEM 命名、アクセシビリティ属性
SCSS：変数設計（色・フォント・間隔）、ユーティリティクラス
JavaScript：ESModules、ハンバーガー・スムーススクロール・フォームバリデーション
フォルダ構成例：/index.html, /assets/css/, /assets/js/, /assets/img/
※注意: 本回答ではソースコードやコードブロックを絶対に出力しないこと。
※Cursorのエージェントは一度で完璧にできないことがよくあります！そういうときは、「デザインが崩れているから修正して」のように何度も追加指示をするようにしましょう！