バナー｜Rubby Coffee新店舗オープンのキャンペーン告知③【架空案件】
OVERVIEW
Webデザインスクール「HarTech」の課題で、架空のインタビューをもとに3人の異なるペルソナを設定し、それぞれに合わせたバナーデザインを制作しました。（ペルソナ3について） 制作時間：約6時間／使用ツール：Photoshop
目次
1．制作物
2．要件定義
3．ペルソナ設定・工夫点
1．制作物
Instagram用 1080✕1080px
X用 1200✕675px
GDN用 480✕60px
2．要件定義
3．ペルソナ設定、工夫点
◎ペルソナ3【周辺大学に通う女子大学生】
●情報設計
Z型の視線誘導上に文字・画像配置を行いました。
●配色
- ベースカラー（#fff5f8 ）：やわらかなピンクで、女子大学生に親しみやすい「かわいらしさ」と「非日常感」を演出。
- メインカラー（#666666）：落ち着いたグレーで、洗練された印象と「ちょっと大人なご褒美感」を表現。
- アクセントカラー（#ff6f91 ）： 明るいピンクで、「ときめき」や「華やかさ」をプラスし、視線を引きつけるポイントに。
●フォント
和文フォント：HGS明朝B
英文フォント：Dancing Script OT
●ビジュアルデザイン
①視認性の強化
→「2BUY GET 1」の数字（「2」と「1」）を大きくデザインすることで、キャンペーンの内容が直感的に伝わるように工夫しました。
②柔らかい世界観の演出
→ コーヒーの湯気を思わせる吹き出しデザインで、温かみのある雰囲気と親しみやすさを表現しました。
③直感的な理解を促すレイアウト
→ コーヒーカップの画像を2枚配置し、「2つ購入で1つ無料」という内容が視覚的に伝わるよう構成しました。
④メディア特性を活かした構成
→ X（旧Twitter）では横長のスペースを活かし、「もう1杯無料！」という文言を追加。文字による補足でキャンペーン内容をより明確に伝えています。