【架空】SNS用バナー制作(レイアウト・ビジュアルデザイン)

OVERVIEW

■SHElikes MULTI CREATOR COURSE Designerにて、架空のクライアントからの依頼内容をもとに実践形式でのバナー制作に取り組みました。 ■制作時間:約15時間 ■担当フェーズ:情報設計/レイアウト/ビジュアルデザイン

YEAR 2024

目次

①制作物

②課題内容

③工夫したこと

④制作を通じて学んだこと


①制作物(使用ツール:Photoshop)

▼ Instagram用バナー(1040px × 1040px)


▼ X用バナー(1280px × 720px)


②課題内容

架空クライアントからの依頼内容

  • クライアント
    20代の女性をメイン顧客とする英会話教室
  • 目的
    SNSで配信するためのバナー制作、キャンペーン利用での入会者を増やす(2週間の実施期間で50名獲得目標)
  • ターゲット
    20代女性/英語初心者/ 趣味で英語を学びたいと考えている方

【必要な要素】

  • 文言

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

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

③期間:2020年8月20日~9月30日

④一緒にお得!

  • 画像

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

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

 ③クライアントのロゴ

トンマナイメージ

趣味で学んだり外国人の方との交流を図ってみたい人向けのライトなスクールなので、ポップでたのしい雰囲気


③工夫したこと

【情報設計】

世に出ているキャンペーンバナーをピンタレストなどで研究し、施策名を大きく配置しているものが多いと感じたので、そこから以下のユーザーストーリーを設定しました。

①夏の友達紹介キャンペーンが目に入った(ひきつける)

②詳細を確認すると、友達と入会するとそれぞれに5000円もらえることが分かった(アピール・訴求)

③気になりキャンペーン期間を確認した(具体的内容の伝達)

④英会話のスクールであることが分かった(アピール)

デザインコンセプト

  • 夏のキャンペーンということで、配色は夏を連想させる青緑をベースとし、女性らしさやポップな印象を与える為オレンジやイエローをメインカラーに、アクセントカラーとして彩度の高い黄色や、可読性を上げるために紺色や白を使用しています。

  • 装飾に夏のモチーフや、泡を連想させる円を配置することで、夏らしさを演出しています。
  • 写真は友人だと分かるような密着度が高く、季節感が伝わる肌の露出が多いものを選定しました。夏の強い日差しをイメージさせる為、色調補正を行っています。
  • フォントは丸ゴシックで可愛らしさとを出しつつ、キャンペーン期間など重要度の高い文言はゴシック体を使用し、可読性を担保しました。
  • 手書き風の英語ふきだしを入れることで、英会話の雰囲気を表現しています。

④制作を通して学んだこと

  • ユーザーストーリーを考え情報に優先順位を付け、レイアウトを組んでいくという一連の流れを、制作を通して学びました 。
  • 提示されたイメージ資料から、クライアントがどんなデザインを望んでいるのか要素を言語化して抽出し、アイデアをまとめてから制作に入ることが大事だと感じました。