イベント告知バナーデザイン
【 自主制作 】キャリアスクールSHElikesのPhotoshopバナー制作コースの課題で制作しました。使用ツール:Photoshop
課題内容詳細
<制作目的>
・Webデザイナー交流会を開催する旨を周知したい
・バナーを見た人にイベントに申し込んでもらいたい
<ターゲット>
・Webデザイナーの女性
・同業のつながりを作って交流を深めたい人
・オフラインイベントなので、集合場所に集合できる方
<掲載場所>
X(旧Twitter)で告知文言とともに掲載
<バナーの遷移先>
交流会への申し込みページ
<納品形式>
横1280px × 縦670px / PNG
指定の要素
<テキスト>
・Let's Meetup!
・一緒に頑張る仲間を見つけよう
・Webデザイナー交流会
・開催日:4月10日(火) 19:30-21:30
・場所:中目黒 Bistro&Bar SHE
・参加費無料
<画像>
・1枚以上、人が写っている写真を使用
・配布素材やフリー素材サイトから写真を選んで使用
<デザインのイメージ>
・可愛すぎず、大人スタイリッシュなイメージ
・「ここなら仲間が見つかるかも」と思ってもらえるような温かい雰囲気が伝わる
制作バナー
実装イメージ
制作にあたり工夫した点
<情報設計で工夫したこと>
- 参考にするバナーを探し、大きめの文字を下部に置き目を惹く配置に
- 「Webデザイナー交流会」が一番に目に入るよう一番大きく配置
- 日付と場所は興味を持った方が「行けるかな?」と確認しやすいようにグルーピング
<デザインで工夫したこと>
【 配色 】
- 落ち着いた色味で大人っぽい綺麗目な配色に
- 暖かい印象を与えられるようにピンクをあしらいに
【 フォント 】
- イベントタイトルは明朝体で女性らしさや大人スタイリッシュに
- その他小さい文字はゴシックでスマホでの読みやすさを優先
- 英語は抜け感(=気軽に参加できそう!)な印象を与える手書き風のフォントに
【 写真 】
- 楽しそうな日本人女性が複数映る写真を採用
- 笑顔がアイキャッチになるように大きく配置
【 その他 】
- 手書きの吹き出しや、枠からはみだした「Free」できっちりし過ぎていない、楽しさを表現
- 背景にグレーとピンクのリボンのようなあしらいで楽しさや動きを出し、また立体感も出るように写真を2枚重ねて配置
- 日付、場所はパッと見て情報を受け取ってもらえるようにアイコンをあしらいに
- ラインは細めにすることで、大人スタイリッシュな印象に