Facebook 制作について
Logo

【HerTech 架空案件】オンライン英会話教室バナー

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

【制作の流れ】

HerTechの課題でオンライン英会話教室のバナーを制作しました。

制作時間:3時間。

情報設計、デザインまで担当。

【デザインについて】

●ビジュアルイメージ

・信頼感とプロフェッショナリズム

スーツ姿の講師を配置することで「ビジネス英会話に強い」「しっかりとしたスクール」という印象を与えさせました。

・幾何学的な背景

ブルー系の多角形背景は、知性・誠実さ・清潔感を象徴する王道デザインで、英会話スクールのイメージと相性が良いため、選びました。

・人物の配置を中央寄りにし、安定感を

視線が自然と講師 → キャッチコピー → CTA(無料体験)へ流れる構造にいたしました。

●カラー

・ブルーを基調にした安心感のある配色

ブルーは教育系・語学系でよく使われる色なので、「信頼」「知性」「落ち着き」を表現させました。

・アクセントカラーを控えめに

情報が多い中でも、色数を絞って視認性を保たせました。キャンペーンの「OFF」部分を強調させるために、色を変えてグラデーションを足しました。

●タイポグラフィ

・キャンペーン名は「Noto Serif JP」でビジネス感を出し、入会金10,000円OFFの文字は「Noto Sans JP」の太めのゴシック体にすることにより、視認性を確保させました。

・キャンペーン情報やキャッチコピーが太字で、遠目でも読みやすい。

・メリハリのある文字サイズ

「春の新規入会キャンペーン」→大

「入会金10,000円OFF」→さらに大

「講師は全てネイティブ」などの補足情報→中

という階層を作りました。

●情報設計

・ユーザーが知りたい順に情報を並べました

- キャンペーンの存在

- 具体的なメリット(10,000円OFF)

- スクールの強み(ネイティブ講師・ビジネス英会話・満足度)

- 最後にCTA(無料体験)

・情報量が多いですが、ブロック分けで整理をしました。

・テキストを固まりすぎないようにさせ、視線誘導がしやすいようにしました。

【工夫したポイント】

・「春の新規入会」という季節性を前面に出しました。

・ビジネス英会話を強調し、ターゲットを明確化させました。

「誰に向けたスクールか」が一目でわかるようにさせました。

・ 満足度98%という社会的証明(Social Proof)

信頼性を高める強い要素を入れました。

・CTAをしっかり目立たせました

「無料体験レッスンはこちらから」は行動につながる重要な導線なので、右下へ配置いたしました。

シェア
制作について

【制作の流れ】

HerTechの課題でオンライン英会話教室のバナーを制作しました。

制作時間:3時間。

情報設計、デザインまで担当。

【デザインについて】

●ビジュアルイメージ

・信頼感とプロフェッショナリズム

スーツ姿の講師を配置することで「ビジネス英会話に強い」「しっかりとしたスクール」という印象を与えさせました。

・幾何学的な背景

ブルー系の多角形背景は、知性・誠実さ・清潔感を象徴する王道デザインで、英会話スクールのイメージと相性が良いため、選びました。

・人物の配置を中央寄りにし、安定感を

視線が自然と講師 → キャッチコピー → CTA(無料体験)へ流れる構造にいたしました。

●カラー

・ブルーを基調にした安心感のある配色

ブルーは教育系・語学系でよく使われる色なので、「信頼」「知性」「落ち着き」を表現させました。

・アクセントカラーを控えめに

情報が多い中でも、色数を絞って視認性を保たせました。キャンペーンの「OFF」部分を強調させるために、色を変えてグラデーションを足しました。

●タイポグラフィ

・キャンペーン名は「Noto Serif JP」でビジネス感を出し、入会金10,000円OFFの文字は「Noto Sans JP」の太めのゴシック体にすることにより、視認性を確保させました。

・キャンペーン情報やキャッチコピーが太字で、遠目でも読みやすい。

・メリハリのある文字サイズ

「春の新規入会キャンペーン」→大

「入会金10,000円OFF」→さらに大

「講師は全てネイティブ」などの補足情報→中

という階層を作りました。

●情報設計

・ユーザーが知りたい順に情報を並べました

- キャンペーンの存在

- 具体的なメリット(10,000円OFF)

- スクールの強み(ネイティブ講師・ビジネス英会話・満足度)

- 最後にCTA(無料体験)

・情報量が多いですが、ブロック分けで整理をしました。

・テキストを固まりすぎないようにさせ、視線誘導がしやすいようにしました。

【工夫したポイント】

・「春の新規入会」という季節性を前面に出しました。

・ビジネス英会話を強調し、ターゲットを明確化させました。

「誰に向けたスクールか」が一目でわかるようにさせました。

・ 満足度98%という社会的証明(Social Proof)

信頼性を高める強い要素を入れました。

・CTAをしっかり目立たせました

「無料体験レッスンはこちらから」は行動につながる重要な導線なので、右下へ配置いたしました。

シェア
鶴井 梨紗の他の作品
画像
作品を見る
【HerTech 架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech 架空案件】オンライン英会話教室バナー-1
制作について

【制作の流れ】

HerTechの課題でオンライン英会話教室のバナーを制作しました。

制作時間:3時間。

情報設計、デザインまで担当。

【デザインについて】

●ビジュアルイメージ

・信頼感とプロフェッショナリズム

スーツ姿の講師を配置することで「ビジネス英会話に強い」「しっかりとしたスクール」という印象を与えさせました。

・幾何学的な背景

ブルー系の多角形背景は、知性・誠実さ・清潔感を象徴する王道デザインで、英会話スクールのイメージと相性が良いため、選びました。

・人物の配置を中央寄りにし、安定感を

視線が自然と講師 → キャッチコピー → CTA(無料体験)へ流れる構造にいたしました。

●カラー

・ブルーを基調にした安心感のある配色

ブルーは教育系・語学系でよく使われる色なので、「信頼」「知性」「落ち着き」を表現させました。

・アクセントカラーを控えめに

情報が多い中でも、色数を絞って視認性を保たせました。キャンペーンの「OFF」部分を強調させるために、色を変えてグラデーションを足しました。

●タイポグラフィ

・キャンペーン名は「Noto Serif JP」でビジネス感を出し、入会金10,000円OFFの文字は「Noto Sans JP」の太めのゴシック体にすることにより、視認性を確保させました。

・キャンペーン情報やキャッチコピーが太字で、遠目でも読みやすい。

・メリハリのある文字サイズ

「春の新規入会キャンペーン」→大

「入会金10,000円OFF」→さらに大

「講師は全てネイティブ」などの補足情報→中

という階層を作りました。

●情報設計

・ユーザーが知りたい順に情報を並べました

- キャンペーンの存在

- 具体的なメリット(10,000円OFF)

- スクールの強み(ネイティブ講師・ビジネス英会話・満足度)

- 最後にCTA(無料体験)

・情報量が多いですが、ブロック分けで整理をしました。

・テキストを固まりすぎないようにさせ、視線誘導がしやすいようにしました。

【工夫したポイント】

・「春の新規入会」という季節性を前面に出しました。

・ビジネス英会話を強調し、ターゲットを明確化させました。

「誰に向けたスクールか」が一目でわかるようにさせました。

・ 満足度98%という社会的証明(Social Proof)

信頼性を高める強い要素を入れました。

・CTAをしっかり目立たせました

「無料体験レッスンはこちらから」は行動につながる重要な導線なので、右下へ配置いたしました。

シェア
鶴井 梨紗の他の作品
画像
作品を見る
【HerTech 架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/