【HerTechの架空案件】オンライン英会話スクールのバナー

⚫︎ビジュアルイメージ

ターゲットに寄り添い、受講後の成果がイメージできるような設計にしました。

⚫︎カラー

視線を集めたい箇所にメリハリをつけ、スクールとしての信頼性を強調できるなカラーにしました。

⚫︎タイポグラフィ

見出しはサイズとサイズとウェイトで強弱をつけ、遠目でも内容が伝わるように設計し、読みやすさを考えNoto Sans JPとたづかね角ゴシックinfoを使用しました。

⚫︎情報設計

情報を 3段階 に分けて配置。

1. 第一印象で伝える情報　・満足度98%　・春の新規入会キャンペーン
2. 内容を理解・納得させる情報　・マンツーマンレッスン　・講師は全員ネイティブ　・24時間365日受講可能
3. 行動を促す情報　・無料体験レッスン　・入会金割引　・申込期限の明示

視線の流れに沿って、

「理解 → 納得 → 行動」につながる構成にしました。

⚫︎工夫したポイント

• 実績数値（98%）を最初に見せることで安心感を先に与えアクセントカラーは強調したい情報のみに限定し全体の信頼感を崩さないように調整しました。人物写真は右側に配置し、テキスト情報の理解を妨げないレイアウトにしました。情報量は多いですが、帯・枠・良h区を使って整理し、読み疲れしない設計に工夫しました。