Hotel PDP›Rooms & Ratesimplied context · 764 px
Accordion · room groups
·
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
Loyalty Saver· City view
Loyalty rateFree cancellationIncludes breakfastIncludes wifi+1
$228
per night
Non-refundable · Breakfast· Standard view
Cancellation feeIncludes breakfastIncludes wifiPay at hotel
$219
per night
Flex + Parking· City view
Free cancellationIncludes wifiIncludes parkingPay online+1
$244
per night
Advance Purchase 30d· Courtyard
Cancellation feeIncludes wifiPay online
$218
per night
Design review · breakdown
What this is
Each room type is a collapsible header showing rate count and price-from. Users expand the groups they care about; others stay collapsed.
Why it works
Tames pages with many room types. The header summary (count + lowest price) lets users triage groups before drilling in. Solves vertical bloat without removing options.
Best use case
Properties with 4+ room types and dense rate inventory where seeing everything at once would overwhelm.
Tradeoffs / risks
Hidden inventory means users may miss a competitive rate. Extra click cost for power users who want full visibility. Default open/closed state matters a lot.
UX notes · scannability · normalization · booking confidence · provider transparency
Group meta (count, from-price) is the normalization payoff signal — the user sees consolidation working. Rate detail only appears once expanded. Booking confidence tied to per-row pills inside the open group.