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

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

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】オンライン英会話スクールバナー-1
シェア
制作ノート
制作について

1. ビジュアルイメージ:信頼とグローバル感

  • 人物の配置: 多国籍な4人の講師(あるいはスタッフ)を中央に配置することで、「ネイティブ講師」という強みを直感的に伝えています。全員がビジネススーツを着用し、誠実な笑顔を見せているため、ビジネスパーソンが安心して申し込める「信頼感」を演出しています。
  • 背景のグラフィック: ビル群やネットワーク、通貨記号(¥、$)を薄く重ねることで、単なる英会話ではなく「経済やビジネスの現場で使える」という文脈を補強しています。

2. カラー

  • スプリングピンク: メインタイトルにピンクを使用し、4月の「春のキャンペーン」であることを一目で印象付けています。
  • ネイビー×イエロー: 信頼を象徴するネイビーをベースに、最も目立たせたい「10,000円OFF」や「満足度」にイエローやゴールドを使用。視覚的な優先順位が非常に明確です。
  • 白の縁取り: 背景に人物や複雑な図形があるため、文字に白縁やドロップシャドウをつけ、可読性(読みやすさ)を確保しています。

3. タイポグラフィ

  • タイトルの「春」だけを少し動きのある書体にすることで、新しい季節のワクワク感を演出しています。
  • 金額や「98%」などの数値データなどの目立たせたい部分は大きめのフォントサイズにしています。ユーザーが知りたい「いくら得するか」にフォーカスし、瞬時にメリットが伝わるように設計しました。

4. レイアウト

  • Zの法則: 左上のリボン(無料体験)→中央のタイトル(春のキャンペーン)→中央の特典(1万OFF)→右下の実績(98%)という、人の視線が動きやすい「Z型」の導線になっています。
  • 要素のグループ化: 「いつまでに(4月末)」「何をすれば(申し込み)」「どうなる(1万OFF)」という情報をネイビーのボックス内にまとめ、思考の負担を減らしています。

5. 工夫したポイント

  • ゴールドのエンブレム: 右下の「生徒様満足度98%」をメダル風のアイコンにすることで、第三者からの評価が高いことを視覚的に表現しました。
シェア