Facebook 制作について
Logo

【HerTech 架空案件】シャンプーバナー

クレジット
Avatar
WEBデザイナー
【HerTech 架空案件】シャンプーバナー-1
シェア
制作ノート
制作について

【デザインについて】

ビジュアルイメージ

商品の透明感を活かすため、明るく柔らかいライティングの写真を使用しました。タオルやコットンフラワーを配置することで、オーガニック・低刺激といったブランドイメージを補強しています。また、商品を画面右側に大きく配置し、第一印象で商品認知ができるよう主役性を明確にしました。

カラー

ベージュ〜ホワイトを基調とした低彩度の配色でまとめました。暖かみのある色味にすることで、やさしい使用感や保湿力を視覚的に想起させています。CTAボタンにはやや彩度の高い暖色を使用し、全体のトーンを崩さずに視認性とクリック性を高めました。

タイポグラフィ

キャッチコピーの文字色は背景から浮きすぎない淡い色を選び、世界観を損なわないよう調整しています。情報テキストは装飾を抑えた書体で統一し、可読性を優先しました。強弱はサイズと余白でつけ、過度な装飾に頼らない設計にしています。

情報設計

視線の流れを意識してレイアウトを構成しました。「送料無料」「今だけ」「ヘアパックプレゼント」などの訴求は一箇所に集中させず分散配置することで、情報量を確保しながらも圧迫感を軽減しています。ユーザーが迷わず行動できるよう、最後にCTAへ自然に視線が誘導される構成にしました。

【工夫したポイント】

・背景と文字色が近くなり可読性が下がる懸念があったため、キャッチコピーにわずかなコントラストと余白を設け、世界観を保ったまま読みやすさを確保しました。

・女性向け商材では“かわいさ”が強くなりすぎると信頼感が下がるため、装飾は最小限に抑え、余白と整列によって上質感を表現しました。

シェア
制作について

【デザインについて】

ビジュアルイメージ

商品の透明感を活かすため、明るく柔らかいライティングの写真を使用しました。タオルやコットンフラワーを配置することで、オーガニック・低刺激といったブランドイメージを補強しています。また、商品を画面右側に大きく配置し、第一印象で商品認知ができるよう主役性を明確にしました。

カラー

ベージュ〜ホワイトを基調とした低彩度の配色でまとめました。暖かみのある色味にすることで、やさしい使用感や保湿力を視覚的に想起させています。CTAボタンにはやや彩度の高い暖色を使用し、全体のトーンを崩さずに視認性とクリック性を高めました。

タイポグラフィ

キャッチコピーの文字色は背景から浮きすぎない淡い色を選び、世界観を損なわないよう調整しています。情報テキストは装飾を抑えた書体で統一し、可読性を優先しました。強弱はサイズと余白でつけ、過度な装飾に頼らない設計にしています。

情報設計

視線の流れを意識してレイアウトを構成しました。「送料無料」「今だけ」「ヘアパックプレゼント」などの訴求は一箇所に集中させず分散配置することで、情報量を確保しながらも圧迫感を軽減しています。ユーザーが迷わず行動できるよう、最後にCTAへ自然に視線が誘導される構成にしました。

【工夫したポイント】

・背景と文字色が近くなり可読性が下がる懸念があったため、キャッチコピーにわずかなコントラストと余白を設け、世界観を保ったまま読みやすさを確保しました。

・女性向け商材では“かわいさ”が強くなりすぎると信頼感が下がるため、装飾は最小限に抑え、余白と整列によって上質感を表現しました。

シェア
miku osadaの他の作品
画像
作品を見る
【HerTech 架空案件】レモンタルトバナー
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech 架空案件】シャンプーバナー-1
制作について

【デザインについて】

ビジュアルイメージ

商品の透明感を活かすため、明るく柔らかいライティングの写真を使用しました。タオルやコットンフラワーを配置することで、オーガニック・低刺激といったブランドイメージを補強しています。また、商品を画面右側に大きく配置し、第一印象で商品認知ができるよう主役性を明確にしました。

カラー

ベージュ〜ホワイトを基調とした低彩度の配色でまとめました。暖かみのある色味にすることで、やさしい使用感や保湿力を視覚的に想起させています。CTAボタンにはやや彩度の高い暖色を使用し、全体のトーンを崩さずに視認性とクリック性を高めました。

タイポグラフィ

キャッチコピーの文字色は背景から浮きすぎない淡い色を選び、世界観を損なわないよう調整しています。情報テキストは装飾を抑えた書体で統一し、可読性を優先しました。強弱はサイズと余白でつけ、過度な装飾に頼らない設計にしています。

情報設計

視線の流れを意識してレイアウトを構成しました。「送料無料」「今だけ」「ヘアパックプレゼント」などの訴求は一箇所に集中させず分散配置することで、情報量を確保しながらも圧迫感を軽減しています。ユーザーが迷わず行動できるよう、最後にCTAへ自然に視線が誘導される構成にしました。

【工夫したポイント】

・背景と文字色が近くなり可読性が下がる懸念があったため、キャッチコピーにわずかなコントラストと余白を設け、世界観を保ったまま読みやすさを確保しました。

・女性向け商材では“かわいさ”が強くなりすぎると信頼感が下がるため、装飾は最小限に抑え、余白と整列によって上質感を表現しました。

シェア
miku osadaの他の作品
画像
作品を見る
【HerTech 架空案件】レモンタルトバナー
foriio

あなたのforiioを無料で作成

fori.io/