IA Library · Page pattern · Reasoned, not built

Enquiry, quote or booking page

“How do I ask, and what happens after I do?”

Why this pattern works

Top to bottom

Example wording (Trades and call-out services).

RequiredConditional on the briefCommon, not requiredLeft out for this briefYour content

Used by

On a phone · Reachable at every scroll position, one thumb away (a fixed bar is one way; Design decides).

On a phone · Moves up: “do you cover me?” is answered before anything else.

On a phone · Shrinks to one line, detail one tap away.

Trades and call-out services
On a phone · One “what do you need help with?” list, one tap per need.

On a phone · Rises to the first screen: someone worried at 8pm needs hours and the out-of-hours route first.

On a phone · Drops below the steps: first “do you handle my situation?”, then who.

Advisers, practices and clinics
On a phone · First screen: open now, the action and the address. Most venue visits start on a phone, nearby.

On a phone · The address opens the map app: link it, don’t embed a map (NN/g).

Shops, cafés and venues
On a phone · One column, the deciding fact (price, dates) under each title.

Available nowPhoto of this home (not a render)Three-bedroom cottageBeds · tenure£— · statusPhoto of this home (not a render)Two-bedroom terraceBeds · tenure£— · statusPhoto of this home (not a render)Four-bedroom detachedBeds · tenure£— · statusPhoto of this home (not a render)Barn conversionBeds · tenure£— · statusPhoto of this home (not a render)One-bedroom flatBeds · tenure£— · statusPhoto of this home (not a render)Bungalow with gardenBeds · tenure£— · status

On a phone · Folds into one “Filter (3)” control; the list stays first.

Listings, rooms and tours
On a phone · One column, caption under each image, not over it.

Available nowPhoto of the finished work (credit)Residential towerType · year · status£— · statusPhoto of the finished work (credit)City hotelType · year · status£— · statusPhoto of the finished work (credit)Restaurant interiorType · year · status£— · statusPhoto of the finished work (credit)Apartment fit-outType · year · status£— · statusPhoto of the finished work (credit)Boutique hotelType · year · status£— · statusPhoto of the finished work (credit)Office lobbyType · year · status£— · status

On a phone · Also in the header: a long scroll of work shouldn’t bury it.

Portfolio, for a person or a firm

Why this pattern works5 statements · 3 sourced · 1 untested or unknown

How sure we are

Worked out from research and real briefs. No site has been built from it yet, so treat it as reasoning to check, not a tested template.

What it answers

Its job Take the action with as little effort as the business can manage, then say clearly what happens next.

Its action: Submit the form. The other way to get in touch stays visible.

Use it when

The action needs more than a phone number: a quote with photos, a booking request, a commission brief. observedAesthetary

Not when

A phone-led business whose customers just call. A form nobody answers is worse than a number. observedour brief study
Booking handled entirely by a third-party system: link to it and say so. our reasoning

What the research says

GOV.UK’s question pages, check-answers and confirmation patterns are the best-sourced structure in this library. They are written for government transactions, so applying them to a three-field quote form is our own reasoning. sourcedGOV.UK GOV.UK GOV.UK
The sources disagree: GOV.UK starts forms at one thing per page; NN/g says contact forms should be 3 to 5 fields. Short enquiries follow NN/g; long bookings follow GOV.UK. sourcedGOV.UK NN/g 2019
Attachments were asked for in 23 of the briefs we studied, quote requests in 17. observedAesthetary

Common mistakes

A long form for a short question, or a “contact us” with no idea of when anyone will reply. NN/g: 3 to 5 fields, and state the response time. sourcedNN/g 2019
Asking for a budget field before saying anything about prices. untested

What changes with the brief

What should a ready visitor do? Ask for a quote	Quote form with photo upload; the steps say when the quote arrives.
What should a ready visitor do? Phone us	The page leads with the number and hours; the form becomes the second route.