❑目次❑
1.概要
2.制作物
3.要件定義
4.情報設計
5.ビジュアルデザイン
6.頑張ったポイント
1.概要
制作時間：約5時間
制作範囲：情報設計、ワイヤーフレーム、デザイン
使用ツール：Photoshop
2.制作物
3.要件定義
目的
・Webデザイナー交流会を開催する旨を周知する
・バナーを見た人にイベントに申し込んでもらう
掲載場所
・X（旧Twitter）で告知文言と共に掲載
ターゲット
・Webデザイナーの女性
・同業のつながりを作って交流を深めたい人
・オフラインイベントであるため、開催場所に集合できる方
入れる文言
・Let's Meetup!
・一緒に頑張る仲間を見つけよう
・Webデザイナー交流会
・開催日：4月10日（火）19:30-21:30
・場所：中目黒 Bistro&Bar SHE
・参加費無料
入れる要素
・人が写っている写真1枚以上
デザインのイメージ
・可愛すぎず、大人スタイリッシュなイメージ
・「ここなら仲間が見つかるかも」と思ってもらえるような温かい雰囲気が伝わる
4.情報設計
- ターゲットである女性の目を引き付けられるよう、女性が楽しそうに話している写真がまず目に入るようにしました。そのため、背景から頭がはみ出ている構成で、大きく配置しました。
- 「Webデザイナー交流会」という内容が伝わりやすいよう、文字の大きさを大きくし、背景に帯を敷いて目立たせました。位置は、Z型の視線誘導を意識し、女性の写真の次に、「一種に頑張る仲間を見つけよう」というフレーズと共に目に入る位置にしました。
- 最後にもう一押しする効果を狙い、「参加費無料」をZ型の視線誘導で最後となる右下に配置しました。
5.ビジュアルデザイン
配色
温かな雰囲気が伝わるように、ベースとアクセントは暖色系にしました。
また、「可愛すぎず大人スタイリッシュなイメージ」に合わせ、彩度が低めの色を使用し、落ち着いた印象になるようにしました。
写真
必須要件である人物写真の他に、Bistro＆Barで開催するということが伝わりやすいように料理やお酒の写真を使用しました。
あしらい
Webデザイナー向けであることがわかる要素が少ないと考え、PCやマウスのイラストを取り入れました。
温かい雰囲気に合わせることと、女性に好まれそうなテイストであることを踏まえ、手書き風の線画にしました。
6.頑張ったポイント
ターゲットに訴求するためにはどの文言や要素を目立たせれば良いか考え、情報の強弱をつけることを意識しました。