leango
UI/UXレビュー動画

【前編】ヘアケアD2C「SILK THE RICH」のUI/UXレビュー|CVRを解説

この動画でわかること

ヘアケア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で成果を出しやすくなる。後編ではさらに踏み込んだ導線改善を取り上げる。

関連動画

関連記事

あわせて読みたいお役立ち資料

この動画に関連するDejamの機能