架空バナー制作【求人サイトの集客バナー】

OVERVIEW

SHElikesのデザイン演習での制作バナーです。

YEAR 2022

《目次》

1. 制作概要

2. 要件

3. 制作物

4. 工夫したところ

5. 制作を通して学んだこと



《制作概要》

  • 制作期間 2日
  • 制作時期 2022年
  • 制作範囲 情報設計・バナー制作
  • 使用ソフト Photoshop

《要件》

■クライアント名

・SHE staff

■目的

・人材派遣会社の新規登録者数を増やすため

■ターゲット

・転職を考える20〜40代女性

■掲載場所

・Googleに出稿、Webサイト上に掲載されるバナー

(幅300px高さ250px)

■必要要素

・文言

①派遣なら「シースタッフ」

②あなたが輝く仕事があります

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

・画像など

①女性が職場で働いているイメージができるような画像

②SHE staffのロゴ


《制作物》

▼幅300px 横250px


《工夫したところ》

■配色

女性の画像に合わせて、配色をオレンジやブラウンといった暖かみのあるものにしました。女性の顔の横に、オレンジの背景で文がより華やかに美しく見えるような配色にし、訪問者が明るいイメージを持つようなバナーを意識しました。

■フォントの選び方と配置

フォントは全体的に明朝体を利用し、女性らしい上品な印象を出す工夫をしました。また「500」・「あなた」・「輝く」・「仕事」といった注目して欲しい部分はジャンプ率を高くし、視認性を意識しました。その他に、クライアントが伝えたい情報の優先順位を考え、コピーとテキストの配置の場所を分けて情報をまとめました。


《制作を通して学んだこと》

小さなサイズの中での可読性と誘目性

Webサイト上の小さなバナーだったため、分かりやすく目に留まることをいつも以上に考えながら情報設計を行うことが必要だと気づきました。その中で特に重要だと考えるのが、伝えたい文言の可読性と誘目性です。クライアントの気持ちが伝わりやすい文言だからこそ意識することが必要だと気づきました。

ターゲットを意識したフォント

今回一番、フォントについてデザインする視点を養えました。カジュアルでポップなゴシック体よりもターゲットが親しみやすそうなフォントを選ぶことで、メインの写真に合わせ、優しく柔らかくて暖かい雰囲気に仕上げることができました。