【自主制作】webデザイナー交流会 告知用Twitterバナー

OVERVIEW

SHElikesの演習課題として架空のセミナー告知のためのTwitter用バナーを制作しました。

YEAR 2021

制作時間:約3時間

制作期間:1日

制作範囲:情報設計・ビジュアルデザイン

使用ツール:Photoshop・Illustrator

①成果物


②演習課題内容


●クライアント

SHE株式会社

●制作目的

・webデザイナー初心者のためのイベント開催の周知

・申し込みページへの誘導

●掲載場所

Twitter

●ターゲット

・女性でwebデザイナー歴1〜2年のwebデザイナー。

・webデザイナーとして働き始めたがまだまだ不安がある方々。

・同業の方々との繋がりが欲しい方。

●イメージの方向性

女性向け/暖かいイメージ

●伝えたい情報

<文言>

・webデザイナー交流会 for beginner

・みんなでわいわい

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

・参加費無料

<画像>

・セミナー風景の写真提供あり(他画像使用可)


③情報設計


●ユーザーストーリー

これからの働き方に漠然とした不安を持っている

Twitterユーザーのターゲットが、何気無くTwitterを開いて

目に留まる場面を想定。


④ビジュアルデザイン


●情報構成

相対的に情報の優先度が高いものを一番大きくより中央に配置し、

優先度の低いものを小さく中央から外すように設計しました。


●カラー

親しみ感、女性らしさ、暖かい雰囲気を表現できるようにメインカラーに

オレンジを選択。ブラウンをアクセントカラーに追加することで配色を引き締めました。

一番に目に飛び込んでは来ないが、アピールして伝えたい文言には

アクセントカラーのイエローを配色しました。

●フォント

視認性の高いゴシック体と迷いましたが、

女性に向けた親しみ感のあるセミナーであると表現するために、

丸ゴシック体の"柔らかさ"と明朝体の"品のよさ"を併せ持つ

『筑紫B丸ゴシック』をセミナータイトルに選定しました。

その他の情報はサイズが小さくなるため、視認性が高い『源暎ラテゴ 』を選びました。

●写真

ミレニアム世代の女性たちが笑顔で談笑している写真を使用。

元が青みかかった写真なので、世界観を統一するために暖色系へ色調を調整しました。

●あしらい

筆記体フォントの使用・線画のあしらいを追加し、画面全体に動きを出しました。

⑤努力したポイント


●バナーの視認性とサービスの”らしさ”の融合

Twitterのタイムラインに流れたらどんな見え方をするかを意識して制作しました。

どんなにオシャレなデザインでも、視認性が悪くあっという間に流されてしまっては

訴求効果がないと思ったからです。

かと言ってターゲットに興味を持たれないビジュアルになっては流されてしまうので

そのバランスを取れるように意識しながら制作しました。