【自主制作】Webデザインイベント訴求バナー

OVERVIEW

SHE株式会社様の運営するキャリアスクール『SHElikes』の課題で架空案件としてイベント訴求バナーを制作しました。使用ツール: Photoshop/制作時間:約6時間

YEAR 2023

目次

(1) 制作したバナー

(2) 制作要件

(3) 工夫したこと


(1) 制作したバナー

X:1280px × 670px

(2) 制作要件

○目的

・Webデザイナー交流会を開催する旨を周知したい

・バナーを見た人にイベントに申し込んでもらいたい

○ターゲット

・Webデザイナーの女性

・同業のつながりを作って交流を深めたい人

・オフラインイベントなので、集合場所に集合できる方

掲載場所

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

バナーの遷移先(告知文言にURLを記載)

交流会への申し込みページ

入れたい要素

<文言>

・一緒に頑張る仲間を見つけよう 

・Webデザイナー交流会

・Let's Meetup!

・開催日:4月10日(火) 19:30-21:30

・場所:中目黒 Bistro&Bar SHE

・参加費無料

<画像など>

・1枚以上、人が写っている写真を使用してください

・配布素材やフリー素材サイトから写真を選んで使用してください

デザインのイメージ

・可愛すぎず、大人スタイリッシュなイメージ

・「ここなら仲間が見つかるかも」と思ってもらえるような温かい雰囲気が伝わる

(3) 工夫したこと

情報設計で工夫したこと

・「参加費無料」をはじめに視線が行く位置に配置し、アクセントカラーの黄色で目立たせました。
・ユーザーストーリーを考え(参加費無料だ!何のだろう?→Webデザイナーの交流会があるんだ!日程や参加場所はどこだろう?→参加できそうだ!申し込みページはどこだろう?)「Zの法則」を利用し、情報の優先順位を意識しました。

○デザインで工夫したこと(配色、フォント、写真など)

・「大人スタイリッシュ」「温かい雰囲気」からベースカラーには和やかで温かみのある「ベージュピンク」、メインカラーには落ち着きがあり安心感を感じる「緑」、アクセントカラーには注目と優しさを感じる「黄色」を選びました。

・写真はWebデザイナー交流会ということでパソコンを使用しており、「一緒に頑張る…」の文言から複数人写っているものを選びました。

・フォントは目立たせたいところにはハッキリとしたフォントを、セリフのような文言には躍動感が出るようなフォントを選びました。