【Her Tech架空案件】パーソナルトレーニングジムのLP

クレジット

WEBデザイナー

制作ノート

【LPについて】

● 制作の流れ

ターゲット設定からデザインへの落とし込みまで以下の順番でクライアントと相談しながら行いました。

ヒアリング・ペルソナ設定:「運動が苦手」「ジムに通いたいけれど男性の目が気になる」という初心者の女性。痩せたいといつも思っているが、自宅で動画を見ながら簡単な運動をしたり間食を抜くという程度で、本格的なダイエットはしたことがない。運動不足解消・ダイエットも兼ねてジムに通ってみたいと思っているが、せっかくなのでしっかり理想の体型に近づけるようなパーソナルトレーニングを受けたいと思っている。
構成・ワイヤーフレーム作成: ファーストビューで引き込み、悩みの共感 ➔ 解決策（4つの理由） ➔ 料金・キャンペーン ➔ コンバージョン（予約）へと繋げる、王道の構成を設計。
ビジュアルデザイン: ターゲット層が親しみやすく、安心感・清潔感を覚えるカラーリングとフォントの選定。ピンクを基調にして、女性らしいLPにしています。
ブラッシュアップ: CV（コンバージョン）ボタンの視認性や、スマートフォン・PCでの見やすさを意識したレイアウト調整。

女性らしさと清潔感、そして「初心者でも安心できる優しさ」を表現したカラーパレットです。

メインカラー: スモーキーピンク（くすみピンク）女性専用ジムとしてのアイデンティティを出しつつ、甘くなりすぎない落ち着いたトーンで大人の女性に訴求しています。
ベースカラー:  パステルピンク・ライトブルー清潔感と透明感を演出しています。
アクセントカラー（CVカラー）: コーラルオレンジ（朱色に近いオレンジ）重要な「無料カウンセリング」のボタンに使用。背景のピンクに埋もれず、かつ全体のトーンを崩さない温かみのある進出色（目立つ色）を採用しています。

フォントの強弱（ジャンプ率）を意識し、直感的にメッセージが伝わる工夫がされています。

フォントスタイル: 全体的にゴシック体をベースに、角が少し丸みを帯びたもの、または優しさを感じる太めのウェイトを使用しています。
ジャンプ率（文字の大小差）:キャッチコピーは「変わりたい。」「運動はニガテ…」を大きく配置し目立たせました。初心者に選ばれる「4」つの理由や、料金の「￥39,000〜」など、数字を際立たせることで、視線誘導と「お得感・具体性」を瞬時に伝えています。

ユーザーの心理に寄り添い、上から下へスムーズに納得感を持たせるストーリー構成（構成案）になっています。

ファーストビュー: 悩みへの共感（キャッチコピー）＋実際のトレーニングを連想させる女性の画像＋すぐに申し込めるCVボタン。
共感セクション（お悩み）: 「痩せたいけど続かない」「手ぶらで通いたい」など、ターゲットが「私のことだ」と思える具体的な悩みの箇条書き。
解決策・ベネフィット: 「当ジムが初心者に選ばれる4つの理由」をアイコンと写真付きで4象限に整理。一目で特徴（完全女性専用、アメニティ、シャワー、食事指導）が伝わります。
オファー（料金・特典）: 料金体系を明確にし、さらに「梅田店オープン記念キャンペーン」「5,000円OFF」という限定感で背中を押します。
フッター（アクセス）: 地図のイメージと住所・電話番号で、最後の安心感と信頼感を与えています。

デザイン面・マーケティング面で、コンバージョン（成果）を上げるために取り入れられているテクニックです。

「簡単1分」のマイクロコピー: CVボタンの上部に【簡単1分】と記載することで、申し込みに対するユーザーの手間や心理的ハードルを徹底的に下げています。
分かりやすいアイコン設計: 4つの理由（女性空間、アメニティ、シャワー、食事）にピクトグラム（アイコン）と実際のイメージ写真をセットで配置することで、テキストを細かく読まなくても直感的に魅力が伝わるようにしています。
行動を促す矢印（▶︎）: CVボタンやキャンペーンからボタンへの流れに「▶︎」を配置し、次に進むべき視線を自然に誘導しています。
安心感を与える要素の配置: 背景を淡いピンクとライトブルーのグラデーション（または切り替え）にすることで、スポーティで硬いジムの印象を払拭し、リラクゼーションサロンのような「通いたくなる空間」を演出しています。