【課題】バナー制作(Twitter/Instagram)
OVERVIEW
SHElikes MULTI CREATOR COURSE 2つめの課題。架空のクライアントからの依頼内容をもとに実践形式でのバナー制作に取り組みました。目的に沿った情報設計とビジュアルデザインを行いました。
制作時間:約8時間
制作期間:約1週間
制作範囲:情報設計・ワイヤーフレーム・デザイン
成果物
【Twitterバナー】【Instagramバナー】
課題内容
架空クライアントからの依頼内容
- クライアント
20代女性がメイン顧客の初心者向け英会話スクール「English Girls」 - 目的
キャンペーン利用での入会者を増やす - ターゲット
20代女性、英語初心者 - 入れたい文言
①一緒にお得!②夏のお友達紹介キャンペーン③あなたにもお友達にも5,000円プレゼント④期間:2020年8月20日〜9月30日 - 提供画像
ロゴ
情報設計
- ユーザーストーリーの作成
「5,000円プレゼント」でユーザーの興味を引き、左上から右下へ視点が動いていくストーリーを作成しました。
ビジュアルデザイン
- 夏らしく爽やかな配色
統一感を出すために、白い服装の女性の写真を選び、文字色も青みのグレーを使いました。
- 女性らしさと視認性を考慮したフォント選び
基本のフォントは「平成丸ゴシック」で柔らかい印象に。数字は「DIN」を使用し読みやすさを心がけました。キャンペーン名は「バナナスリップ」を使用し、ワクワク感を出しました。
- 英会話スクールであることがわかる背景
背景にアルファベットを敷くことで英会話スクールであることを表現しました。
頑張ったポイント
視線誘導を意識し、「詳しくはこちら」をクリックしてもらえるように作りました。フォントや配色、あしらいを全体的に統一することにこだわりました。講師からたくさんフィードバックをもらい、ブラッシュアップに力を入れました。ブラッシュアップ前のバナーの違和感に気づけるようになりました。
課題を通して学んだこと
ユーザーの心情を考えながら情報を配置していくこと。
情報に優先順位を付け、文字の大きさやアクセントカラーを使いメリハリをつけること。
ターゲット、目的に合わせて配色やフォントを考えること。
参考バナーの探し方。まず全体的なレイアウトの参考バナーを探し、日付部分、配色や単位の表し方などピンポイントに参考バナーを探しました。