メンズスキンケアD2C「バルクオム」のUI/UXをCVR改善視点でレビュー

メンズスキンケアD2C「バルクオム」のUI/UX｜レビューの概要

この動画では、メンズスキンケアD2Cブランド「バルクオム（BULK HOMME）」のECサイトを題材に、CVR（コンバージョン率）改善に特化した視点から、実際に操作しながらUI/UXをレビューしている。一般ユーザー視点で「どこが良く、どこに改善余地があるのか」をリアルな導線で検証する構成。

結論として、バルクオムはファーストビュー直下に高CV導線を置き、ブランドの世界観を徹底しながらCTA・LP・CRM・EFOまで一貫してCVRを取りに行く設計だが、商品数の多さによる選択コストや外部カートの分断には改善余地がある。

・ファーストビュー直下の高CV導線
・ブランドトンマナと追従ナビの設計
・商品一覧の視認性と絞り込み設計
・LPのCTA設計と世界観のバランス
・CRM（LINE連携）とカート・EFO

この動画の重要ポイント5つ

・ファーストビュー直下に高CV導線を置く設計はCVR改善に直結する
・ブランド世界観と視認性はトレードオフになりやすく、UI設計の判断が重要
・CTAのサイズ・色・配置は「目立たせすぎない」最適解が存在する
・定期コース・商品数が多い場合は「絞り込みUI」がUXを大きく左右する
・LP・EFO・CRM（LINE連携）まで一貫したUX設計がCVR最大化の鍵

ファーストビュー設計のUI/UX評価｜高CV導線の置き方

一般的なECサイトではヘッダーの下にメインビジュアル（スライダー）が配置されるケースが多い。一方バルクオムでは、メインビジュアルの直下に定期コース・商品導線を配置するという特徴的な設計が採用されている。

CVRが高いと想定される導線をあえて最短距離に置いている点が印象的だと評価されている。

ブランドトンマナと追従ナビのUI/UX設計

バナーごとに「VIEW MORE」を明示して押せる要素が直感的に分かり、商品が増えてもトンマナが崩れていない。モール型ECにありがちな「商品ごとにデザインがバラつく問題」がなく、ブランドレギュレーションが徹底されている点が高評価。

ヘッダーはスクロール時に追従し、必要なタイミングで再表示される。常時固定ではなく「見せるタイミング」を設計している点が回遊性の面で優れていると指摘される。どのナビ・バナーが回遊や離脱に効いているかはヒートマップで可視化できる。

商品一覧のUI/UX評価｜視認性と絞り込み設計

商品一覧はコースごとに明確にカテゴリ分けされ、画像を大きく使ったリッチなUIでブランド感が強く伝わる。一方で、画像＋文字の構成により視認性が下がる、装飾が強く伝えたい情報が埋もれる、商品数が多く選択コストが上がる、といった課題も挙げられている。

改善案として、シャンプー・洗顔・プロテインなど用途別に一度絞らせてから商品を表示するUIが提案されている。商品数が多いECサイトでは「最初に迷わせない設計」がCVR改善の鍵となる。

LPのUI/UX評価｜CTA設計と世界観のバランス

LPはキャッチコピーのABテストを前提とした構成で、CTAカラーがプライマリーとして明確、小さめのCTAでコンテンツの可読性を確保している。一方で、CTAカラーと背景色が競合する場面があり、強調しすぎると視認性が下がるリスクもある。

CVRと可読性のトレードオフを理解した設計が随所に見られる点が特徴で、こうした見せ方の良し悪しはABテストで検証するのが確実だとされている。

CRM・Web接客と動きのあるUI/UX設計

滞在時間に応じたポップアップ表示やLINE追加によるナーチャリング導線で、今すぐ購入しないユーザーをCRMに取り込む設計が有効だと評価されている。

また、動画・GIF・グラフアニメーションを活用し、使用感・質感・効果イメージを「読ませずに伝える」工夫がなされている。ページ全体にリズムが生まれ、最後まで見たくなるUX（読了率の向上）につながっている点も評価される。

カート・EFOのUI/UX評価｜外部カートの課題

カート画面は外部カートを使っているため世界観が分断され、入力項目も一般的で改善余地がある。一方で、独自カード特典の表示や購入後メリットの明示など、最後の後押しUIは効果的とされている。

入力フォームの負荷を下げるEFO（入力フォーム最適化）を進めれば、外部カート区間での離脱を抑えコンバージョン率を改善しやすい。

よくある質問（FAQ）

Q. ファーストビュー直下に購入導線を置くのは効果がありますか？

A. CVRが高いと想定される導線を最短距離に置くことで、迷わせずにコンバージョンへ進めやすくなります。ブランド訴求とのバランスは必要ですが、主要導線を上部に置く設計はCVR改善に直結しやすい施策です。

Q. 商品数が多いECで選択コストを下げるには？

A. 用途やカテゴリで一度絞らせてから商品を見せる絞り込みUIが有効です。最初に迷わせない設計にすることで離脱を防ぎ、目的の商品にたどり着きやすくなります。

Q. ブランドの世界観とCTAの視認性はどう両立しますか？

A. CTAは「目立たせすぎない最適解」を探ることが重要です。カラーや配置が背景と競合しないよう調整し、キャッチコピーやCTAの見せ方はABテストで検証しながら、可読性とCVRのバランスを取るのが現実的です。

まとめ｜メンズスキンケアD2Cに学ぶCVR改善のUI/UX

この動画で一貫して語られるのは、とにかく1コンバージョンを取りに行く設計と、そのためのUI/UX上の細かい意思決定。完成度の高いECサイトであっても、CTA・商品一覧・LP・CRM・EFOそれぞれにCVR改善の余地は必ず存在するという示唆で締めくくられている。

ファーストビュー直下の高CV導線や絞り込み設計はメンズスキンケアD2Cに限らず応用でき、仮説検証はABテストやヒートマップを備えたCVR改善ツールで効率化できる。これによりECサイトのUI/UX改善・LPOで成果を出しやすくなる。