Hartley & Webb, brochure site

A five-page brochure site for a law firm, with no framework and no build step.

Hartley & Webb home page: headline, call-back form and photo

Context

Hartley & Webb is a fictional London law firm. The template suits any professional firm: lawyers, accountants, consultants. The business is fictional: names, prices, reviews and figures are demo content. The code is complete and deployable.

The challenge

Turn a visit into an enquiry, and reassure a client who hesitates to call a professional.

What I did

  • Five pages: home, services, about, team, contact.
  • A call-back form on the home page, a consultation form on the contact page, the phone number always in view.
  • Fixed fees per service and a fee table: transparency builds trust.
  • Forms with inline errors, a loading state and a confirmation.
  • A keyboard-friendly mobile menu, AA contrast, content readable even without JavaScript.

Outcome

HTML, CSS and about 3 KB of JavaScript. Self-hosted fonts, compressed WebP images, no third-party requests.

A similar project in mind?

Tell me about your project in a few lines. I reply personally, with questions or a first estimate.