【自主制作】Twitter掲載用バナー

OVERVIEW

オンラインスクールの課題で制作したバナーです。架空のWEBセミナーを告知するためのTwitter掲載用バナーを作成しました。 (制作時間:約10時間)【制作ツール:Photoshop】

YEAR 2021

<制作内容>

【制作時間】約10時間

【制作範囲】情報設計・ビジュアルデザイン


<制作物>



<ご依頼内容>

□クライアント

特になし

□制作目的

イベント開催の周知/申込ページへの誘導

□ターゲット

  • WEBデザイナー歴1~2年目の初心者デザイナー
  • 最近スクールを卒業しWEBデザイナーとして働き始めたがまだまだ不安がある方
  • フリーランスを目指しており同業の方との繋がりが欲しい方

イメージの方向性

女性向け/温かいイメージ

□伝えたいこと

トークセッションもあるが、メインは参加者同士で交流ができる

□提供画像について

女性が3人写っている写真は、スクールより提供されたものになります


<意識した点>

■情報設計

*制作目的に合わせた情報の整理*

  • 「イベント開催の周知・申込ページへの誘導」という目的に合わせ、【①イベント名②参加費無料③日付④時間】の順番に視線が誘導されるよう配置をしました。
  • 分かりやすく情報を伝えるため、文字+写真の分割レイアウトを選びました。

  • 文字や写真を楕円形(正円)で囲うことで1つの情報として認識しやすくし、バナー内で同じ楕円形のデザインを繰り返すことで統一感を持たせました。


■ビジュアルデザイン

*配色*

初心者デザイナー向けのイベントのため、可愛らしさとオシャレさを感じるトーンのピンクを選びました。写真の雰囲気を活かせるように色数は4色程度に留め、色情報が多くなりすぎないようにしました。

*フォント*

女性向けのデザインということで、女性らしく優しさも感じる「FOT-筑紫丸ゴシック」をメインに使用しました。英語には「Shelby」という筆記体のフォントを使い、オシャレな雰囲気に整えています。


*写真*

「参加者同士で交流ができる」ということが伝わるよう、笑顔で楽しそうにおしゃべりをしている女性を複数人トリミングしました。また、写真は提供されたものと自分で追加したものがあり、雰囲気が違ってしまわないように写真選びには気を付けました。最終的にそれぞれの写真の明るさとトーンが同じになるよう調整を行い、雰囲気を整えました。

*あしらい*

「みんなでわいわい」の文字を半円状に加工し、両端には3本線をいれて動きをつけました。「参加費無料」を囲っている丸は、途中で線を途切れさせて抜け感をだしています。楕円形の周りは点線で囲い、優しく可愛いらしい雰囲気に。背景はピンクをベースにドットを散らし、全体的に女性らしさを感じるデザインにしました。