【実践課題】新作ヘアオイルの商品バナー

OVERVIEW

制作期間:約6時間/制作に使用したツール:Canva/HerTechでの課題で作成


* 目次 *

1.制作したバナー
2.要件定義
3.制作をする上で工夫した点


1.制作したバナー

Instagram用バナー(1040px × 1040px)

X(旧:Twitter)用バナー(1200px × 628px)


2.要件定義


3.制作をする上で工夫した点

⚫︎情報設計
    Z型の視線誘導上に文字配置を行いました。

⚫︎配色とフォント

【配色】


⚫︎フォント

装甲明朝


⚫︎ビジュアルデザイン

①Z型配置で、冒頭に「楽天」や「No.1」といったユーザーの興味を引くキーワードを配置し、金色のローレルリースと王冠で視認性を高めました。

②このオイル商品の特徴が一目で伝わるように、バナー上で「うるうる」「ツヤ髪」のフォントサイズを最も大きく設定し、SNSでユーザーの目を引くデザインに工夫しました。

③商品の特徴を簡潔に短くまとめ、統一したデザインで並べることで、一目で理解できるよう工夫しました。また、丸い図形を用いることで「オイル」の柔らかさを表現し、親しみやすい印象に仕上げています。

④Xのバナーは横長のレイアウトであるため、従来の丸形デザインから楕円形に変更しました。これにより、バナー全体のスペースを効果的に活用し、要素の視認性を向上させています。楕円形は横長バナーの形状に調和し、視覚的に自然で目に留まりやすいデザインを実現しています。