猫のイラスト

Banner Design

Cosme Banner

化粧品の広告バナーデザイン

Photoshop
化粧品コスメの架空広告バナー

制作概要

作品名
女性コスメのバナー広告
制作期間
約2日間(2025年12月)
制作タイプ
架空広告バナー制作(職業訓練課題)
制作条件
クライアント:Creat Factory Ltd.
商材名:CFエッセンウォーター(モイスチャー)
色味・テイスト:ベースカラーは青系統、多少高級感
ターゲット層:20代後半〜30代の女性
サイズ:300×250px / 形式:JPG or GIF / 容量:150KB以内
使用ツール
  • Adobe Photoshop
担当範囲
デザイン

制作の目的・背景

課題

架空の化粧品ブランドの広告バナーを制作する。
「美容に関心が高い20代後半〜30代の女性」を想定し、クリック率を高めるデザインを目指す。

コンセプト

うるおいの雰囲気を前面に出し、商品の持つ透明感も合わせて感じられるようにする。
爽やかで明るい感じを出しながら、ターゲット層を加味して若々しすぎない雰囲気にすること。

ターゲット分析

ペルソナ設定

・20代後半〜30代の女性
・肌の乾燥やエイジングケアに関心がある
・爽やかで明るいイメージのコスメを好む

デザインのポイント

視線誘導の設計

右下に誘導ボタンを設置し、ユーザーの行動を促す CTA(Call To Action)を意識した。

配色の選定

補色である黄色をアクセントカラーとして配置し、価格情報を視覚的に際立たせた。

キャッチコピーの視認性

見出し・サブコピー・補足の3段階で文字サイズに差をつけ、ひと目でメッセージの優先順位が伝わる構成にした。

商品内容の分かりやすさ

化粧品のおすすめ3点セットに色分けを施し、それぞれの特徴がひと目で伝わるように工夫した。

制作過程

1. リサーチ

競合他社のバナー表現リサーチ・化粧品業界の広告バナーを調査。

2. ラフ制作

配色パターンの検討・視線誘導の設計。

3. デザイン制作

Photoshop でのバナー制作(300×250px)、テキストレイアウトと装飾、CTAボタンデザイン。

4. ブラッシュアップ

可読性の確認・最終調整と書き出し。

苦労した点・学んだこと

・限られたスペース(300×250px)に必要な情報をすべて詰め込むことの難しさを実感
・小さいサイズでも文字が読めるよう、フォントサイズと余白のバランス調整に時間を要した
・バナーデザインは「情報を厳選して見せる」ことが重要だと実感した

今後の改善点・展望

・実際の広告運用データを参考に、より効果的なデザイン手法を学びたい
・季節やキャンペーンに合わせたバナーバリエーション制作にも取り組みたい