この動画でわかること
パーソナライズ美容D2Cブランド「FUJIMI」のUI/UXとCVR改善ポイントを、CVR改善ツールDejamを提供するLeanGo代表が解説。ファーストビューのしずる感・診断フォームのEFO・購入接続導線を事例ベースで紹介します。
パーソナライズ美容D2CのUI/UX改善|FUJIMIのレビュー概要
この動画では、トリコ株式会社が展開するパーソナライズビューティケアブランド「FUJIMI」を題材に、UI/UX と CVR(コンバージョン率)改善の観点からレビューしている。テーマは診断型ECの入力体験とコンバージョン設計。
結論として、FUJIMIはしずる感のあるファーストビューやパーソナライズ設計思想に強みがある一方、診断前の期待設計・診断フォームの入力負荷・診断後の購入接続導線に大きな改善余地がある。
・ファーストビューのしずる感とCTA設置
・パーソナライズ診断導線の説明設計
・診断フォームの入力難易度(EFO)
・診断結果から購入への接続導線
この動画の重要ポイント5つ
・食品・美容ECは「しずる感」がファーストビューの最重要要素
・パーソナライズ診断は入力難易度を下げる設計がCVRを左右する
・診断結果から商品選択への接続導線に改善余地がある
・ボタンの配置・優先順位の逆転は機会損失を生む
・LP内フォームはEFO最適化で大きく改善できる
ファーストビューのUI/UX評価|しずる感は非常に優秀
食品・美容ECで最も重要なのは「いかに美味しそう・良さそうと思わせるか」。FUJIMIのファーストビューは湯気表現・冬季訴求・コラボ訴求がしっかり設計されており、しずる感は高評価とされている。
改善余地としては、動画化(湯気+音演出)、ファーストビューへのCTA直接設置、自動スライドの停止などが挙げられる。視覚的な本能訴求はCVRに直結する。
トピックス設計のUX評価|コンテンツマーケ寄りの構造
トップ直下にレシピ・ファスティング解説・健康情報記事などオウンドメディア的コンテンツが配置されている。SEO・ブランド蓄積型の構造で、検索流入には効く。
一方で、ブランド検索流入ユーザーへの導線としてはやや弱く、商品検索導線が下部にある点が課題。既存ユーザー向けか新規獲得重視かで評価が分かれると指摘されている。
パーソナライズ診断導線のUI評価|説明不足が離脱要因に
「3分分析」などの訴求はあるが、何が届くのかが即時理解しにくく、プロテインなのかスープなのか曖昧で、分析後のアウトプットイメージが弱いという課題がある。パーソナライズ型ECでは「診断後の未来イメージ」を事前に提示することが重要。
「診断後は〇〇が届きます」「味は後から選べます」「途中保存可能」などの安心設計があると理想的。どこで離脱しているかはヒートマップで可視化すると、説明不足による離脱箇所を特定しやすい。
ボタン設計のUI評価|プライマリーボタンの優先順位逆転
「分析する」がメインCTAであるにもかかわらず、ボタンの並び順が逆で視線導線が分散している点が指摘されている。押させたいボタンは左配置・視線開始位置・色強調の原則に沿うべき。
小さなUI差分が診断開始率を左右するため、配置や色の良し悪しはABテストで検証するのが確実とされている。
診断フォームのUX評価|入力難易度がCVRの鍵
診断フォームは設問数が多めで、残り設問数の表示がない・中間選択肢が不足・戻る導線の安心感が弱いといった課題がある。パーソナライズECでは診断完了率がそのまま売上の母数になるため、入力難易度をいかに下げるかが鍵。
残り設問数の表示、プログレスバーの強調、途中保存・シェア保存機能などが改善案。こうした入力負荷の軽減はEFO(入力フォーム最適化)の観点で完了率を大きく押し上げる。
診断結果ページのUX評価|購入への接続導線に改善余地
診断結果は詳細で信頼性は高いが、情報量が多く、どこで購入に進めばよいか直感的でなく、フレーバー選択が唐突という接続課題がある。
理想は「診断結果→おすすめ商品の明示→味選択(モーダルなど簡潔UI)→購入」と、停止ポイントを減らす流れ。回遊の途中で迷わせない設計がCVRを高める。
LP内購入フォームのUI評価|EFO強化で改善余地大
現在はLP内フォーム構造で、味選択UIが冗長・選び直し導線が弱い・入力項目が多いという課題がある。味はカードUIで即選択、選択内容を固定表示、残り項目数の表示などが改善策。
パーソナライズECは通常ECよりフォーム改善のインパクトが大きいため、EFO(入力フォーム最適化)での入力負荷軽減が離脱率の低下に直結する。
よくある質問(FAQ)
Q. パーソナライズ診断型ECで離脱が起きやすいのはどこですか?
A. 診断前の説明不足と、設問数の多い診断フォームです。何が届くのかを事前に提示し、残り設問数やプログレスバーで進捗を見せると、診断完了率(CVRの母数)を高められます。
Q. 食品・美容ECのファーストビューで重視すべき点は?
A. 「しずる感」です。湯気や質感で美味しそう・良さそうと感じさせ、できればファーストビューにCTAを直接置くこと。自動スライドは内容を見逃させるため停止も検討します。
Q. 診断結果から購入につなげるコツは?
A. 結果表示の直後におすすめ商品を明示し、味選択を簡潔なUIにして停止ポイントを減らすことです。LP内フォームはEFOで入力項目を絞ると、購入完了率が上がりやすくなります。
まとめ|パーソナライズ美容D2CのUI/UXから学ぶCVR改善
FUJIMIの強みは、しずる感のあるファーストビュー、ブランド力、パーソナライズ設計思想。一方で診断前の期待設計、入力負荷の軽減、診断後の購入接続導線、ボタンの優先順位には改善余地がある。
結論として「診断完了率×接続設計」が最大の改善ポイント。パーソナライズD2Cは診断体験そのものが商品であり、EFO(入力フォーム最適化)やABテスト、ヒートマップを備えたCVR改善ツールでUXを磨き込めば、パーソナライズ美容D2CのUI/UX改善・LPOで大きくCVRを伸ばせる。
関連動画
関連記事
【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ボタンを設置していないなど 共通… 無料ダウンロード



