Hotel PDP›Rooms & Ratesimplied context · 764 px
Progressive disclosure · click a rate to select
King Room
1 King Bed · Sleeps 2
Queen Room
1 Queen Bed · Sleeps 2
Click any rate to select · sticky reserve appears here
Design review · breakdown
What this is
Each room type initially shows only 2–3 top rates. A 'Show N more' control reveals the rest inline. Reserve buttons are visually heavier and right-anchored on every row.
Why it works
Balances density and full visibility. The weighted CTA reinforces that every visible rate is one click from booking — supports both fast bookers and thorough comparers.
Best use case
Mixed-inventory PDPs where most users only need the top few rates but power users still want the long tail. Strong default candidate.
Tradeoffs / risks
'Top 3' depends on the sort heuristic. If sort is unclear, hidden rates feel arbitrary. The 'Show more' control adds a click cost for thorough users.
UX notes · scannability · normalization · booking confidence · provider transparency
High booking confidence due to assertive CTA and persistent selected-rate bar. Normalization shown via the room-type group; the 'Top 3 of 7 shown' label keeps the user oriented and trusting the truncation.