バナー制作

OVERVIEW

SHElikes MULTI CREATOR PROJECTにて、バナー制作に取り組みました。 お客様から頂いた要件書に沿って、ペルソナ設定、情報設計、ビジュアルデザイン(配色・フォント・装飾)を考えて制作しました。

YEAR 2023
  • 制作期間:1週間
  • 使用ツール:Photoshop

📝要件書

【クライアント名】English Girls

20代の女性をメイン顧客とする英会話教室。全く英語が話せない苦手意識のある方でも通いやすい初心者歓迎のスクール。ビジネスの場で活用するというより、趣味で学んだり外国人の方との交流を図ってみたい人向けのライトなスクール。

【目的】キャンペーン利用での入会者を増やす(2週間の実施期間で50名獲得目標)

【ターゲット】20代女性。英語初心者。趣味で英語を学びたいと考えている方。

【入れたい要素】

  • 文言
    • 一緒にお得!
    • 夏のお友達紹介キャンペーン
    • あなたにもお友達にも5,000円プレゼント
    • 期間:2020年8月20日〜9月30日
  • 画像など
    • ”あなたとお友達 を表現するための人物の写真
    • 英会話スクールであることがわかる要素や写真
    • English Girlsのロゴ(お渡しします)

▼Instagram(1040px × 1040px)

▼Twitter(1280px × 720px)

✏️工夫した点

ペルソナ(分析)

お客さまから頂いたターゲットがざっくりしていたので、届けたい人に届くようにターゲットを詳細に分析しました。

ユーザーストーリー

バナーで伝えたいことが伝わるようにユーザーストーリーを考えて情報設計をしました。

ビジュアルデザイン

【バナー全体の雰囲気】

  • 初心者や苦手意識がある人でも楽しい雰囲気が伝わるようにポップで明るい印象にしました。

【配色】

  • 夏のキャンペーンなので、「夏」であることがひと目で分かるように「白・青・黄色」を使用しました。
  • バランスの良い面積比率を考えてカラーを使用しました。(白70:青:25:黄色:5)

【装飾】

  • ポップな印象がひと目で分かるように背景にドットを使用しました。

【画像】

  • 親しみやすい明るい印象を持ってもらうために、友達と楽しく笑顔な写真と外国人講師が笑顔の写真を使用しました。また画像だけ置くとのっぺりした印象になってしまうので、黄色の陰で立体感を出しました。


【フォント】

  • 種類
    • 数字以外の文字はラノベPOPでポップな印象と遊ゴシック体でシンプルで見やすい印象のフォントを使用しました。
    • 数字は欧文フォントのDIN2014を使用しました。
  • サイズ・太さ・装飾
    • 伝えたい情報が目に入るように、「5000円」→「プレゼント」→「期間」と文字の大きさを変えました。
    • 文字の色が全て青のため、視認性が落ちないように太文字を使用し、全体的にボヤッとならないように黄色の装飾を使用しました。

【まとめる/揃える】

  • 伝えたい情報を長方形に収まるようにバナーの中央にまとめて見やすくしました。
  • 情報の両端を揃えてきれいに見えるように配置しました。

✏️課題を通して学んだこと

1,時間を意識した制作

自分でいちから情報設計〜ビジュアルデザインまで考えるため、思った以上に時間がかかってしまいました。手書きである程度固めてからPhotoshopで操作をした方が自分には合っていることに気づきました。実際のお仕事でここまで時間をかけてやっていると仕事が回らない状況になってしまうので、試行錯誤しながら時間も意識して今後は制作をしていきます。

2,制作に取り掛かる前の事前準備の重要性

制作に取り掛かる前にどんなコンセプトでやっていくのか固めてから制作に取り掛かった方が制作途中でブレがなく進めることが出来ると思いました。次回は制作に取り掛かる前の工程をつめてから制作に取り掛かかっていきます。