Facebook 【Her Tech 架空案件】リップバナーを制作しました
Logo

【Her Tech 架空案件】リップバナーを制作しました

クレジット
Avatar
WEBデザイナー
【Her Tech 架空案件】リップバナーを制作しました-1
シェア
制作ノート
制作について

素材画像をいくつか使用し、華やかなデザインに仕上げました。

1. ビジュアルイメージ

【意識したこと・全体のイメージ】

  • 「日常の贅沢」の具現化: キャッチコピーにある「贅沢な日常」を視覚的に表現するため、過度にゴージャスにするのではなく、清潔感のある明るい空間でリップを塗る女性の自然な所作(ポーズ)をフィーチャーし、親しみやすさと憧れが共存するイメージを目指しました。
  • 「うるおい」と「とろける質感」の視覚化: 商品の特徴である「うるおい」や「透明感」を直感的に伝えるため、背景に淡く虹色に輝くシャボン玉(バブル)のモチーフを配置。また、商品写真の下にあるピンクのテクスチャを、とろけるようなブラシストロークにすることで、テクスチャの柔らかさを表現しています。
  • ブランドの信頼感: メインの女性のメイクをナチュラルで上品に仕上げることで、幅広い年齢層に受け入れられる、清潔感と信頼感のあるビジュアルに統一しました。

2. カラー

【コンセプト・選色の理由】

  • ベースカラー(ピンクベースの白・ペールトーン): ターゲット層が好む、清潔感と柔らかさ、そして女性らしさを表現するため、純白ではなく、ごく薄いピンクがかった暖かみのある白を背景に採用しています。
  • アソートカラー(コーラルピンク・マゼンタピンク): キャッチコピーや、ポイントとなるキーワード(「長時間持続」「縦ジワ防止」など)、そして「新発売」の円形要素に使用。女性の唇の色や、商品ラインナップの色味とリンクさせ、画像全体に血色感と統一感を与えています。
  • アクセントカラー(ディープブラウン・チャコールグレー): 商品名のロゴや、本文のテキストに使用。真っ黒ではなく、少し赤みのあるブラウンやグレーを採用することで、全体の柔らかい雰囲気(ペールトーン)を壊さずに可読性を確保しています。また、シャボン玉の中にある虹色の光が、カラーパレットに奥行きを持たせています。

3. タイポグラフィ

【フォント選びの工夫】

  • 親しみやすさと品質感の両立(丸ゴシック体の採用): 全体的に丸ゴシック体を使用しています。角のない丸みのある文字は、商品のターゲット層である女性への「親しみやすさ」や「優しさ」を表現すると同時に、とろけるようなリップの質感ともリンクさせています。
  • ジャンプ率による情報のメリハリ:メインキャッチコピー: 最も大きなサイズで、ピンク色にして視線を強く引きつけます。キーワード: 説明文の中で特に強調したい単語だけをピンク色にすることで、流し読みでも効果が伝わるようにしました。新発売情報: 円形の枠と組み合わせ、日付を大きく、曜日を小さくすることで、一目で発売日が伝わる構成にしています。
  • メインキャッチコピー: 最も大きなサイズで、ピンク色にして視線を強く引きつけます。
  • キーワード: 説明文の中で特に強調したい単語だけをピンク色にすることで、流し読みでも効果が伝わるようにしました。
  • 新発売情報: 円形の枠と組み合わせ、日付を大きく、曜日を小さくすることで、一目で発売日が伝わる構成にしています。
  • 読みやすさの確保: 女性の髪(暗い部分)に重なるテキストは白色にするなど、背景色とのコントラストを調整し、視認性を高めています。

4. 情報設計 (IA)

【制作時に意識・重視したこと】

  • ユーザーの視線誘導(Zの法則)の最適化:まず、左上の大きなキャッチコピーで注意を引きます(「華やぎとうるおい」)。次に、右側の美しい女性の顔と、彼女がリップを塗っている所作に視線が移動し、憧れを喚起します。視線は左下の「新発売」の円形情報と商品ラインナップへ下がり、最後に右下の具体的な商品名にたどり着く、というスムーズな流れを意識しました。
  • まず、左上の大きなキャッチコピーで注意を引きます(「華やぎとうるおい」)。
  • 次に、右側の美しい女性の顔と、彼女がリップを塗っている所作に視線が移動し、憧れを喚起します。
  • 視線は左下の「新発売」の円形情報と商品ラインナップへ下がり、最後に右下の具体的な商品名にたどり着く、というスムーズな流れを意識しました。
  • ベネフィットの明確化とグルーピング: 商品のメリット(「とろけて持続」「うるおい/縦ジワ防止」「華やかな色彩/ナチュラル」)を、シャボン玉のような円形の要素で緩やかにグルーピングし、それぞれ異なるメリットが直感的に伝わるように配置しました。
  • 「今」必要な情報の提示: 既存顧客や新規顧客が最も知りたい「いつ出るのか(新発売日)」と「どんな色があるのか(全色ラインナップ)」を、視覚的に目立つ位置(左下)にまとめて配置し、購買意欲を促進しています。
シェア
SAKI | Web制作の他の作品