【制作の流れ】
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の課題でオンライン英会話教室のバナーを制作しました。
制作時間:3時間。
情報設計、デザインまで担当。
【デザインについて】
●ビジュアルイメージ
・信頼感とプロフェッショナリズム
スーツ姿の講師を配置することで「ビジネス英会話に強い」「しっかりとしたスクール」という印象を与えさせました。
・幾何学的な背景
ブルー系の多角形背景は、知性・誠実さ・清潔感を象徴する王道デザインで、英会話スクールのイメージと相性が良いため、選びました。
・人物の配置を中央寄りにし、安定感を
視線が自然と講師 → キャッチコピー → CTA(無料体験)へ流れる構造にいたしました。
●カラー
・ブルーを基調にした安心感のある配色
ブルーは教育系・語学系でよく使われる色なので、「信頼」「知性」「落ち着き」を表現させました。
・アクセントカラーを控えめに
情報が多い中でも、色数を絞って視認性を保たせました。キャンペーンの「OFF」部分を強調させるために、色を変えてグラデーションを足しました。
●タイポグラフィ
・キャンペーン名は「Noto Serif JP」でビジネス感を出し、入会金10,000円OFFの文字は「Noto Sans JP」の太めのゴシック体にすることにより、視認性を確保させました。
・キャンペーン情報やキャッチコピーが太字で、遠目でも読みやすい。
・メリハリのある文字サイズ
「春の新規入会キャンペーン」→大
「入会金10,000円OFF」→さらに大
「講師は全てネイティブ」などの補足情報→中
という階層を作りました。
●情報設計
・ユーザーが知りたい順に情報を並べました
- キャンペーンの存在
- 具体的なメリット(10,000円OFF)
- スクールの強み(ネイティブ講師・ビジネス英会話・満足度)
- 最後にCTA(無料体験)
・情報量が多いですが、ブロック分けで整理をしました。
・テキストを固まりすぎないようにさせ、視線誘導がしやすいようにしました。
【工夫したポイント】
・「春の新規入会」という季節性を前面に出しました。
・ビジネス英会話を強調し、ターゲットを明確化させました。
「誰に向けたスクールか」が一目でわかるようにさせました。
・ 満足度98%という社会的証明(Social Proof)
信頼性を高める強い要素を入れました。
・CTAをしっかり目立たせました
「無料体験レッスンはこちらから」は行動につながる重要な導線なので、右下へ配置いたしました。