オンラインプログラミングスクール バナー（架空案件） ・制作概要 架空のオンラインプログラミングスクール「CodeQuest」のSNS広告用バナーです。 ターゲットは25〜35歳のキャリアチェンジや副業を検討している会社員。「未経験でも挑戦できる」という安心感と、「無料カウンセリングへ申し込んでみよう」と思っていただけることを目的に制作しました。 ・デザインで意識したこと 広告で最も伝えたい「未経験から3ヶ月でプロになる」というメッセージが一目で伝わるよう、キャッチコピーを大きく配置し、「3ヶ月」の文字をアクセントカラーで強調しました。限られた時間で内容が伝わるよう、ジャンプ率を意識した文字設計を行っています。 背景にはプログラミング画面をぼかして使用し、サービス内容をイメージしやすくするとともに、濃紺を基調とした配色で信頼感や専門性を表現しました。また、受講後の姿を想起してもらえるよう、受講生をイメージした人物写真を配置し、学習への期待感や親しみやすさを演出しています。 実績やサービスの特徴はアイコンを活用して整理し、短時間でも内容を理解しやすい情報設計を意識しました。CTAボタンは画面内で最も目立つ黄色を採用し、自然に無料カウンセリングへの行動につながるようデザインしています。 ・制作のこだわり * キャッチコピーのジャンプ率を意識し、短時間で内容が伝わる文字設計 * 濃紺とイエローを基調とした配色で、信頼感と視認性を両立 * 人物写真を配置し、受講後のポジティブなイメージを想起できる構成 * アイコンを活用して情報を整理し、視認性を向上 * CTAボタンを大きく配置し、視線の流れを意識した導線設計 ・制作を通して意識したこと Web広告では、デザインの美しさだけでなく、「短時間で情報を伝え、行動につなげること」が重要だと考えています。本作品では、ターゲットが知りたい情報の優先順位を整理し、キャッチコピー・信頼性・CTAへと自然に視線が流れる構成を意識しました。デザイン性と情報設計の両面から、成果につながるバナー制作を心掛けています。 ・使用ツール * Photoshop