Legal & professionalConcept projectProject 06 / 07

Harcourt & Vale Advocates

A calm, authoritative website for a small law firm, built to reassure people at a stressful moment and make booking a first consultation easy.

Discuss a similar project
harcourt-vale-advocates · concept
Harcourt & Vale AdvocatesLive preview
Harcourt & Vale AdvocatesLive preview
Sector
Law firm
Setting
City-centre practice
Scope
One-page website
Built with
HTML, CSS, JavaScript

The two previews above are live. Scroll and click inside them, or open the full-screen preview to switch between desktop, tablet and mobile.

The brief

What the website had to do

People contact a lawyer when something important is at stake. They want to know the firm handles their kind of problem, what it will cost, and who they will actually speak to. The site has to answer all three and make getting in touch feel low-risk.

The approach

How the design answers it

A serif display face, deep ink backgrounds and brass details give the firm quiet authority. A consultation form sits in the hero so visitors can act immediately. Six practice areas each have their own photo and plain-language summary, fees are shown as honest starting points, and the advocates are introduced by name and speciality. Guides and client feedback build trust before the contact section.

Key features

What's on the site

  • Consultation request form in the hero
  • Six practice areas with photography
  • Named advocates with specialities
  • Transparent fee starting points
  • Four-step "how we work" process
  • Client guides and insights
  • Remote video consultations highlighted
  • Sticky header and mobile menu
Design highlights

The details that do the selling

Harcourt & Vale AdvocatesLive preview

Book from the first screen

The consultation form is visible the moment the page loads.

Harcourt & Vale AdvocatesLive preview

Practice areas people recognise

Each area uses everyday language and its own image.

Harcourt & Vale AdvocatesLive preview

Fees without the fear

Clear starting prices remove the biggest reason people delay calling.

Gallery

Around the site

Live views of different sections on desktop and mobile.

Visual identity

Its own look, built for its customers

Colour palette
#14171F#B08D57#F6F2EA#E9E3D8

Ink, Brass, Ivory, Stone

Headings
Playfair Display

Aa Bb Cc 0123

Body
Libre Franklin

Aa Bb Cc 0123

Concept project created to show the range of my work. The business, prices, figures and reviews on this site are sample content, not a real client or real results.

Get in touch

Want a website like Harcourt & Vale Advocates?

I can build a site designed around how your customers book, call or buy from you. Tell me about your business and I’ll suggest an approach.