【実践課題②】バナー制作_Instagram・Twitter（X）

【目次】

1.要件定義

2.制作物

3.工夫した点

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

－－－－－－－－－－－－－－－－ －－－－－

1. 要件定義

■クライアント情報

・「English Girls」

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

■ターゲット

・20代女性。英語初心者。趣味で英語を学びたいと考えている方。

■目的

・キャンペーン利用での入会者を増やす（2週間の実施期間で50名獲得目標）

掲載場所

・Instagram（通常フィード）

・Twitter

■バナーの飛び先

・キャンペーン用のLP

■入れたい要素

<文言>

・一緒にお得！

・夏のお友達紹介キャンペーン

・あなたにもお友達にも5,000円プレゼント

・期間：2020年8月20日〜9月30日

<画像など>

　・”あなたとお友達”を表現するための人物の写真

　・英会話スクールであることがわかる要素や写真

　・English Girlsのロゴ

2. 制作物

▼【　Instagram　】 

▼【　Twitter　】

3. 工夫した点

▼ユーザーストーリーを考えた情報設計（優先順位）

情報量の多いSNS上でも、バナーの意図を一目で理解してもらえるようメリハリのあるデザイン、そしてターゲット層を意識した女性らしい明るいデザインを意識しました。

ユーザーストーリとしては、目線の動きをZの法則を活用しました。

まずユーザーの興味を引き付けるために「5,000」を中央に大きく配置しました。

次に、夏のキャンペーン！お得！から、何が？？と興味を持っていただき、ロゴマークや外国人方の写真から、英会話教室と認識いただく。

そして、この夏から英語を話せるあなたへ！のメッセージもさりげなく入れることで、友達と一緒なら、、やってみたいと思っていた、この夏から何か始めようかな・・・と思ってもらえるようなストーリーを考えました。

▼ジャンプ率
「5,000」と「円」のジャンプ率に明確な差を出すことでメリハリを出しました。文字サイズが大きい分重い印象にならないよう、袋文字で抜け感を出しました。

▼季節感

夏限定のキャンペーン企画ということもあり、配色や装飾で夏らしい、涼しげで明るい元気な印象となるようデザインしました。

 配色については、爽やかな夏を連想させる「レモンイエロー」と「スカイブルー」を使用しました。明度や彩度の細かな調整を繰り返し、視認性もありながらイメージと合う色味を模索していきました。装飾については、麦わら帽子を配置し一目で夏を感じてもらえるようにしました。

▼英会話スクールらしい要素

「英会話スクール」らしさを伝えるため、上記の３点、要素を追加しました。

①視覚の動きを考慮し一番最初に目が行く左上部分に「この夏こそ！英語を話せる自分へ！」という文言を追加することで、早い段階に概要をつかみやすい設計にしました。

②日本語が多い中で、装飾的で英語フォントを用いました。

③初心者歓迎ということで簡単な英会話のあしらいを入れてみました。

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

▼ユーザーストーリーの重要性

作成するバナーを通して、どういうペルソナに対してどんな気持ちになってほしいかユーザーストーリ―を深堀りすることで、情報設計が明確になりました。ユーザーストーリーを考えることは、クライアントの目的を果たすための最も重要な過程の1つだということを学びました。

▼視認性

PC上とSP上に表示される時の色味は違ってくるので実際にSP上でもどう見えるか検証しながら作業を進めることが重要と学びました。また、同じような色味でも明度や彩度を微調節することで、視認性が格段に良くなることがわかりました。