【実案件】Twitter、Slackバナー

制作目的

オンラインイベント「お仕事獲得までのHow To！」の認知拡大、集客

デザインのポイント

• SNSでバナーを見かける一瞬でユーザーの興味を引くこと
• 長いタイトルをキャッチーに見せること
• SHElikesの世界観を表現すること（女性らしい、華やか） 

＜レイアウト＞
SNSのタイムラインにバナーが表示される一瞬でユーザーの目を惹きつけられるよう、イベントタイトルを可能な限り大きく配置。

また、ユーザーの目線の動きを考慮し、下記順に情報が入るように配置しました。

1. イベントタイトル

2. ゲスト

3. 日時

＜配色＞

イベント内容に合わせて明るくポジティブな印象にするため、ピンクとブルーのベースカラーに、黄色のアクセントカラーを使用しました。

＜フォント＞

視認性が高く、SHElikesがWebサイトやバナーでよく使用している「游ゴシック」を使うことでユーザーに馴染みのある雰囲気になるようにしました。ウェイトはボールドを使用し、視認性が高くなるよう意識しました。

長いタイトルをキャッチーに見せるため「HOW TO!」は動きのある「Aisha Latin」、ウェイトは游ゴシックと組み合わせて違和感のないよう「Semibold」を使用。カラーも元気感のあるイエローを使用しました。

文字間を広くとり、女性らしくゆったりとした雰囲気になるようにしました。

＜あしらい＞

参加したユーザーのお仕事の獲得がうまくいきますようにという願いをこめて、桜咲くあしらいにしました。

お仕事獲得方法という活発なイベント内容に合わせて、下記の内容で躍動感を表現しました。

• ゲストの写真を丸くトリミング、上下にずらして配置
• 花びらのイラストを散らして配置
• 矢印や吹き出しの手書き感のあるあしらいを入れる

制作したバナー