1. 制作の流れ 課題定義・ペルソナ設定：ターゲットの心理的ハードル（難しそう、失敗したくない）を整理。 ワイヤーフレーム構築：共感から入り、不安を払拭してアクション（予約）へ繋げる視線誘導を設計。 ビジュアル・デザイン展開：トンマナ決定、モデル選定、配色・タイポグラフィの適用と微調整（計3時間）。 2. デザイン カラーリング：柔らかなピンクと肌馴染みの良いベージュを基調にし、ゴールドのアクセントでスクールとしての信頼感・上品さをプラス。 ビジュアル選定：PCを開いて微笑む女性の写真を大きく配置し、「自分にもできそう」「快適に学べそう」というポジティブな再現イメージを担保しています。 3. タイポグラフィ NotoSerifJP：柔らかさと上品さのある明朝体を使用し、ユーザーの悩みにやさしく寄り添うトーンを演出。 強み・CTA（NotoSerifJP）：バッジ内の要素やCTAボタンには可読性の高いゴシック体を重ね、スマホなどの小画面でも一目で識別できるようメリハリを考慮。 4. 情報設計（レイアウト） Zの法則を活用した視線誘導： 【左上】 共感型キャッチコピーで注意を惹く 【中央〜左】 円形バッジで主なメリット（無料／女性限定／初心者OK）を提示 【下部】 特典内容とCTAボタン（今すぐ予約する）で行動を後押し 5. 工夫ポイント 当事者意識を促すフック：「気になっているだけで終わっていませんか？」という問いかけにより、スクロールの手を止めさせる構成。 心理的ハードルの徹底的な排除：丸バッジで「無料」「初心者OK」を独立・強調させることで、離脱を防ぎ予約への心理的負担を軽減させました。