スクール課題:求人サイトの集客バナー

制作したバナー

概要

デザインスクールSHElikesの課題で、求人サイトの集客バナー制作に取り組みました。

使用ツール:Photoshop

制作時間 :14時間

製作時期 :2022年11月

要件

掲載場所・企画内容Googleに出稿し、Webサイト上に掲載されるバナー
人材派遣会社の新規登録者を増やす
ターゲット今の職場に不満がある、転職を考える20-40代女性
作成のポイント女性にターゲットを絞ったバナー。いまの仕事に不満を持つ女性に「転職してみようかな」と思わせる雰囲気。小さなサイズの中にキャンペーンの文言を上手く取り入れる。
サイズ横300px × 縦250px
内容コピー
派遣なら「シースタッフ」 
あなたが輝く仕事があります

テキスト
今なら新規登録で500円分のAmazonギフト券プレゼント

要素
コピー、テキスト、写真、ロゴ



写真は1枚または複数枚選んで使用
色補正・トリミング・大きさの変更は自由

工夫したところ

バナーサイズが横300px × 縦250pxと小さかったため、文字の視認性を保つことを意識しながら取り組みました。

1.サービス名はわかりやすく

サービス名が入っているコピー “派遣なら「シースタッフ」”とロゴを上部にまとめて配置。コピーとロゴが同時に目に入るので、サービス名の読み方が瞬時にわかります。コピーの背景色はやさしい落ち着いたピンク色に、ロゴの視認性を保つために、ロゴの背景は白色にしました。

2.白背景との同化を防ぐ枠

掲載先サイトの背景も同じく白色だった場合に、ロゴの白色背景が掲載先サイトと同化してしまわないように、ピンクの枠をつけました。バナー全体の印象を崩さないように、線の太さは細めにしました。

3.写真選び

「転職してみようかな」と前向きな気持になってもらえるように、明るい未来のことを考えているような女性の写真を選定しました。

4.プレゼント情報のあしらい

女性の写真の邪魔をしないように右下に配置。わくわくと前向きになるような、彩度の高いピンク色とオレンジ色の背景で強調しました。面積の大きいオレンジ色の丸は、透明度を下げることで圧迫感を軽減しました。

5.写真のクリッピング位置

転職後に仕事をしている場面をイメージできるように、パソコンがきちんと見えるようにクリッピング位置を調整しました。

6.キャッチコピー

キャッチコピーの「あなたが輝く」を表現するために、文字の背景では輝く光を表現。前向きな転職をイメージできる「あなたが輝く」にはラインを引いて強調しました。採用担当者がペンで書類に◯(採用)をつけることをイメージして、ラインの質感はペン風です。

制作を通して学んだこと

優先順位の付け方

本バナーはサイズが小さく、指定要素が多かったため、これまでのバナー制作よりも細かい優先順位のつけ方を学びました。テキストの中でも、単語ごとに優先順位をつけて、重要な情報がぱっと見て目に入るようにしました。特に、右下部分は文字数が多かったため、「今なら新規登録で」と「500円分のAmazonギフト券プレゼント」というように、ポイントの単語を大きくして目立たせました。

写真のトリミング位置

写真をトリミングする際に、トリミングする適切な位置を学びました。当初、写真のPCが少しバナーサイズからはみ出た位置でトリミングしていましたが、講師からアドバイスをいただき、きちんとバナー内に収まって、他のあしらいが被らないよう調整しました。

ブラシツールの使い方

キャッチコピーの「あなたが輝く仕事があります」の背景作成で、ブラシツールのソフト円ブラシで自然な光を演出できることを学びました。