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

OVERVIEW

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


目次

1.制作物

2.要件定義

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



1.制作物

Instagram用 1080✕1080px



2.要件定義



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

◎ペルソナ2【近隣で働く20代若手サラリーマン】


●情報設計

 Z型の視線誘導上に文字・画像配置を行いました。


●配色

  • ベースカラー(#eff9e6 ):明るく柔らかなグリーンで、仕事の合間にほっと一息つける「安心感」や「くつろぎ」を表現。 
  • メインカラー(#0f1708 ):深みのあるグリーンで、コーヒーの「落ち着き」や「集中力を高める」印象を演出。 
  • アクセントカラー(#709251 ):爽やかで自然なグリーンを用い、「リフレッシュ」できる空間を想起させる。 


●フォント

和文フォント:HGSゴシックE

英文フォント:Franklin Gothic Demi


●ビジュアルデザイン

①視認性の強化
→「1杯無料」の文字にアクセントカラーを使用し、サイズを大きくすることで、キャンペーンの内容をひと目で伝えられるよう工夫しました。

②シンプルな構成
→男性ペルソナを意識し、装飾は控えめに。全体は無駄を省いたシンプルなレイアウトで、角のある四角形を使い、シャープな印象に仕上げました。