leango

じゃらん UI/UXをレビュー｜マーケティングファームLeanGoのCEO平井が徹底解説！

2026.02.02

UI/UXレビュー動画

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

  1. 旅行予約サイトではファーストビューの「検索体験」がUXとCVRをほぼ決定づける
  2. クーポンや残室数などの行動トリガーは、検索結果内で完結させると効果が高い
  3. クリック可能範囲を広く取ることで、無意識の操作ストレスを大きく減らせる
  4. 情報量が多いページほど「畳むUI」が視認性と回遊性を両立させる
  5. フォーム改善ではステップ表示よりも「入力しやすさ」の方がCVRに影響する

導入｜じゃらん（JALAN）のUI/UXを検証する背景

本動画は、コンバージョンレート改善に特化したマーケティングファームの視点から、
リクルートが運営する旅行予約サイト「じゃらん」のUI/UXを実際に操作しながら解説する内容。

「旅行といえばじゃらん」という強いブランド認知を前提に、
多くのユーザーが最初に触れるファーストビューと検索体験を中心に検証が進められる。

ファーストビューのUI/UX評価｜検索起点に全振りした設計

じゃらんのファーストビューでは、

  • 宿・ホテル検索
  • じゃらんパック
  • 今夜の宿
  • AIによる提案検索

といった複数の検索導線が並列で配置されている。

特に「今夜の宿」や「AIでご提案」といった導線は、
当日予約・即決ニーズを強く意識した設計になっており、
じゃらん独自の価値としてユーザーの利用動機を高めている点が評価されている。

検索導線のUI/UX設計｜エリア・日付・人数の分かりやすさ

検索導線では、

  • エリア選択
  • 日付（自動で1泊2日を補完）
  • 人数・部屋数

が直感的に入力できる構成になっている。

和歌山エリアを選択した際に「白浜」などの主要エリアが自動補完される点については、
過去行動や利用頻度をもとにしたプリセット設計の可能性が示唆されている。

ユーザーに考えさせず、検索を前に進めるUXが意識されている。

検索結果ページのUI/UX評価｜クーポン導線の置き方

検索結果ページでは、右側タブにクーポン情報が表示される。

一般的なサイトではクーポンページが別導線になりがちだが、
じゃらんでは検索結果と同一画面内でクーポンを確認できる設計になっている。

これは、

  • 比較
  • 価格判断
  • 行動決定

を一画面で完結させることで、コンバージョンを後押しする優れたUI/UXだと評価されている。

一方で、「クーポンを利用する」などのCTA文言が明確でない点は改善余地として指摘されている。

検索結果カードのUI/UX評価｜クリック可能範囲の広さ

検索結果一覧では、

  • タイトル
  • 画像
  • 説明文
  • 矢印アイコン

を含めたカード全体がクリック可能になっている。

タイトルだけ、矢印だけが押せる設計と比べ、
誤タップやストレスを減らすUXとして高く評価されている。

また、ブラウザバック時に閲覧済み物件が分かる点も、回遊性を高める要素となっている。

ソーシャルプルーフのUI/UX｜信頼性が前提条件

「〇分前に予約されました」「〇人が閲覧中」といった表示は、
ユーザーの意思決定を後押しする要素として効果的だと評価されている。

ただし、

  • 表示ロジックが正確であること
  • 誠実なデータ連携が前提であること

が非常に重要であり、
虚偽表示はブランド信頼を大きく損なうリスクがある点も強調されている。

宿泊施設詳細ページのUI/UX評価｜タブ設計と情報の優先順位

施設詳細ページでは、

  • 写真
  • 施設情報
  • 口コミ

などがタブ形式で整理されている。

タブの並び順は、
実際の閲覧データやCVRをもとに最適化されている可能性が高いと指摘されており、
情報設計の参考になるポイントとされている。

写真・360度ギャラリーのUI/UX評価

360度ギャラリーが別タブで開く設計になっており、

  • 没入感のある体験
  • 元ページへの戻りやすさ

の両立が図られている。

不動産サイトでは一般的な表現だが、
旅行予約サイトでの活用はUX向上に大きく寄与すると評価されている。

情報量が多いページでのUI/UX設計｜「畳む」判断

施設設備や基本情報は初期状態で折りたたまれており、
情報量が多くても視認性が落ちにくい構成になっている。

すべてを開いた状態にしないことで、

  • 読み疲れ防止
  • 必要な情報だけを探しやすくする

UX設計が徹底されている点が評価されている。

予約導線とCTAのUI/UX評価｜あえて小さく置く判断

予約ボタンは、一般的なセオリーと比べるとやや小さめに配置されている。

これは、

  • ABテストを重ねた結果
  • 視線を限定させる設計

である可能性が高く、
「必ずしもCTAは大きければ良いわけではない」ことを示す好例とされている。

CTA周辺に必要な情報を集約することで、判断精度を高めている。

フォーム画面のUI/UX評価｜入力体験を最優先した設計

フォームでは、

  • ステップ表示は控えめ
  • 選択式入力を多用
  • 入力エラー時の即時フィードバック

など、入力ストレスを極力減らすUX設計が徹底されている。

ステップ表示を大きくするよりも、
「何分で終わるか」「残りどれくらいか」といった訴求の方がCVR改善に寄与する、
という実務的な示唆も語られている。

まとめ｜じゃらんのUI/UXから学べるCVR改善の本質

この動画を通して一貫して語られているのは、

  • 目立たせるUIより、迷わせないUI
  • データ前提の誠実なUX設計
  • 細部まで検証された積み重ね

が、巨大サービスのCVRを支えているという点。

完成度の高いサービスであっても、
UI/UX改善は常に続いており、
その姿勢こそが最大の学びだと締めくくられている。

動画一覧を見る