Family
Motorhome · Sleeps 4–5 · Full facilities · Shower & Toilet
Every product available in the searched location gets one box; inside it, a three-way tier selector, Budget, Core, Premium, each tier with its image, promise, the brand that represents it, price and total, and its own CTA. Two treatments: Version A shows everything at once; Version B discloses progressively. Drawn monochrome on purpose, structure first, branding later. The filter bar is live: click "Automatic" (or "Clear filters") and watch the page react.
Location, dates, travellers, sleeps is answered here, never again.
Products with their tier selectors, the two versions below are this step's density variants.
Every pick happens here, once: sleeps where it applies · transmission · type of bed · extras · insurance.
Merged into one pageThe only action here is pay. Nothing to decide, nothing to upsell.
Version A · everything visible
Motorhome · Sleeps 4–5 · Full facilities · Shower & Toilet
Large motorhome · Sleeps 6 · Room for everyone
Off-grid capable · Sleeps 4 · Heating & solar
Version B · progressive disclosure (tap a product to open its tiers, try it)
Motorhome · Sleeps 4–5 · 2 of 3 tiers match your filtersFull facilities · Shower & Toilet
Large motorhome · Sleeps 6 · 1 of 2 tiers matches your filters2 tiers available
Off-grid capable · Sleeps 4 · 1 tier available
Shelves organized by how you want to travel, each title a tier promise in lifestyle language, with the auditable spec printed beside it, and the brands masked into the shelf as the names that fulfil it. A shelf can carry several brands. Brands presented through experiences, not against each other. Two treatments: Version A shelves experiences with brands masked in; Version B lists the brands themselves, hotel-group style: the card says which products are available for the search, and all further detail and model selection happen on the brand’s offer page. Same filter system as Display 1, click "Automatic" to toggle, in both versions.
Location, dates, travellers, sleeps is answered here, never again.
The brand carries the result, the two versions below are this step's presentation variants.
Everything is selected here, once: sleeps where it applies · type of bed · extras, in Version B, including the model itself.
Merged into one pageThe only action here is pay. Nothing to decide, nothing to upsell.
Version A · experience shelves
Version B · brand-led list (the card says what’s available; the model is chosen on the offer page)
This is not a UX decision, and it doesn't need one now. It exists to show the offer-and-checkout merge is achievable, and flexible enough to back whichever direction we choose; the three renderings are proof it is not a one-way street, not options to pick between. The step every display and version has in common: the offer page merges with checkout, isolating payment to payment only. Offer means the product being bought, the model, photos, specs, pickup location, and the trip picks: bed configuration, travellers, transmission. Checkout means building the trip on the same page: extras (bedding, cleaning, BBQ) and protection & flexibility. Everything below is clickable, the summary reprices honestly as you choose. Three renderings of the same page: A, everything on one canvas · B, a guided wizard · C, a configurator, the van on stage while the trip is built beside it.
Version A · everything on one canvas
Version B · a guided wizard (one step at a time)
Version C · configurator (the van on stage, the trip built beside it)