Hotel PDP›Rooms & Ratesimplied context · 764 px
Featured room · expandable rates
[ room visual
placeholder ]
placeholder ]
King Room
1 King Bed · Sleeps 2 · 32 m²
from
$214
7 rate options
City viewAir conditioningWorkspaceFree Wi-Fi+4 amenities
Available rates · 3 of 7Sorted by price
Flexible · Bed & Breakfast· City view
Egencia Business rateFree cancellationIncludes breakfastIncludes wifiPay at hotel+1
$251
per night
Best Available Rate· City view
Egencia Business rateNegotiatedFree cancellationIncludes wifiPay online+1
$239
per night
Advance Purchase 21d· Standard view
Cancellation feeIncludes wifiPay online
$214
per night
Design review · breakdown
What this is
Room type is shown as a strong summary card (bed, size, amenities, from-price). A separate panel below holds the rate list with its own expand control.
Why it works
Splits the decision into two clean steps: 'is this the room I want?' then 'which rate?'. Strong for users who lead with room shopping, not rate shopping.
Best use case
Leisure-leaning bookings or higher-consideration trips where room characteristics drive the choice. Also useful when room descriptions vary meaningfully.
Tradeoffs / risks
More UI weight per room type — can feel heavy if there are many room types. The two-zone pattern can hide rate count from first glance.
UX notes · scannability · normalization · booking confidence · provider transparency
Normalization expressed implicitly via the consolidated room summary (one card per normalized type). Rate detail lives in the panel below. Booking confidence supported by the prominent Reserve CTA on the summary card.