バナーの作成要件
▼制作目的
イベント開催の告知、申し込みページへの誘導
▼ターゲット
Webデザイナー歴1〜2年の初心者デザイナー
最近スクールを卒業し、Webデザイナーとして働き始めたがまだまだ不安がある方
フリーランスを目ざしており同業の方との繋がりが欲しい方
▼掲載場所/サイズ
Twitter（幅1146px 高さ600px）
▼必要な要素
・Webデザイナー交流会 for Beginner
・みんなでわいわい
・開催日：4月10日(火) 19:30-21:30
・参加無料
▼遷移先
申し込みページ
▼方向性イメージ
女性向けで温かいイメージ
▼指定カラー
温かみが伝わるピンク系、オレンジ系などの暖色
▼伝えたいこと
トークセッションもあるが、メインは参加者同志で交流ができること
提出バナー
情報設計で工夫したこと
情報の優先順位を以下のように構成した。
①Webデザイナー交流会
②開催日時
③参加無料
④for beginner
⑤みんなでわいわい
最も重要な①は、「Web」を強調することでメリハリをつけ、 重要度の低い④⑤は、読んでもらうより ”見る文字” として装飾のようにあしらった。デザインに遊び心を取り入れることで「楽しそう！」と興味を引き出せると考えた。
デザインで工夫したこと
▼配色
暖色のパステルカラーで温かみを表現した。 文字は明度を下げたブラウンを使用することで視認性を確保している。
▼フォント
女性をイメージして丸みを帯びたフォントを選定。 メインタイトルは、志を表現するために ”可愛すぎないもの” を意識した。
▼写真
暖色に馴染むように写真の青みを飛ばして使用している。変形トリミングと装飾で華やかさを表現した。
▼あしらい
「for beginner」に初心者マークを添えることで対象者が一目でわかるようにした。装飾を必要最低限にすることで必要な情報が素早く伝わると考える。
TA佐藤さまからのフィードバック
・タイトルの部分「交流会」までが一つの単語のため、上の斜体を交流会にもつけると統 一感が出せそう
・写真は並行のまま、シェイプを斜めにして切り抜くと目線が変わることなく動きを出せる。
・タイトルから参加無料までの左端を揃えよう。
・「TUE」の高さを数字に合わせよう。
ブラッシュアップしたバナー
改善した点
- 「交流会」を斜体へ変更
- 写真を並行に調整
- 「TUE」の位置を調整
Before & After
⬇︎
異なるデザインで作成したバナー
