【自主制作】Webサイト掲載バナー|人材派遣会社Google出稿バナー
SHElikesデザイン演習コースの課題として、架空の人材派遣会社のWebサイト掲載用のバナーを制作しました。
要件定義
制作目的 ▶︎ 人材派遣会社の新規登録者数を増やすこと
ターゲット ▶︎ 今の職場に不満がある、転職を考えている20-40代女性
コンセプト ▶︎
女性が好みそうな配色やフォントを意識したデザイン。
転職を考えている女性が、希望を感じるデザインを意識しました。
掲載場所▶︎ Googleに出稿し、Webサイト上に掲載。
情報設計
目的設定 ▶︎
転職によって現状が良くなることをアピールすることで、サービスに興味を持ってもらい新規登録者を増やすことが目的。
Google広告なので、他の情報を得ようとしている時でも目が止まってつい遷移してしまうように、フォントや配色で視認性を高くしました。
写真の女性が前向きな表情を浮かべている、希望のあるデザインにしました。
ターゲット ▶︎
現在の仕事に不満を持っている人に向けたデザインなので、サービスを使うことで将来楽しく働いている様子がイメージできるデザインにしました。
20-40代女性が好みそうな華やかで、落ち着きのある配色にしました。
日々仕事に追われている人が、頑張らなくても読めるような可読性の高さを意識して情報を整列させたり、コピーを配置しました。
ビジュアルデザイン
配色 ▶︎
ベースカラー: ホワイト
メインカラー:ブルー
アクセントカラー: イエロー / ネイビー
レイアウト ▶︎
文字周囲には余白を設けたり、各要素が見やすいように近接・整列を意識して各情報を配置することで、可読性の高いデザインにしました。
情報の優先順位を決めて、優先度の高い情報は目につきやすい配置にしました。
フォント ▶︎
情報量の多いWebサイト上でも、一眼で理解できる視認性の高いフォントを使用しました。
フォントの下に背景を配置して可読性を向上させ、ユーザーの負担を減らしました。
情報の優先順位に応じてフォントの大きさを変更しました。
要素に応じてフォントに色をつけることで情報整理を行いました。
写真 ▶︎
サービスに登録することで現状を打破できる希望を持てるデザインにするため、前向きな表情を浮かべている女性を採用し、感情移入できるようにしました。
上記と同じ理由で、楽しく仕事をしている女性の写真を使用しました。
全体の統一感を出すために背景を追加したり、写真をきれいに編集しました。
あしらい ▶︎
文字背景の配色などを追加して、商品の情報が一眼で伝わりやすいデザインにしました。
視認性を維持しつつ内容が伝わりやすいように、シンプルな装飾を追加しました。
柔らかい雰囲気を意識して、女性が好みやすいデザインにしました。
制作物
4点 ▶︎
※以下3点トレース