【課題】キャンペーンバナー（X/Instagram）

目次

1．制作したバナー（X/Instagram）
2．制作情報
3．課題要件
4．情報設計
5．ビジュアルデザイン
6．学んだこと  

1．制作したバナー

X用バナー

Instagram用バナー

2．制作情報

制作時間│情報設計：5時間、ビジュアルデザイン：5時間、リサイズ：1時間
使用ツール│Photoshop   

3．課題要件

4．情報設計

要件を元に考案したペルソナ

ユーザーストーリー

5．ビジュアルデザイン

配色

・キャンペーンバナーなので伝えたい内容が読みやすいよう、ベースカラーを白にして可読性を担保しました。

・要件に記載のあったポップで楽しい雰囲気を感じさせるために、明るく活発の意味合いを持つ、黄色をメインカラーとして使用しております。

・黄色の補色関係にある青系の色味と類似色のオレンジをアクセントカラーとして用いて、強調したい部分に使用致しました。

デザインの工夫

【配色】

・一番強調したい5,000円プレゼントは、メインカラーの黄色の補色である青色を使用しました。ベースカラーと同じ黄色の影をつけることで強調しつつ、夏らしいイメージとなるように仕上げました。

・期間の部分にはメインカラーの類似色であるオレンジを使用し、爽やかな夏を感じさせるようにしました。

【フォント】

・「5,000円」はお得訴求の情報をはっきりと伝えるため、視認性が高く、信頼感や安心感を与えるゴシック体を使用しております。

　全体のトンマナとあわせるために、丸みを帯びている源ノ角ゴシックを使用しポップな印象が伝わるように意識しました。さらに英会話教室のバナーだったので、「5,000円」を斜めに配置し、筆記体のようななめらかな印象となるよう考えました。

・上記以外のフォントは、ポップで楽しげな印象を伝えられるよう丸みを帯びた「FOT-筑紫A丸ゴシック Std」を使用しております。

・ユーザーストーリーに応じて、フォントサイズやウェイトを調整し、ターゲットに伝えたい内容が強調されるような工夫を致しました。クライアント様の表現イメージに合うように、情報の優先度を考え、1文字1文字フォントバランスを整えました。

【装飾・あしらい】

・背景は不透明度を下げた白色でドットを挿入し、よりポップな印象を与えられるよう意識しました。

・初心者向けの英会話教室であることを強調するために、右上に配置した外国人女性が「Let’ｓ start English」と呼びかけるような、あしらいを挿入しました。

　これにより、英語にあまり触れてこなかった初心者でも参加しやすいと思わせ、入会へのハードルを下げる効果を狙いました。

・「夏の」の部分では吹き出しと下線を使用することで、敢えて夏限定であることを+αの情報であるかのように伝え、ターゲットに早期行動を促すような設計にしてみました。

・キャンペーンの部分と期間の部分において、文字の視認性が高くなるよう、ドロップシャドウを追加しました。

・「あなたにもお友達にも」部分で背景と同じドットのあしらいと、呼びかけるようなあしらいを配置したことで、読んでもらいやすいように情報をまとめたほか、呼び込んでいる印象を与えてお得な情報があるということを認知させるような効果を出してみました。

6．学んだこと

・夏をイメージしたキャンペーンのバナー制作

・ターゲットに狙い通りに情報を伝えることを意識した情報設計の方法

・デザイン4原則に則ったビジュアルデザインの方法