Facebook 【Hertech架空案件】英会話スクールバナー
Logo

【Hertech架空案件】英会話スクールバナー

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

【デザインについて】

・ビジュアルイメージ

ビジネスシーンを想起させるスーツ姿の人物写真をメインビジュアルに使用し、信頼感とプロフェッショナルな印象を表現しました。

・カラー

男性向け、ビジネスシーンをイメージし、誠実さを信頼感を感じさせるネイビーをベースに、視線を引き付けるアクセントとしてイエローを使用しています。

・タイポグラフィ

ビジネスシーン向けのデザインのため、信頼感と可読性を重視し、視認性の高いゴシック体である思源黑体とNoto Sans JPを使用しました。情報を瞬時に読み取れるよう、装飾性よりも読みやすさを優先しています。

・情報設計

「ビジネスシーンで使える英語力をつける」をモットーに、忙しい社会人の方、20代~40代の男性の生徒が多く利用されているスクールなので、素材を少なくシンプルにし、ビジネスシーンがイメージできるカラーやタイポグラフィを選びました。

【工夫したポイント】

キャッチコピーや数字などの重要な情報は斜体を使用し、他のテキストとの差別化を図り、ユーザーがバナーを見た瞬間に訴求ポイントへ視線が向くようにしています。

ユーザーの視線の流れを意識し、「キャッチコピー→サービスの特徴→キャンペーン情報」の順で自然に情報を読み進められるレイアウトに設計しました。忙しい社会人でも短時間で内容を理解できる構成を意識しています。

シェア