Client Project — Website + Photo-Led Quote System
Block & Bolt
A trade website that does the qualifying.
Block & Bolt is a four-person home-repair team covering Glasgow and the Central Belt — repairs, joinery, painting, flat-pack and landlord maintenance. The brief was a site that could win work for a small local crew against national franchises, and take an enquiry properly enough that a job could be priced without a site visit first.
The challenge
Handyman work is quoted from detail: what is broken, how bad it is, what floor it’s on, whether anyone lives there. Almost none of that survives a “tell us about your job” text box, so quoting means a phone call, then often a visit, before anyone knows if the job is even worth doing. The site needed to collect that detail up front — without turning into a form nobody finishes.
What we built
The website
Six content pages — services, how it works, areas covered, FAQ and a resource hub of home-repair guides — in a deliberately loud, colour-blocked design that reads as a local crew rather than a franchise.
The quote builder
A six-part request covering contact, property, the work needed, timing, photographs and consent. Photographs are the point: the customer shows the job from their phone, and the team quotes from what they can see.
Key user journeys
Photo-led quote
Browse services → Get a quote → contact and postcode → property type and access → tick the work needed → timing and materials → upload up to 15 photos → submit
Straight to a person
Any page → WhatsApp or call from the sticky mobile bar → describe the job directly
Key capabilities
- Thirteen service checkboxes, so mixed jobs arrive itemised rather than described in prose
- Photo upload — up to 15 images, 7MB each, 25MB total, including iPhone HEIC
- Property type and access questions that decide whether a job needs two people
- Layered spam defence: hidden honeypot, decoy email field and a submission-timing check
- Cookie banner with analytics genuinely off until accepted
- Sticky quote and WhatsApp buttons on mobile, where most of the traffic is
Visual walkthrough
The homepage leads with the promise and the trade, not a stock-photo mood.
Services as numbered blocks — the colour does the wayfinding, so the page scans in seconds.
Ticking the work needed, rather than describing it — the team receives an itemised job, not a paragraph.
Access and property type sit near the top: they decide whether a job needs one person or two.
On mobile the quote and WhatsApp buttons stay pinned — this is a phone-in-hand audience, often standing in front of the problem.
Technical approach
- Hand-built static HTML, CSS and JavaScript — one stylesheet, one script, no CMS and no framework.
- The quote form posts to a serverless function that validates on the server, so the checks can’t be skipped by disabling JavaScript.
- Spam is filtered in layers before anything reaches the inbox — a honeypot field, a decoy email input and a check on how fast the form was completed.
- Google Analytics is held behind the cookie banner and does not load until it’s accepted.
What this demonstrates
That a small trade business can compete on presentation and still get the practical part right — an enquiry that arrives itemised, photographed and ready to price, instead of a name and a phone number.
More work
Three more, all live.
Lead-Generation Website for a Trade
Argyll Roofing
A Paisley roofing company’s website, built to turn thirty-five years of reputation into enquiries.
Local Service Website + Area SEO
Avram Metals
A Glasgow scrap metal collector’s website: one van, one number, and a page for every item and every town it drives to.
Bilingual B2B Manufacturing Website
LIT-15 Cast Iron Foundry
A bilingual site for a Bulgarian iron foundry, written for the engineers who specify castings rather than the people who buy them.
Building something similar?
Tell us about your business and what you need — we’ll review what you’ve sent and come back with the most sensible next step.