旅館サイトの予約ステップ改善で予約数8割増

条件入力

• 「希望日を指定して検索」「期間を指定して料金・空室を確認」の2つから選べる
• 「希望日を指定して検索」はチェックイン日と泊数を選択する。
• 「期間を指定して料金・空室を確認」は期間（例えば2月から3ヶ月間）と泊数を設定
• 右の「予約ページの使い方」という簡単なヘルプ要素も安心感を与える

料金空室カレンダー

• 期間を指定した場合のみ、カレンダーページに遷移
• タブで月ごとにカレンダーが分かれている
• 日付や料金をクリックすると「検索結果」に遷移

検索結果

• 一覧に表示される写真は、宿泊する部屋の内観写真に統一されている
• 「候補に入れる」をクリックすると、画面右側にプランがクリップされていく
• 「料金明細」は、マウスオーバーだけで明細が表示される
• 「部屋の詳細情報を確認」をクリックすると、大きい内観写真と間取り図・特徴などがlightbox風に表示される
• 「前後の日程の空室状況」をクリックすると、その部屋の料金空室カレンダーに遷移する
• 「予約をする」をクリックしてもページは遷移せず、右上のご検討中のところに放り込まれる

予約ステップ全体を通じて

• 右上の「ご宿泊予約の流れ」で予約完了までのステップ数がわかるのはありがたい
• 色数はほとんど使っていないが、文字サイズの強弱・背景色の使い方でしっかりプライオリティ付けがされている

日程や部屋を変えても、かんたんに比較検討できるように、うまく設計されたUIになっています。
例えば、お目当ての部屋が満室だったとしても「日程を変えればあいているかな？」とか、ちょっと高かったら「とりあえず候補に入れておいて、他に日程も見てみよう」とか。
「条件入力」「料金空室カレンダー」「検索結果」の３ページだけで、完結しちゃいますもんね。ドロップ率が15ポイントも抑えられたという効果にも納得です。