バナー制作（Instagram/Twitter用）｜ 課題

◆制作に要した時間
制作時間（制作期間）：約10時間（4日間）
制作範囲：情報設計・ワイヤーフレーム・デザイン

** 成果物（Instagram用 / Twitter用） **

【Instagram用】

【Twitter用】

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

・クライアント
　20代女性をメイン顧客とする英会話教室「English Girls」
・目的
　キャンペーン利用での入会者を増やす（獲得目標：2週間で50名）
・ターゲット
　20代女性 / 英語初心者 / 趣味で英語を学びたいと考えている方
・バナーの飛び先
　キャンペーン用LP
・入れたい文言
　（1）一緒にお得！（2）夏のお友達紹介キャンペーン
　（3）あなたにもお友達にも5,000円プレゼント（4）期間 : 2020年8月20日〜9月30日
・提供素材
　ロゴデータ

** 情報設計 **

【視線誘導】：Z型

・「5,000円プレゼント」で注目を集めたのちに、ユーザーの視点が左上→右上→左下→右下の順に巡回するようパーツを配置。
・視線が止まる 左上 と 右下 に同じパターンの青バッジを置くことで、「英会話初心者さん大歓迎！」で呼びかけ→「Let's enjoy English♪」で行動意欲を掻き立てたい。

【ユーザーストーリー】

** 制作の工夫・ポイント **

【配色】・夏空/海をイメージさせるブルー　と　向日葵のイエロー　を基調とした配色に。
・4色を使っているが、ベースとアクセントをブルーベースにすることで、まるで3色にまとまったような印象に。

【レイアウト】
・女性2人（写真）の目線の先に“伝えたい情報”を配置
　→「新しいことを始めよう！」という未来を見据えた前向きな意欲をイメージ

【タイポグラフィ】
・ターゲットより幼く感じないように、丸みを抑え、読みやすいフォントを選択

【あしらい】
・“英会話”をイメージできる「A」「B」「C」を背景にうっすら配置
・「一緒におトク♪」♪を付けることで、女性が喋っているように演出
・夏っぽい&配色に合った服装の写真を選択
・不透明度を下げた青背景で「5,000円プレゼント」の視認性UP

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

●デザインの引き算の大切さ
今回の成果物は、学習1ヶ月目に制作したバナーのやり直しバージョン。
下記のような気付きやフィードバックを受けて、全体的に引き算をして構成を練り直したもの。
──────────────
・あしらいや配色など、ターゲット層よりも幼い印象を与えてしまう
・全体的に視線が散らばってしまう
・「夏の」「お友達紹介キャンペーン」で1つの情報なのに、位置が離れ過ぎている
──────────────

※ 当初の制作バナーはこちら↓ ※