Facebook 制作について
Logo

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

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

【制作の流れ】

HerTechの課題として、女性専用パーソナルトレーニングジムのLPを制作しました。依頼概要とペルソナ(20代〜40代のジム未経験者)から訴求ポイントを整理し、ワイヤーフレームを作成しました。情報設計とテキスト量を調整しながらトーン&マナーを策定。ファーストビューを先行して制作・確認を挟むことで、全体の方向性のズレを防ぎながら効率的にデザインカンプへと落とし込みました。

【デザインについて】

●ビジュアルイメージ

女性専用パーソナルジムらしい、やわらかく上品な世界観を意識しました。「運動への苦手意識」を和らげるため、清潔感と安心感を最優先したビジュアルに仕上げています。支給素材のトレーニング風景や設備写真を効果的に配置し、本格的なジムとしての信頼感を担保しながらも、初心者でも親しみやすい印象を追求しました。

●カラー

ペルソナの年齢層や心理を丁寧に紐解き、次の行動へ自然に繋がる配色を意識しました。

ベースカラーにオフホワイトと肌馴染みの良い淡いピンクを採用し、運動への抵抗感を和らげる優しい安心感と清潔感を演出しました。

メインカラーのくすみローズを各セクションの見出し等に使用し、全体を優しく引き締めつつ、大人の女性に響く洗練された上品さをプラスしました。

CTAには全体のフェミニンな雰囲気を壊さずに「健康的で前向きなイメージ」を表現できる深みのあるグリーングラデーションを採用。スマートフォンでのスクロール時にも一目で認識できるよう視認性を高め、予約ボタンを明確に目立たせています。

梅田店オープン記念キャンペーンのオファーエリアには、特別感を演出するゴールドをあしらい、ユーザーのお得感と行動へのモチベーションを高めています。

●タイポグラフィ

「本格的なパーソナルで理想の体型に近づきたい」という期待に応えるため、フォントは上品さと信頼感を担保できるNoto Serif JP(明朝体)で統一しました。スマートフォンの限られた画面幅でも迷わず内容を追えるよう、見出し(Bold)と本文(Regular)のサイズ差を大きく設定しています。大きめの見出しやゆとりのある余白を組み合わせることで、重要なメッセージに自然と視線が集まる構成にしています。 

●情報設計

「何から始めればよいかわからない」というターゲットの悩みに寄り添い、検討時の不安を順番に解消して納得した状態で予約へ進める構成にしています。「悩みへの共感」から始まり、「解決できる理由」から利用メリットを提示。続いてサービスの「4つの特徴」「お客様の声」へと段階的に展開し、未経験者が抱く懸念を払拭しています。「料金」「アクセス」で納得感を持たせた直後に限定キャンペーンとCTAを配置し、無料カウンセリングへの導線を効果的に設計しました。  

【工夫したポイント】

一般的なジムに多い力強くストイックな表現ではなく、淡いトーンや余白のあるレイアウトによって「初心者でも通いやすい」「女性専用で安心できる」という印象を直感的に伝えています。運動が苦手な人にも身近に感じてもらえるよう、健康感だけでなく親しみやすさまで考慮しました。

単調な縦長LPにならないよう、悩みのセクションでは下向きの三角矢印(▼▼▼)やイラストを用いて視線を下へ誘導。特徴紹介パートではスクエア写真やテキストをリズムよく配置し、スマホ画面でもリズムを持って楽しく読み進められるよう工夫しました。

シェア
制作について

【制作の流れ】

HerTechの課題として、女性専用パーソナルトレーニングジムのLPを制作しました。依頼概要とペルソナ(20代〜40代のジム未経験者)から訴求ポイントを整理し、ワイヤーフレームを作成しました。情報設計とテキスト量を調整しながらトーン&マナーを策定。ファーストビューを先行して制作・確認を挟むことで、全体の方向性のズレを防ぎながら効率的にデザインカンプへと落とし込みました。

【デザインについて】

●ビジュアルイメージ

女性専用パーソナルジムらしい、やわらかく上品な世界観を意識しました。「運動への苦手意識」を和らげるため、清潔感と安心感を最優先したビジュアルに仕上げています。支給素材のトレーニング風景や設備写真を効果的に配置し、本格的なジムとしての信頼感を担保しながらも、初心者でも親しみやすい印象を追求しました。

●カラー

ペルソナの年齢層や心理を丁寧に紐解き、次の行動へ自然に繋がる配色を意識しました。

ベースカラーにオフホワイトと肌馴染みの良い淡いピンクを採用し、運動への抵抗感を和らげる優しい安心感と清潔感を演出しました。

メインカラーのくすみローズを各セクションの見出し等に使用し、全体を優しく引き締めつつ、大人の女性に響く洗練された上品さをプラスしました。

CTAには全体のフェミニンな雰囲気を壊さずに「健康的で前向きなイメージ」を表現できる深みのあるグリーングラデーションを採用。スマートフォンでのスクロール時にも一目で認識できるよう視認性を高め、予約ボタンを明確に目立たせています。

梅田店オープン記念キャンペーンのオファーエリアには、特別感を演出するゴールドをあしらい、ユーザーのお得感と行動へのモチベーションを高めています。

●タイポグラフィ

