バナー｜Rubby Coffee新店舗オープンのキャンペーン告知①【架空案件】

ayaka
webデザイナー
OVERVIEW

Webデザインスクール「HarTech」の課題で、架空のインタビューをもとに3人の異なるペルソナを設定し、それぞれに合わせたバナーデザインを制作しました。（ペルソナ1について） 制作時間：約4時間／使用ツール：Photoshop

目次

1．制作物

2．要件定義

3．ペルソナ設定・工夫点


1．制作物

X用　1200✕675px


2．要件定義


3．ペルソナ設定、工夫点

◎ペルソナ1【青山一丁目エリア在住の50代主婦】


●情報設計

 F型の視線誘導上に文字配置を行いました。


●配色

  • ベースカラー（#fadbc6）：やさしいベージュで、落ち着きや親しみやすさを演出。主婦層がリラックスできる雰囲気を表現。 
  • メインカラー（#451600）： 深いブラウンで、コーヒーの「上質さ」と「安心感」を伝える。 
  • アクセントカラー（#e04800）：暖かみのあるオレンジで、会話やつながりが生まれる温もりを表現。 


●フォント

和文フォント：A-OTF UD新丸ゴ Pr6N L

英文フォント：Dancing Script OT


●ビジュアルデザイン

①「Open Campaign」のあしらい
→文字の横にもくもくと立ちのぼる湯気のようなデザインを加えることで、コーヒーの温かさや香りを視覚的に表現。キャンペーンのワクワク感と温もりを同時に伝えています。 

②「2BUY GET 1」の数字デザイン
→「2」と「1」の数字を大きく・太めに配置し、キャンペーンの内容が一目で伝わるように視認性を高めました。  

③キャッチコピーと円形デザインの連動
→「ほっと一息、つながる笑顔の輪」というコピーに合わせて、文字をコーヒーカップの輪（ステイン）を模した円形デザインで囲み、「笑顔の輪」と「コーヒーの輪」を重ねたビジュアルでメッセージ性を強化しました 。