架空バナー制作
SHElikes MULTI CREATOR PROJECTの課題で、架空バナー制作に取組みました。(制作時間:8時間)
<目次>
①制作要件
②制作したバナー
③工夫したポイント
④制作を通して学んだこと
=============================================
①制作要件
■クライアント情報
クライアント名:EnglishGirls / 20代の女性をメイン顧客とする英会話教室。 全く英語が話せない苦手意識のある方でも通いやすい初心 者歓迎のスクー ル。 ビジネスの場で活用するというより、 趣味で学んだり外国人の方との交流を図ってみたい人向けのライトなスクール。
■目的
SNSで配信するためのバナー制作。キャンペーン利用での入会者を増やす(2週間の実施期間で50名獲得目標)
■ターゲット
20代女性。 英語初心者。 趣味で英語を学びたいと考えている方。
■入れたい要素
<文言>
①夏のお友達紹介キャンペーン ②あなたにもお友達にも5,000円プレゼント ③期間:2020年8月20日~9月30日 ④一緒にお得!
<画像など>
①”あなたとお友達”を表現するための人物の写真 ②英会話スクールであることがわかる要素や写真 ③English Girlsのロゴ
②制作したバナー
Twitter用バナー(1280px × 720px)
Instagram用バナー(1040px × 1040px)
③工夫したポイント
1)ユーザー目線に立った情報設計
まず「5,000」の数字で引きつけ、そのあとZ型の視線誘導を活用し「英会話」のバナーであることが一目でわかるよう情報のレイアウトを考えた。
20代女性向け&友達紹介キャンペーンのバナーであることから、友達同士で楽しく会話しているようなイメージの女性2人の写真を配置。
2)目的達成のためのビジュアルデザイン
ターゲットの年齢や「夏」のキャンペーンであることを考慮し、またバナー全体からポップなイメージをもたせるため、爽やかで明るい印象を受ける「青・黄・白」の3色で構成した。
同じくポップな印象をつけるため全体をゴシック体で統一し、数字はDINを使うなど細かに調整した。
「あなたにもお友達にも」「5000」の下にブラシで色を敷き、強調&華やかに見えるようにした。
「お友達紹介キャンペーン」はブラウンで縁取りすることで可読性を高める工夫をした
3)デザインの基本原則を意識初めて1からのバナー制作だったので、デザイン基本原則を意識し、同じ属性の情報はグルーピングして配置。また縦や横のラインを揃え、余白を設けるよう意識した。
④制作を通して学んだこと
最初にクライアントの要件・制作目的を理解すること
目的に沿った情報設計とデザイン実装
1から自分でバナーを制作する際の全体的な流れ