Worked example: Trades
Interactive trades website demonstration
Our own worked example: a clickable trades site showing a mobile quote path, sample trust signals, consented site actions and CRM handoff.
A demonstration build on one of our own live demos, not a client project. It shows exactly how we’d approach yours.
Anvil is one of our seven live demos: a trades business we built as our own brand, so you can tap through the quote path directly. The interface is live on the demo; the wiring described here is an illustrative scope rather than evidence of booked jobs. Open the live Anvil demo →
What the concept demonstrates
A trades search can happen on a phone while the customer is dealing with an urgent job. Anvil shows one way to put approved pricing information, attributable credentials and a quote request within easy reach on a small screen.
The quote path, decision by decision
- Two routes to yes, side by side. The hero pairs "Get a free quote" with "Call us today", because some homeowners want a form and the rest want a voice. The header repeats the quote button on every screen.
- Services carry an approved price signal. The jobs grid demonstrates a fixed price, callout terms, a free survey and a from-price. A live business supplies the current figure, inclusions and approval owner.
- Accreditations are easy to verify. The sample badge row shows where a live business can publish current memberships and insurance after checking the source and permitted wording.
- The quote form asks for three things. Name, postcode, the job. That's everything needed to price a callout, and short enough to finish standing in the kitchen with the water off.
The build decisions
- Built for the thumb first. Tap targets, a one-column flow and an autocomplete-ready form make the demonstration usable on a small screen.
- Mobile performance is a release check. The build tests Core Web Vitals and the quote path on agreed phones and network conditions.
- A custom Next.js and React build, owned outright. Built the way we'd build yours: site, domain and content in your name from day one, and you choose who runs them.
Wiring the job sheet
Built for a client, the site ships with the job sheet wired:
- GA4 events on agreed call and quote-request actions, configured to follow the visitor's consent choice.
- CRM handoff with available context. A submitted quote request can reach the chosen queue with its service and available first-touch source context. Turing Automate owns callback, quote and other post-capture workflows.
- Google Ads site-action measurement using the agreed consented events. Turing BI owns governed job and revenue reconciliation when the decision needs business-system data.
Recolour it to your trade
The whole demo runs on design tokens. Drag the palette customiser and the badges, buttons and quote form repaint to your colours in seconds, which is the quickest way to see your own business in it.
What a build like this costs
Fixed and itemised, from £2,000, with every tier published on our web design pricing page. A trades site like this typically takes around 4–8 weeks, depending on how many services and areas you cover.
This is how we'd build yours
Anvil is our own demonstration, made clickable, and the thinking behind it is written up on our websites for tradespeople page. If you want a site built around this callout path, tell us the jobs you want more of and the person who'd do the work replies personally.