ホテルサイトや旅館サイトの部屋/プラン一覧を集めてみました

上部には外観の写真と検索条件が表示されています。「ご予約は当サイトが最もお得」とあるのも安心ですね。

画面下部にあるのが、T Cabinというお部屋のようです。スクロールしていきます。

少しスクロールした状態です。
T Cabinというお部屋に対して、プランが２つ表示されています。
お部屋の詳細を知りたい場合は、画面上部の文章下にある「部屋の仕様を見る」から参照できます。

もう少しスクロールした状態です。
「残り4プランをすべて見る」をタップすると展開してすべてのプランを見ることができます。
一番下に見えているのは次のお部屋の画像です。

画面上部にはパークハイアット東京の情報や料金に関する情報などが表示されています。
プランや部屋の情報はその下でしょうかね。少しスクロールしてみます。

少しスクロールしてみました。
デザイン的に構造が分かりにくいですが、画面一番上に見えているグレーの部分がプランです。その下に、このプランのお部屋（キング、ツインなど）が並んでいます。

下にスクロールしていくとグレーのメニューのようなものが出てきますが、こちらが他のプランです。
プラン名をタップすると展開してお部屋が表示されます（デザインや挙動から情報構造がつかみにくいですが）。

まずはお部屋の一覧が表示されますが、各お部屋の下にプランが並んでいます。部屋にプランがぶら下がるかたちですね。
上部のタブでプランごとに部屋が並ぶ画面に切り替えることもできます。
少し下にスクロールします。

少しスクロールしました。
部屋ごとのプランは3つまで表示されていて、もっとプランがある場合は「すべて表示」をタップして見ることができます。

上部のタブで「プラン」を選択した画面です。プランの下に部屋がぶら下がるかたちで表示されます。

こちらは日程やエリアを選択した後の画面です。
ホテルの画像の下にお部屋が表示されています。ホテル一覧と部屋一覧を兼ねています。
スタンダードルームの「予約へ進む」ボタンから予約ぺージへ進みます。

こちらが予約ページです。
写真のところに素泊まりプランとの記載があるので、自動的に素泊まりプランが選ばれているようですね。スクロールしてみましょう。

スクロールするとプランの選択項目が出てきました。
予約のときにプランを選ぶかたちなわけですね。