What should be on a service business homepage?

Give a first-time visitor enough to recognise the right business

A useful homepage explains the work you do, shows why your company is a credible choice and makes the next step clear. It should help a prospective customer find the relevant detail without making them read the whole website.

The opening needs to answer:

• What work does this company do?
• Is it relevant to my business or situation?
• Does it work where I need it?
• Where can I learn more or make contact?

You can answer those through a heading, supporting text, relevant imagery and clear navigation. They do not need four separate sections.

Lead with the work you want more of. A company that handles substantial commercial projects should make that capability recognisable before giving equal space to every small job it can do.

Keep the brand's character, but give the visitor something concrete to understand. “Built around you” says very little until the page explains what is being built and who it is for.

Explain the service before sending people elsewhere

During a website revision, we discussed moving a service explanation ahead of a previous-work section linked to Instagram. The visitor needed to recognise the relevant type of work before leaving to inspect examples.

The useful question was what someone would understand at the moment they clicked. A gallery can show good work while leaving the service, responsibilities and next step unexplained.

Give the homepage its own useful summary. Explain the offer, show a relevant example with context, then offer more detail. An external gallery can add breadth after that; it should not be the only place someone can work out what the company does.

A ready customer should still be able to contact you early. The page can offer a direct enquiry alongside a route to learn more, without making everyone complete the same tour.

Show what you can handle

In a separate planning discussion, a proposed fleet page was intended to show what the transport business could handle. The provider would still recommend the suitable vehicle.

Show the resources relevant to the customer's job, then explain how your team assesses the requirement. Do not turn the display into a technical selection task unless choosing that option is genuinely the customer's job.

Example homepage: a commercial joinery company

This fictional company makes and installs joinery for commercial premises. Clients or their designers supply drawings; the joinery team checks site information, fabricates and installs the agreed work.

The example below shows the content and the reasoning behind its order. It is a starting recommendation for that business, rather than a layout every service company should copy.

1. Name the work in the opening

Start with a clear heading:

Commercial joinery for offices, shops and hospitality venues

The supporting line adds the work involved:

Custom reception desks, counters and fitted storage, measured, made and installed for commercial premises.

Add the actual service area and a relevant image of the company's work. Keep the main navigation available, with recognisable links such as Services, Projects, About and Contact.

Use “Discuss your project” for the enquiry action, with a quieter route to the commercial joinery service details. The first supports someone ready to talk; the second supports someone checking the offer.

The heading establishes the category and customer. The supporting line explains the deliverables and responsibility. A photograph can demonstrate the finish without carrying the entire explanation.

2. Show what the service covers

Below the opening, help visitors recognise their particular job. For this company, useful examples include:

• Office reception desks, meeting-room storage and staff kitchens.
• Retail counters, display units and fitted storage.
• Hospitality counters and service-area joinery.

Pair those examples with short explanations or relevant work, then link to the commercial joinery page for scope, responsibilities and the project process.

These are applications of the same service in this example. They do not automatically require three new service pages. Your website page plan should settle which deeper destinations genuinely need separate explanations.

This section belongs early because a visitor may recognise their job more readily than the industry's broad service label. It gives the project evidence that follows a clear purpose.

3. Put a relevant project beside the claim

If the company wants office-fitout work, feature an office project with enough context to judge its relevance. Show the joinery it made and explain its part in the job.

A useful project summary identifies the premises, the requirement and the company's responsibilities. Explain whether it only manufactured from supplied drawings or also measured the site and installed the joinery.

That distinction matters to someone deciding what help they need. A finished interior photo alone does not establish who designed, made or installed each part.

Link the summary to an on-site project account with the approved photographs and further detail. A separate social gallery can show more work, but the customer already has the context needed to assess it.

Place relevant customer feedback near the point it supports, when available and cleared for use. A comment about coordinating installation belongs with that explanation. A general logo strip should not replace the account of what the company did.

4. Explain how the company handles the job

The visitor now knows the kind of work and has seen a relevant example. Explain the responsibilities that remain unclear: what information starts the discussion, who checks the requirements and what the company takes through to installation.

For this company, the homepage can briefly explain that the team reviews available drawings and site information before confirming the joinery scope. Detailed specifications belong in the service explanation or the project discussion.

Workshop imagery can support the capability claim. It should not make a prospective customer feel they must choose the machinery or manufacturing method before enquiring.

Use this test: does the section help someone assess your capability, or ask them to make your technical recommendation?

5. Make the enquiry's purpose clear

After the service, proof and responsibility explanation, invite the visitor to discuss the actual project. The same enquiry route can remain available earlier for someone who already has enough information.

For the joinery example, “Discuss your project” leads to a project enquiry. Explain that the customer can describe the premises and work, then share available drawings. The team can identify what else it needs.

Do not label the action “Book a site visit” if the destination only sends an enquiry for someone to review. The wording should match what happens after the click.

Keep contact details, relevant company information and applicable policies accessible in the footer. They support the decision without becoming another large sales section.

What can sit deeper in the website?

The homepage needs enough detail to establish relevance and confidence. It does not need the full service scope, every project, the complete company history or a technical catalogue.

Give those subjects useful destinations:

• The service-page explanation covers inclusions, responsibilities, suitability and the work in depth.
• Project pages let someone inspect a particular job beyond its homepage summary.
• About introduces the people and experience when the customer wants to assess the company further.
• Contact explains how to enquire and what happens next. Our enquiry planning guide covers the questions and response responsibilities.

Give each homepage link a clear reason to click. “See office joinery projects” sets a different expectation from “Discuss your project”. Sending both to the same generic form would lose that distinction.

Not every visitor starts on the homepage. Someone arriving directly on a service or project page still needs enough context and a clear next step there.

Change the order when the visitor needs something different

The example introduces the service before its fuller proof because a first-time visitor needs that explanation. A familiar company serving repeat customers may need quicker access to ordering, support or a particular contact.

A specialist with one clearly understood offer might put a strong project example much closer to the opening. A company with several genuinely different services may need to help visitors choose a route sooner.

A relevant review or credential can sit near the opening. Give it enough context to be understood, rather than reserving all proof for later.

Where different customer groups need different routes, prioritise the work you want while keeping the other important destinations visible. Avoid making people choose an audience label before they can understand the offer.

A blog feed, long FAQ, video or interactive tool belongs on the homepage when it answers a real need. None is an automatic requirement. Design can express the brand through the work, typography and imagery without adding another feature to explain the same point.

Check what an unfamiliar reader actually understands

Review the proposed homepage with someone who resembles the intended customer but does not already know the business. Start without explaining the page for them.

Ask them to describe the work they would contact the company for. Then ask what on the page supports that choice and where they would go next.

Check whether they can:

• Identify the relevant service and whether the company covers their location.
• Explain what a featured project demonstrates about the company's work.
• Find deeper information without having to leave for an unexplained gallery.
• Enquire without choosing a technical solution they expected the company to recommend.

Record the confusing phrase, missing answer or misleading link. If the service is unclear, repair its explanation before adding another testimonial. If a project is relevant but its role is unclear, improve the caption or account.

Repeat the task on a phone once the design exists. Check whether headings, images, menus and actions still communicate the same thing in the smaller layout. A good desktop outline does not prove that the mobile page works.

Bring the agreed hierarchy into your wider website plan. The homepage sets the opening explanation; the connected pages carry the detail.

Our web development work brings the research, agreed-page copy, design and build together. Bring your current homepage and the work you want it to attract. We can work through which explanations, evidence and routes the new site needs.