【自主制作】プログラミングスクールのバナー
OVERVIEW
カトウヒカル著書『思わずクリックしたくなる バナーデザインのきほん』中のお題で制作しました。 〔使用ツール:Photoshop、制作時間:約10時間〕
◆ POINT ◆
サイバー感を出しつつパステルカラーで初心者向けにデザインました
要件
📎掲載場所・企画内容
- プログラミングスクールの生徒募集
- 遷移先:無料体験レッスン詳細ページ
📎条件・希望
- パステルカラーを使用
- 明るくポップな印象に
- 手書き文字を使用する
📎ターゲット
20〜30代の転職を考えている若者向け
【支給素材】
📎コピー
- プログラミング大学
- 180日間の実践型学習プログラム
- 未経験からシステムエンジニアを目指すあなたに
- 無料体験レッスンはこちら
📎写真
パソコンを操作する人の各自画像を探して使用
制作物
制作で工夫したこと
📎デザインコンセプト
- 「システムエンジニア」や「プログラミング」から、サイバー風な幾何学模様の背景を使用しました。
- 現状に悩む人に刺さるよう、キャッチコピーを一番目立たせる為、重い色でサイズも大きくしました。
- 「180日」「実践型」「無料」が強調されるようにそれぞれ強調しました。
- ポジティブな印象を与えられるよう、PCを操作しつつ笑顔の画像、また、背景に馴染むよう寒色系の画像を使用しました。
📎カラー
- 「パステルカラー」という指定と「システムエンジニア」の理系のイメージで寒色系の色を使用しました。
- 明るい印象になるよう寒色系に合わせた黄色を使用しました。
- 「180」が強調されるように、トンマナに馴染みつつも1色だけ違う色を使用しました。
📎タイポグラフィ
- 基本部分:「遊ゴシック」を使用。情報過多にならないよう、シンプルなフォントを使用しました。
- 「未経験」:手書き文字を使用という指定から、「未経験」の部分が親しみやすい印象が必要と判断し、「VDL ペンレター」を使用しました。
- 「プログラミング大学」:「ニコカv2」を使用。サイバー風な特徴的なフォントで、文章というよりはロゴ風な印象にしました。