【課題】キャンペーンバナー（X/Instagram）

愛弓
Webデザイナー/ディレクター
OVERVIEW

SHElikes MULTI CREATOR COURSEの実践課題です。クライアント様から共有された要件をもとに、X（旧Twitter）とInstagramの2種類のバナーを制作いたしました。 【制作期間】6時間 【使用ツール】Photoshop

YEAR 2024

制作物


課題要件

情報設計

ユーザーストーリー

デザインの工夫

  • 要件の「夏」「ポップな雰囲気」を表現するため、メインカラーを黄色、アクセントカラーは補色となる青系の色味を採用しました。

  • 可読性を担保するため、ベースカラーは白にしました。

  • 背景にさりげなく「A」「B」「C」の文字を敷き、ポップな印象になるよう、またさりげなく英会話要素を込めました。（使用フォント：TA-rb0925）

  • 「お友達紹介キャンペーン」のタイトルを指さすような外国人女性の写真素材を使用し、英会話訴求＆強調効果を狙いました。

  • 最も目立たせたい「¥5,000」のフォントは、ポップな印象且つ視認性を担保できるよう「ADAM.CG PRO」を使用しました。

  • 同フォントだと「,」のみ直線的でシャープな印象になるため、「A-OTF UD新丸ゴ Pr6N」を使用しました。

  • 要件の「夏」「ポップな雰囲気」を表現すべく、黄色背景に対し補色となる青文字を採用し、水色ドットのドロップシャドウを追加しました。


本課題で学んだこと

  • 正方形/長方形と、リサイズを想定した制作の仕方

  • 情報設計の仕方（ユーザーストーリーを論理的に考えまとめることで、どのように優先度をつけるべきか）

  • その上で、全部文字で伝えるのではなく写真やあしらい・配色からも情報を伝達する必要があるという点