【架空バナー制作】求人サイトの集客バナー
SHElikesのデザイン演習コースにて、バナー制作の課題に取り組みました。 人材派遣会社の新規登録者を増やすことを目的に、今の職場に不満がある、転職を考える20-40代女性をターゲットに制作をしました。 (制作時間:約4時間)
目次
(1)要件
(2)制作したバナー
(3)工夫したこと
(4)制作を通して学んだこと
(1)要件
・ターゲット
今の職場に不満がある、転職を考える20-40代女性
・掲載場所、企画内容
Googleに出稿し、Webサイト上に掲載されるバナー
人材派遣会社の新規登録者を増やす
・制作要件
コピー:派遣なら「シースタッフ」
あなたが輝く仕事があります
テキスト:今なら新規登録で500円分のAmazonギフト券プレゼント
写真は1枚または複数枚選んで使用。色補正・トリミング・大きさの変更は自由。
(2)制作したバナー(300px×250px)
(3)工夫したこと
・テーマに沿った配色
全体的に、未来は明るくなると希望が持てるような、明るい印象になるように意識しました。ただポップな明るさではなく、大人の女性の気品さを持った落ち着いた雰囲気にしました。
ベースカラー:上段下段の背景はパステルグリーンシアンにして、白色の文字が見えや すく、アクセントカラーのオレンジや赤色と調和し、明るく爽やかな印象を持たせまし た。
メインカラー1:上段と下段の文字は黒色にすると暗い印象になってしまうため、白色で明るく重たくないようにしました。
メインカラー2:中央のコピーとロゴははっきり見せたいので、黒色を選びました。
アクセントカラー:希望が持てるような明るい印象にするために、左の女性の写真のオレンジを基準にしました。Amazonのオレンジもイメージしており、目立たせたい部分にはオレンジを使用しています。
・大人の女性をイメージしたフォント
大人の女性をイメージして、上段と中央はヒラギノ明朝 ProNを選びました。コピーとは区別するために、プレゼント情報は明朝に近いクレーにして、金額はより目立つようにヒラギノ角ゴ Stdにしました。
・視線の動きに合わせた配置
視線の流れに合わせて、上段に企業の説明、中断にコピー、下段にプレゼントの詳細と、情報をまとめました。
・コピーを強調させるデザイン
コピーを被写体の胸のあたりにすることで、自分の気持ちに正直になって行動(転職)してみよう!と背中を押せるような印象にしました。また、コピーの「輝く」を表現するために、コピーの背景に白いぼかしを入れて、より目立つように輝いて見えるようにしました。
・企画内容を目立たせるデザイン
企画内容にもあるように、「新規登録」を目立たせるために、文字の上に白丸を置き、背景にアクセントカラーのオレンジを使用しました。
・プレゼントキャンペーンを強調させるデザイン
プレゼントがもらえることをより印象づけるために、下段の両端に赤いリボンを配置しました。
(4)制作を通して学んだこと
アクセントカラーに合わせて写真のトーンを調整することを学びました。今回のテーマカラーとしてオレンジ色を選び、未来は明るくなると希望が持てるような明るい印象を持ってもらうようにしました。そこで、写真3点のトーンをオレンジ色に寄せて、統一感が出るようにしました。