女性専用パーソナルトレーニングジムのランディングページを想定し、「運動が苦手・初心者でも安心して通えること」と「短期間で変化を実感できる魅力」を軸に設計しました。
ターゲットは20代〜40代の女性で、美容・健康意識はあるものの、ジムに対してハードルを感じている層を想定しています。
そのため、強いトレーニング感よりも「やさしさ・清潔感・安心感」を重視したトーンで全体を構築しています。
■ ビジュアルイメージ
「やわらかく上品で女性らしい」印象をベースに設計しています。余白をしっかり確保したレイアウトにすることで、情報量が多くても圧迫感を感じさせず、心理的なハードルを下げる設計を意識しました。また、各セクションの背景色や形状を変化させることで、長いLPでも単調にならないリズムを生み出しています。
■ カラー設計
メインカラーにはピンク系を採用し、女性向けサービスとしての親和性を高めています。
全体を淡いトーンで統一しつつ、料金やCTAボタンなど重要な箇所はコントラストを強めることで、視認性と行動喚起を両立させています。
■ タイポグラフィ
見出し・本文・英字見出しすべてに明朝体系(Noto Serif JP)を採用し、上品さと統一感を大切にしています。行間を広めに設定することで、スマートフォンでも読み疲れしない設計を意識しました。
料金表にはゴシック体系(Noto Sans JP)を使用し、金額や項目が一目で把握できるシンプルな視認性を確保しています。
フォントの種類・太さ・サイズを役割ごとに使い分けることで、情報の階層が視覚的に自然に伝わるよう設計しています。
■ 情報設計
ユーザーの心理導線に沿って、以下の順番で構成しています。
1. ファーストビュー(キャッチコピー・オープン記念キャンペーン訴求・CTA)
2. 悩みの共感(こんな気持ち、ありませんか?)
3. サービスの特徴(Ruby P.T だからできること)
4. お客様の声(信頼・社会的証明)
5. アメニティ・設備(安心感の補強)
6. ご利用の流れ(行動ハードルを下げる)
7. 料金プラン・CTA(予約への最後の一押し)
8. 店舗情報(「実際に通う自分」をイメージさせる)
「悩み → 解決策 → 信頼 → 安心 → 行動」のストーリーを意識し、読み進めるほど納得感が積み上がり、CTAを押す決断を迷わせない構成にしています。
特に料金セクションの前にご利用の流れを配置することで、「まず無料カウンセリングだけ」という低ハードルな入口を示し、クリックへの心理的抵抗を下げる設計にしました。
■ 工夫したポイント
