5989bcbdb27fab94

【課題】バナー制作(Twitter/Instagram)

OVERVIEW

SHElikes MULTI CREATOR COURSE 2つめの課題。架空のクライアントからの依頼内容をもとに実践形式でのバナー制作に取り組みました。目的に沿った情報設計とビジュアルデザインを行いました。

YEAR 2021

制作時間:約8時間
制作期間:約1週間
制作範囲:情報設計・ワイヤーフレーム・デザイン


成果物

【Twitterバナー】【Instagramバナー】


課題内容

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

  • クライアント
    20代女性がメイン顧客の初心者向け英会話スクール「English Girls」
  • 目的
    キャンペーン利用での入会者を増やす
  • ターゲット
    20代女性、英語初心者
  • 入れたい文言
    ①一緒にお得!②夏のお友達紹介キャンペーン③あなたにもお友達にも5,000円プレゼント④期間:2020年8月20日〜9月30日
  • 提供画像
    ロゴ

情報設計

  • ユーザーストーリーの作成

「5,000円プレゼント」でユーザーの興味を引き、左上から右下へ視点が動いていくストーリーを作成しました。


ビジュアルデザイン

  • 夏らしく爽やかな配色

統一感を出すために、白い服装の女性の写真を選び、文字色も青みのグレーを使いました。

  • 女性らしさと視認性を考慮したフォント選び

基本のフォントは「平成丸ゴシック」で柔らかい印象に。数字は「DIN」を使用し読みやすさを心がけました。キャンペーン名は「バナナスリップ」を使用し、ワクワク感を出しました。

  • 英会話スクールであることがわかる背景

背景にアルファベットを敷くことで英会話スクールであることを表現しました。


頑張ったポイント

視線誘導を意識し、「詳しくはこちら」をクリックしてもらえるように作りました。フォントや配色、あしらいを全体的に統一することにこだわりました。講師からたくさんフィードバックをもらい、ブラッシュアップに力を入れました。ブラッシュアップ前のバナーの違和感に気づけるようになりました。

課題を通して学んだこと

  • ユーザーの心情を考えながら情報を配置していくこと。

  • 情報に優先順位を付け、文字の大きさやアクセントカラーを使いメリハリをつけること。

  • ターゲット、目的に合わせて配色やフォントを考えること。

  • 参考バナーの探し方。まず全体的なレイアウトの参考バナーを探し、日付部分、配色や単位の表し方などピンポイントに参考バナーを探しました。