【実践課題】バナー制作｜Instagram・Twitter

■目次

　❶期間　❷制作物　❸クライアント要件　❹工夫点　❺学び   『ソフト：Photoshop』

❶期間

・制作期間 ：１週間 ｜情報設計、バナー制作（２点）

❷制作物

　１）Instagram

　２）Twitter

❸クライアント要件

⚫︎クライアント名：English Girls（20代女性をメイン顧客とするライトな英会話教室）

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

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

⚫︎掲載場所：Instagram（通常フィード）/Twitter

⚫︎入れたい要素

　【文言】

　　・一緒にお得！

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

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

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

　【画像など】

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

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

　　・English Girlsロゴ

❹工夫点

　１）ユーザーストーリーを基にした情報設計（優先順位）

　２）配置設定　⚫︎優先順位

　　・新規の方はまずはお得な情報で目を引いて「気になる」と思わせないと詳細まで読まれる事は少ないと思うので、お得情報を大きく配置し

　　・詳細は伝えたい順にZの法則に並べた

　　　　①1番目がいく真ん中に大きく「5,000円プレゼント」でまず引きつける

　　　　②「お友達紹介キャンペーン」の条件掲示で手軽さを伝え、さらに詳細を読んでもらう

　　　　③以下詳細はZの法則に従う

　　　　 - 左上に「English Girl」を配置し内容を認知させる

　　　　 - 英語に興味あるけど一歩踏み出せない方に「初心者・趣味」でライトなイメージを伝える

　　　　 -「一緒にお得」のもう一押しで誘発

　⚫︎夏をイメージさせる配色・あしらい・画像

　　・海をイメージした水色をベースカラーとし、太陽をイメージし、かつ青の補色に近い黄色をアクセントカラーとする

　　・黄色い波で波の表現

　　・水玉のあしらいでポップで夏らしいイメージを再現

　　・20代の人が自身が英会話教室に通ってるイメージが沸く同世代の写真・誘発されそうな画像選択

　⚫︎文字・余白

　　・ポップさと可愛らしさを表現する丸みのある文字

　　・「夏」「お友達紹介」の文字を大きくしパッと読めるように・「初心者」「趣味」も同様

　　・「あなたにもお友達にも」「初心者歓迎」「趣味で英語を」の次に伝えたい情報は手書きで親しみやすい文字を使用

　　・余白をガイドで均一に統一しつつ、SNSで目立つように余白を余らせない情報

❺学び

　１）目線の動き

　⚫︎グーテンベルク・ダイヤグラム

　　同じ種類の情報が均一に並んでいる時、人の目線は左上から右下に向かう

　　（ex.長めの文章、同じサイズの画像陳列）

　⚫︎Zの法則

　　アルファベットのZを描くように目線が移動

　　（ex.初見で全体感をざっと掴む時）

　⚫︎Fの法則

　　Zの法則でざっと全体の構成をみた後、じっくり閲覧する（ex.サイト）

　２）バナー制作の手順

　　要素配置▶︎情報優先順位▶︎白黒レイアウト▶︎ビジュアルデザイン

　　①まず要素を書き出す

　　②書き出した要素を基にユーザーストーリを考え定法設計

　　③白黒で大まかなレイアウトを作り、後から色付けする事で情報設計がぶれにくい

　3）その他

　⚫︎SNSでは想像以上に余白を少なく、文字も大きく表示しないと目立たない事（大袈裟に）

　⚫︎斜め文字など多様しない（視認性）

　⚫︎円等の大きさ（文字や余白）の調整で、与える印象を変えられる（円も小さいと上品で大人向け）