この動画でわかること
健康食品D2C「さくらフォレスト」のサプリLPのUI/UXとCVR改善ポイントを、CVR改善ツールDejamを提供するLeanGo代表が解説。成分訴求や情緒と機能の順序、スクロール設計、CTA・購入フォーム(EFO)の改善余地を事例ベースで紹介します。
健康食品D2Cのレビュー概要|さくらフォレストのCVR改善
この動画では、健康食品D2C「さくらフォレスト」のビタミンCサプリのランディングページ(LP)を題材に、UI/UX と CVR(コンバージョン率)改善の観点からレビューしている。ファーストビューから購入フォームまで、サプリLP特有の情緒訴求と機能訴求のバランスを一貫して検証しているのが特徴。
結論として、情緒→機能という構成やトレンドに沿ったデザインは優れている一方、成分訴求の理解コスト、スクロール疲れ、CTA・フォームの見せ方に改善余地があり、「最後まで読ませる設計」と「自然に購入へ導く流れ」が伸びしろとなっている。
・ファーストビューと成分訴求の分かりやすさ
・情緒訴求と機能訴求の順序設計
・スクロール疲れと情報密度・アニメーション
・CTA・オファーと購入フォーム(EFO)の最適化
この動画の重要ポイント5つ
・機能訴求を先に出すと読まれず離脱されやすく、情緒訴求を先に置くのが有効
・セクションの高さや余白が大きいと、スクロール疲れがCVR低下の要因になる
・情緒的な流れの中で「急に現実に戻す表現」が出ると離脱を生む
・アニメーションは序盤から使うと視線誘導と離脱防止に有効
・CTAとフォームは訴求軸を統一し、迷わせない設計にすることが重要
ファーストビュー・成分訴求のUI/UX評価|トレンド準拠だが差別化と理解コストに課題
ファーストビューは韓国風のビジュアルやレタッチされた美肌表現でトレンドに沿っているが、既視感が強く「なぜこのサプリなのか」「何が特徴なのか」が伝わりきっていない。
成分訴求もホワイトトマト・リポソームビタミンCなどが登場するものの、メイン成分が分かりにくく専門用語の理解コストが高い。「何がすごいのか」を一言で表現し、「トマト何個分」のような身近な比較を強化すると、ファーストビュー付近の離脱を抑えやすい。
情緒訴求と機能訴求のCVR改善|順序設計は適切
上部に情緒訴求(美肌・世界観)、下部に機能訴求(成分・効果)という構成は適切。実際に機能訴求を上に出したLPは離脱が増加した事例もあり、「読みやすさ優先」の順序設計が重要であることが示唆されている。
どちらの訴求順がより効くかは商材やターゲットで変わるため、ABテストで検証すると確実にコンバージョン率を伸ばしやすい。
スクロール設計とアニメーションのCVR改善|離脱を防ぐ情報密度
LP全体としてセクションごとの高さが大きく余白も多いため、スクロール量が過剰でユーザーが疲れやすい。特に保証やオファー説明が縦に長く、情報密度が低いエリアが目立つ。横幅を使って高さを圧縮し、不要な余白を削減して情報を集約すると離脱率を下げられる。
アニメーションはLP中盤で初めて登場し、序盤での離脱防止に活用できていない。ファーストビュー付近や重要な訴求ポイントで使うことで視線誘導と滞在時間向上に寄与する。どこでスクロールが止まり離脱しているかはヒートマップで可視化すると改善点を特定しやすい。
CTA・オファーのCVR改善|見せ方と訴求軸
CTAでは価格訴求(1980円)と割引訴求(72%オフ)が併用されているが、どちらを強調すべきかが不明確でテスト余地が大きい。定期便の表現がややネガティブで「縛りなし」などの伝え方も硬いため、「自動お届け」などポジティブ表現への変更や訴求軸の統一が有効。
また情緒的に読ませている流れの中で急に定期購入や条件説明が出ると、ユーザーが現実に引き戻され離脱が発生する。条件説明も自然に読み流せる表現でストーリー内に組み込む設計が重要で、CTAコピーはABテストで検証するとよい。
フォーム・カート導線のCVR改善|視認性とノイズ
フォームは罫線が多く情報が詰まりすぎて視認性が低い。途中のアンケートやフローティングヘッダーが入力の邪魔になり離脱要因となっている。装飾を削減し入力導線をシンプルにして、不要要素は削除または後出しにすることが有効。
カート・フォーム画面ではヘッダーが残り他ページへの導線が存在するため、ユーザーが迷い離脱するリスクがある。ヘッダーの非表示や導線の最小化で入力完了まで集中させるなど、EFO(入力フォーム最適化)の観点で整えるとコンバージョン率を改善しやすい。
よくある質問(FAQ)
Q. サプリのD2C LPでCVR改善の余地が大きいのはどこですか?
A. 情緒訴求から機能訴求へつなぐ流れの「読みやすさ」です。スクロール疲れを抑え、成分の凄さを一言で伝え、購入フォームのEFOを整えると、最後まで読ませてCVへ導きやすくなります。
Q. ファーストビューやLPで離脱率を下げるには?
A. 既視感のあるビジュアルに「なぜこのサプリか」を加え、セクションの高さや余白を圧縮してスクロール量を減らすこと。序盤からアニメーションで視線誘導すると離脱防止に有効です。
Q. 構成が良いのにCVRが伸びないのはなぜですか?
A. 情緒的な流れの中で「急に現実に戻す表現」が離脱を生んでいるためです。条件説明をストーリーに自然に組み込み、CTAとフォームの訴求軸を統一して迷わせない設計が必要になります。
まとめ|健康食品D2CのUI/UXから学ぶCVR改善
さくらフォレストのサプリLPは情緒→機能の構成やトレンドに沿ったデザインなど優れた点がある一方、スクロール設計・成分訴求の分かりやすさ・CTAとフォームの最適化に改善余地がある。特に重要なのは「最後まで読ませる設計」と「自然に購入へ導く流れ」で、この2点を最適化することでCVRは大きく向上する可能性がある。
こうした仮説検証はABテストやヒートマップを備えたCVR改善ツールで効率化でき、健康食品D2CのサプリLP改善・LPOで成果を出しやすくなる。
関連動画
関連記事
【2026年最新】BtoBサイトのCVR改善ガイド|業界別平均・低い5つの原因とリード獲得を増やす施策15選
【2026年最新】BtoBサイトのCVR改善ガイド|業界別平均・低い5つの原因とリード獲得を増やす施策15選
【2026年最新】ECサイトのCVR改善ガイド|業界別平均・カゴ落ち対策と売上を伸ばす施策15選
【2026年最新】ECサイトのCVR改善ガイド|業界別平均・カゴ落ち対策と売上を伸ばす施策15選
【2026年最新】不動産サイトのCVR改善15施策|業界平均と原因も解説
【2026年最新】不動産サイトのCVR改善15施策|業界平均と原因も解説
【2026年最新】保険サイトのCVR改善15施策|業界平均と原因を徹底解説
【2026年最新】保険サイトのCVR改善15施策|業界平均と原因を徹底解説
あわせて読みたいお役立ち資料
【登壇資料公開】BtoBマーケター必見!CROの定石と裏技を大公開!▼登壇資料抜粋はこちら▼ B2Bサイトでは、費用対効果や苦労対効果の問題で実施が後回しされがち、 しかしアクションをしないと永遠に機会損失をします。 ↓ 定石パート 1.簡単でもい… 無料ダウンロード
【2024年版】LPO(サイト改善)ツール最新カオスマップを公開カオスマップ作成の背景 近年、LPの最適化はWebマーケティングや広告運用において、CVR改善・PDCA高速化のために必要不可欠なプロセスとなっています。 しかし、その最適化プロセ… 無料ダウンロード
総合通販サイト10社のWEBサイトCVR改善案を40件考えてみた総合通販サイトCVR改善事例40選総合通販会社CVR改善事例集を作成してわかったこと ほとんどのWebサイトでは基礎的な改善ポイントが見つかった ex.不要な高さを取っている、CTAボタンを設置していないなど 共通… 無料ダウンロード



