【実案件】SHElikesコミュニティイベントバナー
OVERVIEW
キャリアスクールSHElikesのコミュニティ公式イベントの告知バナーを制作いたしました。 [制作期間:3日 / 使用ツール:Figma , Illustrator , Procreate , Photoshop]
アイデア出し、文字組・レイアウトについては共同制作者と協議した上で制作いたしました。共同制作者の制作バナーを含め複数案提示し、こちらのバナーを採用していただきました。
Figmaを使用して制作。登壇者写真の切り抜き・色調調整はPhotoshopにて行い、メインタイトルはIllustratorにて作成しました。花束のイラストはProcreateを使用して描き下ろしました。
【要件】
▼タイトル
『未来の自分からお祝いの花束を受け取ろう 今を動かす予祝のチカラ』
▼目的
より多くのSHElikes受講生さんたちに、イベントに参加してもらい、ゲスト登壇者の活動を知ってもらう
▼ターゲット
- やりたいことを見つけられたが、なんとなくフワッとしていてここからどうやって行動に移すか迷っている人
- やりたいことだが、上手くいくのか不安でなかなか行動へ移せない人
- やりたいことをやりたいはずなのに、モチベーションが上がらない人
▼キーワード
お祝い 花束 カラフル 受け取る 未来
▼サイズ
1000 × 500 px
▼提供素材
バナータグ、ロゴ、登壇者写真
【情報設計】
- ゲスト登壇のイベントであることを強調するため、登壇者の写真は切り抜いた上で大きく配置し、一目で印象づけられるよう意識ました。
- ”予祝”というあまり馴染みのない言葉を強調するため、メインタイトルはバナー中央に配置し、大きく目立たせました。
- 普段は夜にイベントを開催することが多い中で、今回のイベントは昼の開催となるため、開催時刻に関しては大きく太く記載した上で、黄色のアンダーラインを引くことによって、目を留めていただけるよう意識しました。
- Z型の視線誘導を意識し、自然な流れで優先度の高い順に情報を得られるレイアウトとしました。(タイトル→登壇者情報→開催日時→その他参加条件等)
【デザインをする上で意識したこと】
- 柔らかく落ち着いた印象とすることに加え、メインタイトルを作字することを鑑みて、メインとなるフォントは装飾しやすいバリアブルフォント(Noto serif JP)を採用しました。開催時刻などは、メインフォントと相性のよさそうな欧文フォント(Garamond Premier Pro)を採用しました。
- メインタイトルは特に強く印象づけるため、軽やかなはらいのあしらいを加えて作字しました。
- メインタイトルに含まれる”予祝”という言葉は、一般的にあまり馴染みがない言葉だと考え、可読性が損なわれないよう作字をする際に形を崩しすぎないよう意識しました。さらにアクセントカラーのピンクで強調しました。
- 未来を想像させる虹の光をベースに生成し、本イベントのキーワードのひとつである花束のイラストを大きく配置することで、明るい未来・お祝いの雰囲気をバナーから感じ取っていただけるよう意識しました。
- 背景がカラフルなぶん、基本のフォントカラーは黒に近いグレー(カラーコード#333333)とし、その他のあしらいも細めのラインとするなど、極力シンプルなものにしました。