Build a Rate · 04Compose · inline edits

Hybrid (prebuilt + editable)

Best of both worlds: keep the scannable prebuilt rate list, but let users tweak any row inline. The 'Customized' marker preserves the audit trail.

Hotel PDPRooms & Ratesimplied context · 764 px
King Room · 3 prebuilt rates · inline editable
Familiar rate rows. Toggle breakfast or refundability to customize any row.
Flexible · Bed & Breakfast· 1 King Bed
Egencia Business rateFree cancellationIncludes breakfastIncludes wifiPay at hotel+1
$251
per night
Edit:
Best Available Rate· 1 King Bed
Egencia Business rateNegotiatedFree cancellationIncludes wifiPay online+1
$239
per night
Edit:
Advance Purchase 21d· 1 King Bed
Cancellation feeIncludes wifiPay online
$214
per night
Edit:
Design review · breakdown
What this is
Three prebuilt King rates render as rows. Each exposes inline pill toggles for breakfast and refundability. Toggling adjusts that row's price and chips and tags it as 'Customized'. A reset link reverts to baseline.
Why it works
Preserves the existing scannable comparison pattern (concepts 01–10) while opening a flexibility door. Cause/effect is row-local — easy to reason about.
Best use case
Migration-friendly default: drop into the existing PDP without retraining users. Strong for power users who want familiar rows but occasional tweaks.
Tradeoffs / risks
Editing is row-by-row, not cross-row. Pricing logic may feel inconsistent if two rows offer the same toggle at different deltas. 'Customized' state needs to be unmistakable.
UX notes · scannability · normalization · booking confidence · provider transparency
Combines static-selection scannability with compositional flexibility. Reset-per-row is essential for trust — users need a one-click escape back to the prebuilt baseline.