Logo

[HerTech架空案件]スキンケア新商品PRバナー

クレジット
Avatar
WEBデザイナー
[HerTech架空案件]スキンケア新商品PRバナー-1
シェア
制作ノート
制作について

【デザインについて】

●ビジュアルイメージ

ターゲットが20代後半~40代の働く女性ということで全体的に優しい印象になるようにデザインを考えました。また目的にもあるように視線の誘導をすることで商品の詳細・購入ページへのクリックを促す構成を行いました。

●カラー

ベースカラーは温かみと柔らかさを感じさせるペールピンクを使用。テキストはロゴに合わせたグレーを使用し、全体的に甘くなりすぎず上品な高級感をキープできるようにしました。

●タイポグラフィ

ベースの書体はNoto Sans JPで統一しつつ、情報の重要度や役割に合わせてキャッチコピーやサブ情報など色やエフェクト、下線などのあしらいで変化させています。

●情報設計

中央に大きく商品を配置し、左右にキャッチコピーを配置することで自然と商品へ視線が集まるように設計しました。

また左側に「美容成分」、右側に「トーンアップ効果」とターゲットがパッと見て「もっと知りたい」「気になる」といった内容を左右に対比させて配置しました。

●工夫したポイント

「トーンアップ効果で、ノーファンデでも美しく。」の下線を矢印で斜め右に上げることでテキストをよりポジティブに見えるように工夫しました。

また上部にあるロゴの背景に柔らかな曲線を使用することで、肌への優しさや光を味方にするような透明感・瑞々しさを視覚的に表現したところ。

シェア
制作について

【デザインについて】

●ビジュアルイメージ

ターゲットが20代後半~40代の働く女性ということで全体的に優しい印象になるようにデザインを考えました。また目的にもあるように視線の誘導をすることで商品の詳細・購入ページへのクリックを促す構成を行いました。

●カラー

ベースカラーは温かみと柔らかさを感じさせるペールピンクを使用。テキストはロゴに合わせたグレーを使用し、全体的に甘くなりすぎず上品な高級感をキープできるようにしました。

●タイポグラフィ

ベースの書体はNoto Sans JPで統一しつつ、情報の重要度や役割に合わせてキャッチコピーやサブ情報など色やエフェクト、下線などのあしらいで変化させています。

●情報設計

中央に大きく商品を配置し、左右にキャッチコピーを配置することで自然と商品へ視線が集まるように設計しました。

また左側に「美容成分」、右側に「トーンアップ効果」とターゲットがパッと見て「もっと知りたい」「気になる」といった内容を左右に対比させて配置しました。

●工夫したポイント

「トーンアップ効果で、ノーファンデでも美しく。」の下線を矢印で斜め右に上げることでテキストをよりポジティブに見えるように工夫しました。

また上部にあるロゴの背景に柔らかな曲線を使用することで、肌への優しさや光を味方にするような透明感・瑞々しさを視覚的に表現したところ。

シェア
tomomi kの他の作品
画像
作品を見る
【HerTech架空案件】Youtuberのサムネイル
画像
作品を見る
[HerTech架空案件]予約告知バナー
foriio

あなたのforiioを無料で作成

fori.io/
Logo
[HerTech架空案件]スキンケア新商品PRバナー-1
制作について

【デザインについて】

●ビジュアルイメージ

ターゲットが20代後半~40代の働く女性ということで全体的に優しい印象になるようにデザインを考えました。また目的にもあるように視線の誘導をすることで商品の詳細・購入ページへのクリックを促す構成を行いました。

●カラー

ベースカラーは温かみと柔らかさを感じさせるペールピンクを使用。テキストはロゴに合わせたグレーを使用し、全体的に甘くなりすぎず上品な高級感をキープできるようにしました。

●タイポグラフィ

ベースの書体はNoto Sans JPで統一しつつ、情報の重要度や役割に合わせてキャッチコピーやサブ情報など色やエフェクト、下線などのあしらいで変化させています。

●情報設計

中央に大きく商品を配置し、左右にキャッチコピーを配置することで自然と商品へ視線が集まるように設計しました。

また左側に「美容成分」、右側に「トーンアップ効果」とターゲットがパッと見て「もっと知りたい」「気になる」といった内容を左右に対比させて配置しました。

●工夫したポイント

「トーンアップ効果で、ノーファンデでも美しく。」の下線を矢印で斜め右に上げることでテキストをよりポジティブに見えるように工夫しました。

また上部にあるロゴの背景に柔らかな曲線を使用することで、肌への優しさや光を味方にするような透明感・瑞々しさを視覚的に表現したところ。

シェア
tomomi kの他の作品
画像
作品を見る
【HerTech架空案件】Youtuberのサムネイル
画像
作品を見る
[HerTech架空案件]予約告知バナー
foriio

あなたのforiioを無料で作成

fori.io/