Hotel PDP›Rooms & Ratesimplied context · 764 px
Tabs inside group · filter rates
King Room
1 King Bed · Sleeps 2 · 7 rate options
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
Showing 7 of 7 rates
Design review · breakdown
What this is
A segmented control inside each room group filters the rate list (All, Refundable, Non-refundable, Breakfast). Counts on each tab signal how the inventory splits.
Why it works
Lets users apply intent quickly without leaving the group. Tab counts double as a summary of the rate mix — useful signal even before filtering.
Best use case
Users with strong constraints (must be refundable, must include breakfast) and properties with mixed-attribute inventory.
Tradeoffs / risks
Adds an extra UI layer per room type. 'Showing N of M' message is essential — without it, hidden rates feel unsafe. Per-group filter state is a lot to manage if there are many groups.
UX notes · scannability · normalization · booking confidence · provider transparency
Normalization sits silently behind the tabs; users get rate-shape transparency via the counts. Booking confidence supported by clarity that nothing was excluded silently.