Facebook Webオンラインスクールバナー
Logo

Webオンラインスクールバナー

クレジット
Avatar
Photoshop
Webオンラインスクールバナー-1
シェア
制作ノート
デザインについて

1.ターゲット

オンラインでスキルを習得し、新しい分野へのキャリアチェンジを真剣に検討している方。不安を抱えつつも、前向きな変化を求めている層。

2.ビジュアルイメージ

柔らかい笑顔の女性を採用し、相談しやすい明るい雰囲気を印象付け、スーツ姿の女性をメインビジュアルに置くことで、教育体制の信頼度を上げています。

3.カラー

ライトベージュ・淡いオレンジ系をメインカラーに使用。スクールの特徴である「明るさ」や「親しみやすさ」を最も重視した、柔らかいトーンを選択。ショッキングピンクをCTA(無料相談ボタン)に使用し、全体の優しい色味の中で視線を強く引きつける役割を持たせました。

4.タイポグラフィ

「キャリアチェンジ」を最も太く大きく配置。ターゲットの最終目的を直感的に訴えかけています。信頼感を損なわず、かつ親しみやすいモダンなフォントを採用し、スッキリとした印象にまとめています。

5.情報設計

「短期集中」「卒業後サポート」「リスキリング制度」という、検討者の不安を解消する3つの強みを円形のアイコン内に整理して配置。視覚的に目立つ形状と色のボタンで「無料相談」という次のステップを明確にしました。

6.工夫したポイント

元の写真は黒いスーツで重たい印象でしたが、スクールの明るいイメージに合わせて「明るい色のスーツ」へと変更。人物の印象を柔らかく補正し、全体のトーン&マナーに一貫性を持たせました。威圧感を与えない暖色系の背景と、安心感を与えるサポート内容をリストアップすることで、ターゲットが「ここなら自分も挑戦できる」と感じられるデザインを目指しました。特徴を3つのサークルに集約することで、視覚的なリズムを生み出し、情報の読み飛ばしを防ぐ設計にしています。

シェア
ONZOの他の作品
画像
作品を見る
訪問歯科の架空バナー
画像
作品を見る
居宅介護の架空バナー
画像
作品を見る
民間救急の架空バナー