英会話教室のキャンペーンバナー

OVERVIEW

SHElikes PROデザイナーコースの実践課題 【制作範囲】情報設計、ワイヤーフレーム、デザイン 【使用ツール】Photoshop

YEAR 2025

| 制作物

▽ Instagramバナー


▽Xバナー


| 課題概要

◆ 目的

キャンペーン利用での入会者を増やす
(2週間の実施期間で50名獲得目標)

◆ ターゲット

20代女性 英語初心者
趣味で英語を学びたいと考えている方

◆ 掲載場所

  • Instagramのフィード
  • X(旧Twitter)

◆ バナーの飛び先

キャンペーン用のLP

◆納品形式

  • ① Instagram:1080px×1080px
  • ② X(旧Twitter):1200px×628px

◆ 入れたい文言

  • 一緒にお得!
  • 夏のお友達紹介キャンペーン
  • あなたにもお友達にも5,000円プレゼント
  • 期間:2024年8月20日〜9月30日

◆ 入れたい画像など

  • ”あなたとお友達”を表現するための人物の写真
  • 英会話スクールであることがわかる要素や写真
  • English Girlsのロゴ


| 情報設計


| ワイヤーフレーム

  • フックである「5,000円プレゼント」が一番目立つように中央に大きく配置したい
  • あなたにもお友達にも」がテキストだけでなく、写真からも視覚的に伝わるように、受講生である女性を2人配置したい
  • 趣味で英語を学びたいというターゲットに対して、講師はカジュアルスタイルの服装の方が、親しみやすい雰囲気が伝わりそう
  • 正方形バナーと円を組み合わせた配置イメージが、夏らしさも一緒に伝えられそう


| ビジュアル設計

【配色】

◆ ベースカラー

  • 黄色みがかったホワイトを選び、明るさ・ポップな雰囲気を意識しました。

◆ アクセントカラー

  • ブルー:海・マリンカラーをイメージしました
  • イエロー:太陽:ひまわりをイメージしました


【フォント】

はっきりと読みやすいフォントを選定しました。

日本語フォント:凸版文久見出しゴシック StdN

英数字フォント:DIN2014


| 工夫したところ

①5,000円プレゼント

  • 一番目立つ中央へ配置しました。
  • 広告流し見の方にも目を留めてもらえるサイズを意識しました。

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

  • 「夏の」というテキストに動きを出すことで、ポップさを出しながらメリハリのアルカンデザインを意識しました。
  • 「お友達キャンペーン」の部分を帯びで囲むことで、情報の優先度を上げ、キャンペーンバナーであることを伝わりやすくしました。

③人物写真

  • バナーの中にリズム感が生まれるように、トリミングした人物写真を傾けて配置しました。
  • 麦わら帽子などの小物から、夏らしさが感じられる工夫をしました。

④応募期間

  • 視認性の高いフォントを使用して応募期間が明確・正確に伝わることを意識しました。

⑤その他

  • 放射状の背景画像を用いることで、InstagramやXを流し見している方にも、目に留まるような目立つバナーになるように意識しました。
  • 背景画像に夏らしい黄色を用いつつ、文字色や応募期間の帯には濃いブルーを使用することで、夏らしさに加えてバナーの中でのメリハリがつくように意識しました。
  • 背景画像の中にうっすらとアルファベットを散りばめており、英会話教室っぽさも伝わるように意識しました。


| 課題を通じて学んだこと

情報の優先順位をつけて整理する→伝わる配置を考える→デザインしていく

という過程を通して、かわいいだけ、みやすいだけといったデザインではなく、ユーザーの方にしっかり伝わるデザインを意識することの大切さを感じました。


FBをいただく機会では、

  • 要件に合うトーンでまとめられており、クライアントさんの意図を汲み取れている
  • 思い切ってジャンプ率をつけることで、メリハリのあるデザインに仕上がっている

といったコメントをいただき、クライアントさんの思いをユーザーに届ける思考を持った上での制作を強みにしていきたいと感じました。