【SNSバナー】英会話教室のキャンペーンバナー | 実践課題

制作時間：約10時間

制作期間：約1週間

使用ツール：Photoshop

制作範囲：情報設計・ビジュアルデザイン

制作物

X用

Instagram用

課題内容／要件

架空クライアントからのバナー制作依頼。

・クライアント

20代女性向けの初心者歓迎英語スクール「English Girls」。趣味や交流を目的とするライトなスクール。

・目的

キャンペーン利用での入会者を増やす 

・ターゲット

20代女性。英語初心者。趣味で英語を学びたい方。

・遷移先

キャンペーンLP

・クライアントからの指定要素

＜文言＞

　・一緒にお得！ 

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

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

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

＜画像など＞

　・"あなた"と"お友達"を表現するための人物の写真（提供無）

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

　・EnglishGirlsのロゴ（提供有）

・トンマナ、配色など

　明るくポップで楽しい雰囲気 ・夏らしさを感じる色味

情報設計

ユーザーストーリー

「5,000円プレゼント」で目を引き、上から下へと視線が流れていくように情報設計しました。

ビジュアルデザイン

配色

海や青空をイメージする水色と、太陽・明るさをイメージするオレンジを組み合わせ夏らしさを表現しました。薄い色の背景でも可読性を担保するため、文字色にはネイビーを使用しました。

フォント

ベースのフォントは「VDL Ｖ７丸ゴシック」を使用し、親しみやすい印象に。金額は一番目立たせたかったので、丸ゴシックと対比をつけるためにセリフ体の「Bookmania」を使用しインパクトを出しました。金額以外の英数字は「Montserrat」を使用し、日本語フォントと調和を保ちつつ可読性も担保しました。

工夫したポイント

①お友達紹介キャンペーンなので、女性2人が向かい合い話している写真を選定しました。服の色は白とグレーの無彩色だったものを明るい色へ変更しました。

②「英会話スクールであることがわかる」要素として、外国人女性と吹き出し、「英会話、始めよう!」の文字をいれました。吹き出し内の英文は初心者でもぱっと見て意味の伝わりやすいものにしました。

③キャンペーンらしさを出すために、リボンの背景を作成し文字を乗せました。また、「夏の」のみ色やサイズを変えることで期間を強調しました。

④随所にドットやストライプのあしらいをいれ、ポップで楽しい雰囲気に。あしらいは文字や背景で使用している色の不透明度を下げて作成し、まとまりのある印象になるようにしました。

課題を通して学んだこと

・「目的を理解して、ユーザーストーリーに沿ってデザインする」という基本の流れを手を動かしながら学ぶことができました。実際にスマホの画面で見てみると文字の太さや大きさが想像と異なっていることもあったので、実機での確認も大切だと気づきました。

・配色も「夏」といっても様々なものがあるため、ターゲットや伝えたい印象に合わせて決めることが大切だと学びました。

・「英会話スクールであること」を表現する方法は一つではないので、何を使用するのかも全体のバランスや世界観と合わせて決める必要があると感じました。

・人物の写真選びで、服の色が暗かったり厚着だと「夏」という季節感と合わないので注意して選ぶ必要性を学びました。

・正方形と横型のバナーで配置が変わると文字が読みづらくなることもあるので、背景の形やあしらいを変更したり数を調整しながら全体のバランスを見るのが大切だとわかりました。