Build a Rate · 01Compose · opt-in

Add-on builder (opt-in)

The simplest compositional model. Pick a room, then opt into refundability, breakfast, parking, and payment. Total updates live so cause-and-effect is obvious.

Hotel PDPRooms & Ratesimplied context · 764 px
Build your rate · opt-in
Pick a room, then add the options you want. Total grows from the base.
Step 1 · Room type
Step 2 · Add options
Your rate
In policy
$219/ night
base $219
No options selected · base rate only
Design review · breakdown
What this is
A 3-room picker followed by a list of opt-in toggles for refundability, breakfast, parking, payment, and corporate rate. The right side shows live total, deltas, derived chips, and policy.
Why it works
Lowest cognitive load: the user starts at the cheapest valid rate and only pays for what they want. Every interaction is one toggle with a visible price delta.
Best use case
Price-sensitive bookers, repeat agents who know the exact options they need, and audiences that distrust pre-bundled premium defaults.
Tradeoffs / risks
Anchors low — users may under-select valuable options like refundability. Long option lists can feel like work; relies on good helper text for restricted combinations.
UX notes · scannability · normalization · booking confidence · provider transparency
Default bias: opt-in. Strong for transparency (every option carries its delta) but weaker for upsell. Disabled states with helpers carry the policy/availability story.