【制作事例】交流会募集バナー

OVERVIEW

SHElikes受講コース内でバナー制作の課題に取り組みました。 制作時間:約5時間/制作ツール:Photoshop

YEAR 2024 - 2024

目次

1.制作したバナー

2.課題要件書

3.制作のポイント

4.制作を通して学んだこと


1.制作したバナー

2.課題要件書

・掲載場所
 X(旧Twitter)で告知文言とともに掲載

・企画内容

 Webデザイナー交流会を開催する旨を周知したい
 バナーを見た人にイベントに申し込んでもらいたい

・ターゲット

 Webデザイナーの女性
 同業のつながりを作って交流を深めたい人
 オフラインイベントなので、集合場所に集合できる方

・バナーの遷移先(告知文言にURLを記載)
 交流会への申し込みページ

・デザインのイメージ

 可愛すぎず、大人スタイリッシュなイメージ
 「ここなら仲間が見つかるかも」と思ってもらえるような温かい雰囲気が伝わる

・指定コピー
 一緒に頑張る仲間を見つけよう
 Webデザイナー交流会
 Let's Meetup!
 4月10日(火) 19:30-21:30(開催日)
 中目黒 Bistro&Bar SHE(場所)
 参加費無料

・画像など
 1枚以上(人が写っている写真を使用)
 配布素材やフリー素材サイトから写真を選んで使用

・サイズ
 1280px × 縦670px / PNG

3.制作のポイント

1.女性を大きく配置しイベントのイメージを直感的に理解してもらう
・オフラインでの交流であり場所もレストランのため、にぎやかなイメージを与えられるようにしました。ターゲットがバナーの女性を自分と重ねて「楽しそう!」「行ってみたい!」と思えるように、笑顔が印象的な画像を選んでいます。
・手前にぼかした人も見えるように配置することで、よりバナーの女性にフォーカスできるようにしています。

2.伝えたい情報を優先したレイアウト
・伝えたいコピーが右下に配置されていますが、すぐに目に留まるよう帯で目立たせています。またフォントカラーやサイズにも優先度をつけることで視認性を高めました。
3.配色により『可愛すぎず、大人スタイリッシュなイメージ』を表現
・暖かく柔らかい雰囲気により、交流会に参加する気持ちのハードルを下げるために丸みを帯びたあしらいや暖色を使用しました。
・しかし、それだけでは可愛い雰囲気により過ぎてしまうため配色はくすみがかったものを使用しています。

4.制作を通して学んだこと

・ターゲットが視線誘導しやすいレイアウト
 バナーを全体的に見ると一番アピールしたい写真とコピーが少し真ん中に寄っているように見えます。バナーはZ型を意識して制作することが多かったのですが、伝えたいものをまとめて配置することでまとまりが出ることがわかりました。