Facebook ランディングページFV:サプリ
Logo

ランディングページFV:サプリ

クレジット
Avatar
Webデザイナー
ランディングページFV:サプリ-1
シェア

ランディングページFV:サプリ

【制作概要】 架空のサプリメントを想定して制作した、ランディングページのファーストビュー(FV)のサンプルです。 ・ターゲット:なんとなく不調が続く女性 ・ゴール:ファーストビューを読んだ方が、購入ボタンを押したくなること ・設計:共感 → 信頼 → 行動の流れが、ファーストビューだけで完結する構成 ※商品情報および掲載している数値は、制作にあたっての設定です。 【伝えたかったこと】 「なんとなく不調…」という小さな悩みに寄り添い、「これなら続けられそう」と思ってもらえる安心感を目指しました。 【デザインのポイント】 ・色:緑とベージュのナチュラルな配色で、清潔感とやさしさを表現。行動を促すボタンだけをオレンジにし、視線が自然に集まるようにしました。 ・構図:笑顔の女性を大きく配置して「毎日すっきり」の前向きな印象を出し、キャッチコピー → 信頼バッジ → ボタンの順に読み進められる流れにしました。 ・ボタン周り:「定期回数の縛りなし」「まずは気軽に始めてみませんか?」の一文を添え、押す前の不安を軽くしました。 ・信頼バッジ:「販売実績」「管理栄養士監修」「満足度」を小さくまとめ、売り込み感を抑えつつ安心感を出しています。 【制作期間】 約2日間(実作業 約6時間) ※構成の検討・デザイン・修正を含む 【使用ツール】 Photoshop
クレジット
Avatar
Webデザイナー
シェア
デザイナー | さきの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
ランディングページFV:サプリ-1

ランディングページFV:サプリ

【制作概要】 架空のサプリメントを想定して制作した、ランディングページのファーストビュー(FV)のサンプルです。 ・ターゲット:なんとなく不調が続く女性 ・ゴール:ファーストビューを読んだ方が、購入ボタンを押したくなること ・設計:共感 → 信頼 → 行動の流れが、ファーストビューだけで完結する構成 ※商品情報および掲載している数値は、制作にあたっての設定です。 【伝えたかったこと】 「なんとなく不調…」という小さな悩みに寄り添い、「これなら続けられそう」と思ってもらえる安心感を目指しました。 【デザインのポイント】 ・色:緑とベージュのナチュラルな配色で、清潔感とやさしさを表現。行動を促すボタンだけをオレンジにし、視線が自然に集まるようにしました。 ・構図:笑顔の女性を大きく配置して「毎日すっきり」の前向きな印象を出し、キャッチコピー → 信頼バッジ → ボタンの順に読み進められる流れにしました。 ・ボタン周り:「定期回数の縛りなし」「まずは気軽に始めてみませんか?」の一文を添え、押す前の不安を軽くしました。 ・信頼バッジ:「販売実績」「管理栄養士監修」「満足度」を小さくまとめ、売り込み感を抑えつつ安心感を出しています。 【制作期間】 約2日間(実作業 約6時間) ※構成の検討・デザイン・修正を含む 【使用ツール】 Photoshop
クレジット
Avatar
Webデザイナー
シェア
デザイナー | さきの他の作品
foriio

あなたのforiioを無料で作成

fori.io/