Facebook 【HerTech架空案件・課題】女性専用パーソナルトレーニングジムのLP
Logo

【HerTech架空案件・課題】女性専用パーソナルトレーニングジムのLP

クレジット
Avatar
WEBデザイナー
【HerTech架空案件・課題】女性専用パーソナルトレーニングジムのLP-1
シェア
制作ノート
【制作について】

●制作の流れ
 本LPは、ターゲットの課題整理から設計・デザインまで、一貫して意図を持って制作しました。
 まず、運動に苦手意識のある初心者女性をターゲットに設定し、抱えている不安や悩みを洗い出しました。その上で、「続けられるか不安」「人目が気になる」といった心理的ハードルを明確化しています。
 次に、それらの課題を解決するための訴求軸として、「女性専用」「マンツーマン指導」「無理なく続けられる環境」を設定し、構成(ワイヤーフレーム)を設計しました。
 構成設計後は、視線の流れや情報の優先順位を意識しながらデザインに落とし込み、ターゲットに安心感を与える配色や余白設計を行っています。
 最終的に、ユーザーが「自分でも続けられそう」と感じ、無料カウンセリング予約へ自然に行動できる導線を意識して制作しました。

●カラーについて
 本LPでは、ターゲットである女性に安心感や親しみやすさを感じてもらうため、やわらかく落ち着いたトーンの配色でまとめています。
 ベースカラーにはホワイトとくすみピンクを使用し、清潔感と可読性、女性らしさややさしい印象を確保しています。メインカラーにはグレーを採用し、可読性を確保しています。さらに、アクセントカラーとして濃いピンクを用いることで、CTAボタンや重要な情報を強調し、ユーザーの行動を促す設計としています。
 また、一部にベージュ系のカラーを取り入れることで、全体にナチュラルでリラックス感のある雰囲気を加えています。

●タイポグラフィ
  本LPでは、可読性を重視しシンプルなゴシック体を使用しています。 運動初心者の女性をターゲットとしているため、装飾性よりも「読みやすさ」「分かりやすさ」を優先した設計としています。
 文字サイズはスマートフォンでの閲覧を想定し、メインコピー・見出し・本文・ボタンの役割に応じてメリハリをつけています。特にファーストビューのコピーは視認性を高めるため大きめに設定し、ユーザーの目を引くように設計しました。

●情報設計
 本LPでは、ターゲットの不安を解消しながら行動へ導くため、情報の優先順位と流れを意識して設計しています。
 構成は「お悩み → 解決 → 特徴 → 料金 → 行動」とし、まずユーザーの悩みに共感することで関心を引き、その後に解決策や安心材料を提示することで信頼を構築しています。
 また、「女性専用」「マンツーマン指導」といった継続しやすい理由を段階的に伝えることで、「自分でも続けられそう」という納得感を高め、最終的に無料カウンセリング予約へ自然に繋がる導線を設計しました。

●ターゲットへの訴求ポイント
 本LPでは「運動が苦手」「ジムが続かない」といった悩みを持つ女性をメインターゲットに設定しています。
 そのため、「初心者でも安心して通える」「無理なく続けられる」という安心感を軸に、共感を得られるコピーや構成を意識しました。 また、女性専用ジムである強みを活かし、周囲の目を気にせずトレーニングできる環境であることを明確に伝えています。
 さらに、理想の身体を“無理なく実現できるイメージ”を持たせることで、単なるサービス紹介ではなく「自分にもできそう」と感じてもらえる訴求設計にしています。

  ●CTA設計  
 可読性と視認性を高めるため、要素間の余白を十分に確保し、情報が詰まりすぎないレイアウトを意識しました。 また、セクションごとに余白で区切ることで、情報のまとまりを直感的に理解できるよう設計しています。  

●余白・レイアウト設計
 本LPでは、情報の「読みやすさ」と「視線誘導」を重視し、余白設計とレイアウトのバランスにこだわりました。 特にスマートフォンでの閲覧を想定し、要素同士の距離を適切に確保することで、情報が詰まりすぎないストレスのない構成にしています
 また、視線の流れが自然にCTAへ向かうよう、重要な要素に対しては余白を広めに取り、逆に関連情報はグルーピングすることで、メリハリのあるレイアウトに設計しています。 これにより、直感的に内容を理解できる導線を意識しました。 

●工夫したポイント
 本LPでは、運動に苦手意識のある初心者女性が安心して行動できるよう、心理的ハードルを下げる設計を意識しました。
 ファーストビューでは「続けられる理由」にフォーカスしたコピーを配置し、興味を引きながら不安の軽減を図っています。また、お悩み→解決→特徴と段階的に情報を提示することで、自然に信頼を高める構成としました。
 デザイン面では、やわらかい配色と余白を意識し、圧迫感のない読みやすいレイアウトに調整。さらに、CTAボタンは視認性を高めるカラーと配置にすることで、迷わず行動できるよう工夫しています。

シェア
foriio

あなたのforiioを無料で作成

fori.io/