自主制作/英会話教室のバナー
SHElikes MULTI CREATOR PROJECTの課題で、バナー制作に取組みました。20代女性をメイン顧客とする初心者向け英会話教室のバナーです。目的はキャンペーン利用での入会者を増やすことです。(制作時間:15時間)
<目次>
①要件定義
②制作したバナー
③工夫した点
④制作を通して学んだこと
①要件定義
【クライアント情報】
クライアント名:EnglishGirls
20代の女性をメイン顧客とする英会話教室。 全く英語が話せない苦手意識のある方でも通いやすい初心 者歓迎のスクー ル。 ビジネスの場で活用するというより、 趣味で学んだり外国人の方との交流を図ってみたい人向けのライトなスクール。
【目的】
SNSで配信するためのバナー制作。キャンペーン利用での入会者を増やす(2週間の実施期間で50名獲得目標)
【ターゲット】
20代女性。 英語初心者。 趣味で英語を学びたいと考えている方。
【入れたい要素】
・文言:①夏のお友達紹介キャンペーン ②あなたにもお友達にも5,000円プレゼント ③期間:2020年8月20日~9月30日 ④一緒にお得!
・画像など:①”あなたとお友達”を表現するための人物の写真 ②英会話スクールであることがわかる要素や写真 ③English Girlsのロゴ
②制作したバナー
・Twitter(1280×720)
・Instagram(1080×1080)
③工夫した点
【情報設計】
・最初に「5,000」に目が行くように大きく配置し、他の要素はZの法則を意識して配置した。
・強調したい文字はフォントに大きくして強弱をつけた。
・外国人講師風の男性の写真を入れることで、英会話感と親しみやすさを演出した。
・夏らしい服装の女性の写真と配色で夏が感じられるようにした。
【ビジュアルデザイン】
・黄色と水色の配色で夏らしさとポップな雰囲気にした。
・2つのトンマナイメージにドットが共通していたので、背景にドットを使用しポップで楽しい感じをより強調した。
・「5,000円」は縁取りをして可読性を高めた。
・強調したい文字はフォントを大きくし、さらに上部に●を配置した。
・視認性を高めるため、全体的にカーニングを行った。
・アンダーバーの縦幅と同じ余白を左右上下に意識した。
・上部と下部の文字をグループ感を意識して配置した。
④制作を通して学んだこと
【情報設計】
・伝えたい部分を強調するために、ユーザーストーリーをしっかり考える事が重要だと改めて感じた。実際にビジュアルデザインをしながら、何度も情報設計を考え直していたので時間がかかってしまった。
【ビジュアルデザイン】
・配色やフォント・画像の選び方など全てにおいて個性があるので、一つひとつを慎重に選び統一感を出すことが重要だと思った。
・ガイドを引いて余白を意識するだけでも、デザインが綺麗に見えることが分かった。