【自主制作】プログラミングスクールのバナー

OVERVIEW

カトウヒカル著書『思わずクリックしたくなる バナーデザインのきほん』中のお題で制作しました。 〔使用ツール:Photoshop、制作時間:約10時間〕

YEAR 2023

◆ POINT ◆

サイバー感を出しつつパステルカラーで初心者向けにデザインました


要件

📎掲載場所・企画内容

  • プログラミングスクールの生徒募集
  • 遷移先:無料体験レッスン詳細ページ


📎条件・希望

  • パステルカラーを使用
  • 明るくポップな印象に
  • 手書き文字を使用する


📎ターゲット

20〜30代の転職を考えている若者向け


【支給素材】

📎コピー

  • プログラミング大学
  • 180日間の実践型学習プログラム
  • 未経験からシステムエンジニアを目指すあなたに
  • 無料体験レッスンはこちら


📎写真

パソコンを操作する人の各自画像を探して使用


制作物

制作で工夫したこと

📎デザインコンセプト

  • 「システムエンジニア」や「プログラミング」から、サイバー風な幾何学模様の背景を使用しました。
  • 現状に悩む人に刺さるよう、キャッチコピーを一番目立たせる為、重い色でサイズも大きくしました。
  • 「180日」「実践型」「無料」が強調されるようにそれぞれ強調しました。
  • ポジティブな印象を与えられるよう、PCを操作しつつ笑顔の画像、また、背景に馴染むよう寒色系の画像を使用しました。


📎カラー

  • 「パステルカラー」という指定と「システムエンジニア」の理系のイメージで寒色系の色を使用しました。
  • 明るい印象になるよう寒色系に合わせた黄色を使用しました。
  • 「180」が強調されるように、トンマナに馴染みつつも1色だけ違う色を使用しました。


📎タイポグラフィ

  • 基本部分:「遊ゴシック」を使用。情報過多にならないよう、シンプルなフォントを使用しました。
  • 「未経験」:手書き文字を使用という指定から、「未経験」の部分が親しみやすい印象が必要と判断し、「VDL ペンレター」を使用しました。
  • 「プログラミング大学」:「ニコカv2」を使用。サイバー風な特徴的なフォントで、文章というよりはロゴ風な印象にしました。