Facebook 美容液バナー
Logo

美容液バナー

クレジット
Avatar
WEBデザイナー
美容液バナー-1
シェア
制作ノート
デザインについて

■デザイン意図

水を想起させる背景を用い、「潤い」が直感的に伝わるビジュアル設計にしました。

青〜ターコイズ系で色味を統一し、夏らしさ・清潔感・透明感を演出。

キャッチコピーでは潤い・透明感を想起させる言葉を選び、美白・保湿イメージを強化しています。

下部に価格を大きく配置し、視線の終点を明確化。購入導線を意識しました。

成分名は円形で囲み、水滴を連想させるデザインとすることで信頼感を表現しています。

■工夫した点

背景と同系色で統一しつつ明度差を調整し、文字の可読性を確保しました。

商品画像を右側に配置し、Zの視線導線を意識したレイアウト設計にしています。

「送料無料」を強調することで、購入ハードルを下げる効果を意識しました。

■カラー設計

メイン:#17AFB0

アクセント:#C0DEDC

ベース:#FFFFFF

透明感と清潔感を軸に、美白・保湿の世界観をやわらかく表現しています。

■タイポグラフィ

見出しは明朝系フォントで上品さと透明感を演出。

価格や補足情報はゴシック体で可読性を高め、情報の優先順位を明確にしました。

シェア
Heart Designの他の作品