Facebook 美肌LPのファーストビュー
Logo

美肌LPのファーストビュー

クレジット
Avatar
Webデザイナー
美肌LPのファーストビュー-1
シェア

美肌LPのファーストビュー

■ターゲット 澄んだ肌を目指す20~30代女性 ■意図 商品のトンマナを活かしながら、ページを開いた瞬間に「このLP、私のための商品かも」と感じてもらう視認性を優先した設計です。 ■デザインの工夫点 1. 配色戦略 — 透明感と高級感の両立 水色をメインカラーとすることで、澄んだ肌という商品コンセプトを色彩から伝えています。同時に金色のグラデーション(濃い金から薄い金へ)をアクセントカラーとして挿入することで、「この商品は高級感がある」という印象を瞬時に与えます。この2色の組み合わせにより、「透明感=肌の明るさ」と「金色=質の高さ」が視覚的に融合し、ターゲット女性が惹かれやすい世界観を構築しています。 2. 目線誘導 — Z字フローで無意識に導く 人間の視線は左上から動き始めるという心理を活用し、ファーストビュー内で以下の順序で情報を配置しています:左上(メインメッセージ)→ 上中央(キャッチコピー)→中央(商品画像)→ 中央右(成分情報)→ 下部(行動喚起ボタン)。この Z 字の流れにより、ユーザーが迷わず、自然に全ての情報を吸収したうえで、最終的にボタンへ到達する設計になっています。 3. ボタン設計 — 押したくなる「立体感」 ボタンに影や陰影を加えることで、画面内に奥行きが生まれます。平らなボタンと異なり、「ここを押すと何か起こりそう」というユーザーの無意識的な期待感が高まり、クリック率が向上します。 4. 信頼感の数値化 — 成分の透明化で安心感を生成 4つの主要保湿成分を明記し、配合量を具体的な数字で表示することで、「この商品には確かに効果のある成分が、しっかり入っている」という信頼感を与えています。数字は、根拠のない謳い文句よりもはるかに説得力があり、ターゲット女性の購買心理を後押しします。
クレジット
Avatar
Webデザイナー
シェア
Desiner_ながのの他の作品
画像
作品を見る
デザイン制作サービスのご案内
画像
作品を見る
京都旅行のサムネ
画像
作品を見る
行動意欲と損失回避スライド
foriio

あなたのforiioを無料で作成

fori.io/
美肌LPのファーストビュー-1

美肌LPのファーストビュー

■ターゲット 澄んだ肌を目指す20~30代女性 ■意図 商品のトンマナを活かしながら、ページを開いた瞬間に「このLP、私のための商品かも」と感じてもらう視認性を優先した設計です。 ■デザインの工夫点 1. 配色戦略 — 透明感と高級感の両立 水色をメインカラーとすることで、澄んだ肌という商品コンセプトを色彩から伝えています。同時に金色のグラデーション(濃い金から薄い金へ)をアクセントカラーとして挿入することで、「この商品は高級感がある」という印象を瞬時に与えます。この2色の組み合わせにより、「透明感=肌の明るさ」と「金色=質の高さ」が視覚的に融合し、ターゲット女性が惹かれやすい世界観を構築しています。 2. 目線誘導 — Z字フローで無意識に導く 人間の視線は左上から動き始めるという心理を活用し、ファーストビュー内で以下の順序で情報を配置しています:左上(メインメッセージ)→ 上中央(キャッチコピー)→中央(商品画像)→ 中央右(成分情報)→ 下部(行動喚起ボタン)。この Z 字の流れにより、ユーザーが迷わず、自然に全ての情報を吸収したうえで、最終的にボタンへ到達する設計になっています。 3. ボタン設計 — 押したくなる「立体感」 ボタンに影や陰影を加えることで、画面内に奥行きが生まれます。平らなボタンと異なり、「ここを押すと何か起こりそう」というユーザーの無意識的な期待感が高まり、クリック率が向上します。 4. 信頼感の数値化 — 成分の透明化で安心感を生成 4つの主要保湿成分を明記し、配合量を具体的な数字で表示することで、「この商品には確かに効果のある成分が、しっかり入っている」という信頼感を与えています。数字は、根拠のない謳い文句よりもはるかに説得力があり、ターゲット女性の購買心理を後押しします。
クレジット
Avatar
Webデザイナー
シェア
Desiner_ながのの他の作品
画像
作品を見る
デザイン制作サービスのご案内
画像
作品を見る
京都旅行のサムネ
画像
作品を見る
行動意欲と損失回避スライド
foriio

あなたのforiioを無料で作成

fori.io/