この動画でわかること
ヘアケアD2C「SILK THE RICH」のUI/UXとCVR改善ポイントを、CVR改善ツールDejamを提供するLeanGo代表が解説。ファーストビューのブランディングと商品一覧・カート導線・商品詳細のCTA設計の改善余地を事例ベースで紹介します。
ヘアケアD2CのUI/UX改善|レビューの概要
この動画(前編)では、高級シャンプーブランド「SILK THE RICH(シルクザリッチ)」のECサイトを題材に、UI/UX と CVR(コンバージョン率)改善の観点からサイト構造と導線設計をレビューしている。ブランディング重視のD2C ECにおけるCV導線の弱さが議論の中心。
結論として、SILK THE RICHは強い世界観でブランディングは秀逸な一方、ファーストビューの導線、商品一覧(PLP)の並び順、カート導線の分かりやすさ、商品詳細のCTA強弱に改善余地がある。
・ファーストビューのブランディングと導線
・商品一覧(PLP)の並び順と視認性
・カート導線の分かりやすさ
・商品詳細のCTA設計とAI接客のUX
この動画の重要ポイント5つ
・強いブランディングは記憶に残るが、CV導線を阻害するリスクがある
・商品一覧は「並び順」と「視認性」で売上が大きく変わる
・カート導線は直感的に分かるUIにしないと、機能していても使われない
・商品詳細ではCTAの強弱設計(追加 vs 購入)が重要
・AI接客は強力だが「補助導線」にしないと逆効果になりうる
ファーストビューのUI/UX評価|強い世界観と引き換えの課題
トップページはユニコーンを使った独特なビジュアルと高級感のあるトーンで、非日常的な世界観を演出しており、ブランディングとしては非常に強い設計になっている。
一方で、クリックできそうな要素がクリックできない、スライダーUIのインジケーターが誤解を生む、導線としての役割が弱いといった課題がある。「印象に残る」と「行動しやすい」は別物で、どこでクリックが詰まっているかはヒートマップで確認すると改善点を特定しやすい。
商品一覧(PLP)のUI/UX評価|並び順と情報設計
商品一覧では、新着順なのか人気順なのか分かりにくい、ギフトカードが上位に表示される違和感、テキスト情報が多く視認性が低いといった課題が指摘されている。
「人気順/新着順」のソート追加、価格と説明文の視覚的分離、シャンプー/ボディなどのカテゴリ分けが改善ポイント。PLPは「探しやすさ=売上」に直結し、並び順の良し悪しはABテストで検証するのが確実だと語られている。
カート導線のUI/UX評価|機能は良いが伝わっていない
一覧ページからアイコンで直接カート追加ができるが、ボタンの意味が直感的に分かりにくく、一般的なUIと異なるため迷いやすい。「+」などの意味補強アイコンやテキスト補足(カートに追加)、追加時のアニメーションでのフィードバックが改善案として挙げられる。
「使えるUI」ではなく「理解できるUI」が重要で、機能していても伝わらなければCVR改善にはつながらない。
商品詳細ページのCTA設計|強弱の設計ミス
商品詳細では「カート追加」と「購入手続き」が同じ強さで、どちらを押せばいいか迷い、購買導線が分散している。主CTA(購入)を強く、副CTA(カート追加)を弱くし、カート追加後はモーダルで分岐を提示するのが改善ポイント。
CTAは優先順位を明確にしないとCVが落ちるため、ボタンの強弱や文言はABテストで比較検証するとよい。
AI接客(チャット・通話)のUX|使いどころが重要
サイトにはAIチャット・通話機能が実装され、商品選びのサポートや悩みベースの提案、音声対応など先進的な体験が提供されている。一方で、いきなりの通話は心理ハードルが高く、誰につながるか不安で、強制導線にすると離脱リスクがある。
AIは「迷っている人の補助」として置くのが最適で、ブランド体験を優先するとCVは落ちやすく、CVを最適化するとブランドが弱くなるため、D2Cでは「世界観×分かりやすさ」のバランス設計が成果を左右する。
よくある質問(FAQ)
Q. ブランディング重視のD2C ECでCVRが伸びないのはなぜですか?
A. 世界観を優先するとクリックできる要素や導線が曖昧になりやすいためです。印象に残る設計と行動しやすい設計は別物で、両立が必要です。
Q. 商品一覧(PLP)で改善すべき点は?
A. 並び順(人気順/新着順)を明確にし、価格と説明文を視覚的に分け、カテゴリ分けで探しやすくすることです。PLPの探しやすさは売上に直結します。
Q. 商品詳細のCTAはどう設計すべきですか?
A. 主CTA(購入)を強く、副CTA(カート追加)を弱くして優先順位を明確にすることです。同じ強さだと迷いが生じCVが落ちやすくなります。
まとめ|ヘアケアD2CのUI/UXから学ぶCVR改善
SILK THE RICHのECは強い世界観でブランディングに優れる一方、ファーストビューの導線、PLPの並び順、カート導線、商品詳細のCTA強弱に改善余地がある。本質は「ブランド体験」と「分かりやすさ」のバランス設計にある。
こうした仮説検証はABテストやヒートマップを備えたCVR改善ツールで効率化でき、ヘアケアD2CのUI/UX改善・LPOで成果を出しやすくなる。後編ではさらに踏み込んだ導線改善を取り上げる。
関連動画
関連記事
【2026年最新】ペットD2CのCVR改善15施策|業界別平均と原因も解説
【2026年最新】ペットD2CのCVR改善15施策|業界別平均と原因も解説
【2026年最新】BtoBサイトのCVR改善ガイド|業界別平均・低い5つの原因とリード獲得を増やす施策15選
【2026年最新】BtoBサイトのCVR改善ガイド|業界別平均・低い5つの原因とリード獲得を増やす施策15選
【2026年最新】ECサイトのCVR改善ガイド|業界別平均・カゴ落ち対策と売上を伸ばす施策15選
【2026年最新】ECサイトの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ボタンを設置していないなど 共通… 無料ダウンロード



