
Webデザイナー養成講座のコース申込集客用バナー1
プロジェクト概要
本バナーは、Facebook広告に掲載されることを想定して制作した仮想バナー です。Webデザイナー養成講座の受講者を募るために、ターゲットとなる20代~40代の女性に向けて、柔らかく親しみやすいデザインを意識しました。視線誘導やフォント選定、配色の工夫を施し、スクロール中のユーザーが思わず目を止め、内容に興味を持つような設計 になっています。
【プロジェクトの背景】
近年、フリーランスや在宅ワークの人気が高まり、Webデザインを学びたいと考える人が増えています。本バナーは、「デザインを学ぶことで自宅で働く未来が手に入る」 というメッセージを視覚的に伝え、興味を引くことを目的として制作しました。Facebook広告を想定しているため、一瞬で視線を引き付け、短時間で内容を理解できるようなレイアウトを意識しています。
【担当業務】
- デザイン作成
- バナー作成
【制作年月】
2023年6月
【工夫したポイント】
視線誘導を活かし、デザイン全体に自然な流れ を作りました。作業中の女性の目線をテキストの方向へ向けることで、閲覧者も無意識にテキストへ視線が誘導される ように設計しています。また、右下に配置した「今すぐチェック」のボタンは、視線の流れを考慮し、スムーズに行動喚起(CTA)へつなげられるよう工夫しました。
全体のカラーリングは、ターゲット層に安心感と親しみを感じてもらえる柔らかいピンクを基調 としています。また、「生活」というワードにはアースカラーを採用し、実際に在宅ワークをしている温かみのある日常 を想起させるよう工夫しました。
フォントの選定にもこだわり、情報の強弱を明確にするため、ジャンプ率(文字サイズの変化)を調整 しています。特に「朗報」や「デザイナー」といった重要なワードは、大きなサイズや装飾を加えることで、視線を引き付けやすく しました。また、記号や装飾を活用し、文章にメリハリをつけています。例えば、「”朗報”」のようにクォーテーションマークを加えることで目立たせ、「\デザイナー/」と斜線を入れることでキャッチコピーとしてのインパクトを強調しました。
可読性の向上にも配慮し、下部の説明文は白背景に配置 することで視認性を高めています。これにより、テキストが埋もれることなく、しっかりと読まれる構成になっています。また、ボタンのデザインはコントラストを強調し、クリックを促しやすい形 に仕上げました。
使用する画像についても慎重に選定し、フリー素材を活用しながら、リアルな在宅ワークのシチュエーションが伝わるように調整 しました。Photoshopで細かく加工し、自然な仕上がりにすることで、ターゲット層が「自分にもできるかも」と感じやすいデザインを目指しました。
本バナーは、実際に広告運用されたものではなく、Facebook広告用バナーの制作スキルを示すためのポートフォリオ作品としてデザインしたもの です。仮想の広告バナーでありながら、実際の運用を想定し、ターゲットに刺さるデザインを徹底的に考え抜いた 作品になっています。