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

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

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

【デザインについて】

●ビジュアルイメージ
ビジネスパーソン向けのスクールにふさわしい「圧倒的な信頼感」と、仕事で成果を出せる「スマートな先進性(ビジネス感)」をイメージして作成しました。

●カラー
・ベースカラー:知性と誠実さ、そして落ち着きを与えるネイビーを採用。背景素材やロゴとの親和性を考慮し、深みの異なる2色をバランスよく選定しました。
・メインカラー:暗い背景に対して真っ白な素材を使いすぎると安価な印象になるため、洗練されたライトブルーを採用。スマートな雰囲気を際立たせつつ、視認性を確保しました。
・アクセントカラー:お得感を直感的に伝えるため料金部分には「イエロー」を、ユーザーのアクションを促すCTAボタンにはエネルギーを感じさせる「ビビッドオレンジ」を採用。各情報の役割に最も適した配色を行いました。

●タイポグラフィ
日本語にはシンプルで安定感があり、信頼性を担保する「ヒラギノ角ゴシック」を採用。数字部分には、縦長でシャープな美しさを持つ「Oswald」を組み合わせ、洗練されたビジネス感を演出しました。また、文字の背景にエフェクトを施すことで、可読性を極限まで高めています。

●情報設計
「新規入会キャンペーン」であるという最大のフックが真っ先に目に飛び込むよう中央に大きく配置。そこから「10,000円OFF」の限定特典、そしてCTAボタンへと、ユーザーの視線が自然に流れるようレイアウトを設計しました。
 優先順位は下がるものの、入会の決め手となるスクールの特徴は、3つのチェックリスト形式で整理。メインのキャンペーン情報を邪魔しないサイズ感と配置で、情報の引き算を行いました。

【工夫したポイント】

スクールでの学びが自身のキャリアアップやビジネスの成功(プラス)に直結することを直感的にイメージできるよう、メインの人物画像とキャンペーンの文字、背景の境界線を思い切って右上がり(上昇)に配置しました。
信頼感の大きな裏付けとなる「生徒様満足度98%」のパーツは、金属のようなシャープなプレート風のあしらいにし、星のモチーフを添えることで、公式実績としての説得力を補強しました。

シェア
星川真美の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech 架空案件】オンライン英会話スクールのバナー-1
星川真美の他の作品
foriio

あなたのforiioを無料で作成

fori.io/