「本格的なパーソナルで理想の体型に近づきたい」という期待に応えるため、フォントは上品さと信頼感を担保できるNoto Serif JP(明朝体)で統一しました。スマートフォンの限られた画面幅でも迷わず内容を追えるよう、見出し(Bold)と本文(Regular)のサイズ差を大きく設定しています。大きめの見出しやゆとりのある余白を組み合わせることで、重要なメッセージに自然と視線が集まる構成にしています。 

●情報設計

「何から始めればよいかわからない」というターゲットの悩みに寄り添い、検討時の不安を順番に解消して納得した状態で予約へ進める構成にしています。「悩みへの共感」から始まり、「解決できる理由」から利用メリットを提示。続いてサービスの「4つの特徴」「お客様の声」へと段階的に展開し、未経験者が抱く懸念を払拭しています。「料金」「アクセス」で納得感を持たせた直後に限定キャンペーンとCTAを配置し、無料カウンセリングへの導線を効果的に設計しました。  

【工夫したポイント】

一般的なジムに多い力強くストイックな表現ではなく、淡いトーンや余白のあるレイアウトによって「初心者でも通いやすい」「女性専用で安心できる」という印象を直感的に伝えています。運動が苦手な人にも身近に感じてもらえるよう、健康感だけでなく親しみやすさまで考慮しました。

単調な縦長LPにならないよう、悩みのセクションでは下向きの三角矢印(▼▼▼)やイラストを用いて視線を下へ誘導。特徴紹介パートではスクエア写真やテキストをリズムよく配置し、スマホ画面でもリズムを持って楽しく読み進められるよう工夫しました。

シェア
HITOMIの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech 架空案件】女性専用パーソナルトレーニングジムのLP制作-1
制作について

【制作の流れ】

HerTechの課題として、女性専用パーソナルトレーニングジムのLPを制作しました。依頼概要とペルソナ(20代〜40代のジム未経験者)から訴求ポイントを整理し、ワイヤーフレームを作成しました。情報設計とテキスト量を調整しながらトーン&マナーを策定。ファーストビューを先行して制作・確認を挟むことで、全体の方向性のズレを防ぎながら効率的にデザインカンプへと落とし込みました。

【デザインについて】

●ビジュアルイメージ

女性専用パーソナルジムらしい、やわらかく上品な世界観を意識しました。「運動への苦手意識」を和らげるため、清潔感と安心感を最優先したビジュアルに仕上げています。支給素材のトレーニング風景や設備写真を効果的に配置し、本格的なジムとしての信頼感を担保しながらも、初心者でも親しみやすい印象を追求しました。

●カラー

ペルソナの年齢層や心理を丁寧に紐解き、次の行動へ自然に繋がる配色を意識しました。

ベースカラーにオフホワイトと肌馴染みの良い淡いピンクを採用し、運動への抵抗感を和らげる優しい安心感と清潔感を演出しました。

メインカラーのくすみローズを各セクションの見出し等に使用し、全体を優しく引き締めつつ、大人の女性に響く洗練された上品さをプラスしました。

CTAには全体のフェミニンな雰囲気を壊さずに「健康的で前向きなイメージ」を表現できる深みのあるグリーングラデーションを採用。スマートフォンでのスクロール時にも一目で認識できるよう視認性を高め、予約ボタンを明確に目立たせています。

梅田店オープン記念キャンペーンのオファーエリアには、特別感を演出するゴールドをあしらい、ユーザーのお得感と行動へのモチベーションを高めています。

●タイポグラフィ

「本格的なパーソナルで理想の体型に近づきたい」という期待に応えるため、フォントは上品さと信頼感を担保できるNoto Serif JP(明朝体)で統一しました。スマートフォンの限られた画面幅でも迷わず内容を追えるよう、見出し(Bold)と本文(Regular)のサイズ差を大きく設定しています。大きめの見出しやゆとりのある余白を組み合わせることで、重要なメッセージに自然と視線が集まる構成にしています。 

●情報設計

「何から始めればよいかわからない」というターゲットの悩みに寄り添い、検討時の不安を順番に解消して納得した状態で予約へ進める構成にしています。「悩みへの共感」から始まり、「解決できる理由」から利用メリットを提示。続いてサービスの「4つの特徴」「お客様の声」へと段階的に展開し、未経験者が抱く懸念を払拭しています。「料金」「アクセス」で納得感を持たせた直後に限定キャンペーンとCTAを配置し、無料カウンセリングへの導線を効果的に設計しました。  

【工夫したポイント】

一般的なジムに多い力強くストイックな表現ではなく、淡いトーンや余白のあるレイアウトによって「初心者でも通いやすい」「女性専用で安心できる」という印象を直感的に伝えています。運動が苦手な人にも身近に感じてもらえるよう、健康感だけでなく親しみやすさまで考慮しました。

単調な縦長LPにならないよう、悩みのセクションでは下向きの三角矢印(▼▼▼)やイラストを用いて視線を下へ誘導。特徴紹介パートではスクエア写真やテキストをリズムよく配置し、スマホ画面でもリズムを持って楽しく読み進められるよう工夫しました。

シェア
HITOMIの他の作品
foriio

あなたのforiioを無料で作成

fori.io/