All 15 lessons
Part 2 · Lesson 5 of 15

Turn services into a useful website structure

Help visitors find the right service, understand what each page is for and know where to go next.

Around 12–15 minutes4 exercisesPractical workbook
Use an existing client's services and pages to make a simple page plan, without adding duplicate pages or losing important information.

Sam has the brief. Now where should everything go?

In the last lesson, Sam prepared for the first conversation about ClearFlow Plumbing's website redesign.

The most important facts are already clear. ClearFlow helps homeowners in Austin with water heater repair and drain cleaning. The owner wants more useful water heater repair inquiries, without making the other service harder to find.

Now Sam has a practical design question:

How should someone move through this website when they need one of those services?

Sam opens the existing page list. There's a homepage, a page for each service, an article about having no hot water, an About page and a Contact page.

That's a good starting point. Sam doesn't need to add pages just to make the website look bigger. First, Sam needs to decide what each page should help a visitor do.

Start with what the visitor needs

Imagine three homeowners finding ClearFlow.

Jordan's water heater isn't working. Jordan wants to know whether ClearFlow offers water heater repair in Austin and how to ask for help.

Taylor has a drain problem. Taylor wants to find ClearFlow's drain cleaning service without reading about water heaters first.

Casey has just heard of ClearFlow. Casey wants to understand what the company does before choosing a service.

They don't all need the same page.

  • Jordan's most useful service destination is Water heater repair.
  • Taylor's most useful service destination is Drain cleaning.
  • Casey can start on the homepage, where both services are introduced.

Someone might arrive directly on a service page from Google, a link shared by another person or an AI-powered search result. So that page should explain the service clearly on its own. It shouldn't require everyone to read the homepage first.

A simple design rule: give each important page a clear job, then make the next step easy to find.

Worked example: Sam's page plan

Sam sketches the existing site instead of drawing a new layout immediately.

ClearFlow Plumbing · Website page plan

PageWhat a visitor comes here to do
Home /Understand ClearFlow's two services and choose where to go
Water heater repair /water-heater-repairLearn about water heater repair in Austin and inquire
Drain cleaning /drain-cleaningLearn about drain cleaning in Austin and inquire
No hot water? What to check /blog/no-hot-water-what-to-checkRead useful information, then find repair help if needed
About /aboutLearn about ClearFlow and the business behind the services
Contact /contactUse the contact form or phone link to get in touch

Notice that the two service pages already exist. That's useful. They serve different customer needs, so Sam can plan to improve the existing pages rather than invent replacements.

The homepage introduces. The service pages explain.

Sam sketches a short introduction for the homepage and a more specific introduction for each service page. Choose a page to see how its main heading, introduction and next steps work together.

Sam's page drafts
clearflow.example/
CLEARFLOWPlumbing
H1

Plumbing help for Austin homeowners

ClearFlow Plumbing offers water heater repair and drain cleaning for homeowners in Austin. Choose a service to learn more or contact ClearFlow about your plumbing needs.

The homepage headline introduces the overall business. The two service links help visitors choose. A contact link gives people another way to get in touch.

The homepage and water heater page both mention water heater repair. That's fine. They're doing different jobs. The homepage briefly introduces a choice. The service page is where a homeowner should get the fuller explanation.

Sam isn't trying to give every variation of a search phrase its own page. One useful service page can answer several closely related searches. Later, when Sam works on the page content, there's room to make the information more complete.

These are page headings in Sam's draft layouts. You'll learn how headings, SEO titles and page addresses work together in Lesson 7.

Make the links part of the plan

A website structure isn't just a list of pages. People need useful ways to move between them.

Sam draws a few simple routes:

  • Home
    • Water heater repair → Contact
    • Drain cleaning → Contact
    • Contact
  • No-hot-water article → Water heater repair
  • About → Contact

The article deserves a closer look. It helps someone who is trying to understand what to check when there is no hot water. That's a different job from explaining ClearFlow's water heater repair service.

But the two pages can support one another. A reader who needs help could follow a link such as “Learn about ClearFlow's water heater repair service.” That takes them to the existing repair page rather than asking them to search around the website.

The link should appear where it genuinely helps the reader. Sam doesn't need to put every service link into every paragraph.

And someone who lands directly on the water heater repair page should still be able to find Contact easily. There is no single route every visitor must follow.

Why Sam isn't adding another water heater page

Sam also considers whether ClearFlow needs a new page called /austin-water-heater-repair.

But the existing /water-heater-repair page is already meant to explain that exact service for homeowners in Austin. A second page with nearly the same purpose could confuse the website plan without giving visitors anything meaningfully different.

So Sam keeps the existing address in the plan and focuses on making its role clearer.

The October 20 review also found an indexing problem on the water heater repair page. Sam keeps that on the technical follow-up list. Changing navigation links won't remove an indexing restriction. The page setting needs its own check and the right approval before anyone changes it.

That's an important design habit: don't use a new page to work around a problem you haven't understood.

The plan is ready for a useful client conversation

Sam now has something more helpful than a collection of wireframes:

  • A homepage that introduces ClearFlow and both genuine services.
  • Two existing service pages with different purposes.
  • An information article that can help readers reach the relevant service.
  • Clear ways to contact ClearFlow from the pages where homeowners need them.
  • A short list of open questions, including the indexing issue and missing service details.

Sam can discuss that plan with the owner before writing more detailed pages or making changes to the live website.

Next, the owner needs to help Sam with something only the business can confirm: what should each service page actually say, and what proof can ClearFlow use? That's our next lesson.

Try the same idea on your studio website

Think back to Cedarline's plan. The studio homepage introduces web design for service businesses. The /services page explains design, redesign and care. The /work page shows what Sam has designed, and /contact takes an inquiry.

Those pages have different jobs too.

Take one route through your own website. Can someone start on your homepage, understand your most important service and find a relevant example or contact option without getting lost?

You don't need to redesign everything. Find one route to make clearer.

Help Sam plan the right pages

Choose what you would do at each point. You'll see why each option helps or causes a problem. You can change your answer and try again.

Decision 1 of 4

Where does the service detail belong?

A homeowner needs water heater repair in Austin. ClearFlow already has a page for that service.

Which existing page should Sam plan as the main place for the repair details?

Sketch a useful website structure

Use ClearFlow to practice, or map a website you're currently designing. Your answers don't have to be long. Save the plan and come back when you learn more.

Optional · Client website plan
You can leave any field blank and return to it later.

Give each page a job based on a real service or visitor need.

Think about existing URLs, business facts, technical findings and sign-off.

Try Home → Services → Work or Contact. Where might someone get stuck?

I'll do this later

Loading saved notes…

See Sam's completed example
What should the homepage and main service pages each help visitors do?
Home / introduces ClearFlow's water heater repair and drain cleaning for Austin homeowners. /water-heater-repair explains repair and helps visitors inquire. /drain-cleaning explains drain cleaning and helps visitors inquire. /blog/no-hot-water-what-to-check answers an information question. /about introduces the business, and /contact is the inquiry route.
Which links would make the main services and contact options easy to find?
On Home, make “Water heater repair” → /water-heater-repair, “Drain cleaning” → /drain-cleaning and “Contact ClearFlow” → /contact easy to see. Both service pages should give visitors a clear way to reach /contact.
Is there a useful article or supporting page that should link to a service?
Consider adding “Learn about ClearFlow's water heater repair service” from /blog/no-hot-water-what-to-check to /water-heater-repair where it helps the reader. The About page can also link to Contact.
What needs checking or approving before this page plan goes live?
Confirm detailed service copy and business proof with the owner. Recheck the October 20 noindex finding for /water-heater-repair, keep existing URLs until any change is justified, and obtain approval before changing live copy or navigation.
One route I'd improve on my studio website
Check whether Cedarline's draft homepage links clearly to /services, whether /services helps visitors reach /work or /contact, and whether /work explains Sam's actual work.

A clear structure makes the design easier

Sam hasn't redesigned ClearFlow's website yet. But Sam now knows where the main services belong, how supporting pages can help and which links should make the next step easier.

That's a stronger starting point than creating pages around every search phrase.

Back to course overview
Marking a lesson complete is optional.

Next: Plan useful content and build trust

Sam will take the page plan and work out what a homeowner needs to know on each service page, which details the owner should provide and what the website can say with confidence.

My website structure workbook

Saved in this browser. Export a copy to keep your notes.
What should the homepage and main service pages each help visitors do?
Not recorded
Which links would make the main services and contact options easy to find?
Not recorded
Is there a useful article or supporting page that should link to a service?
Not recorded
What needs checking or approving before this page plan goes live?
Not recorded
One route I'd improve on my studio website
Not recorded

Not saved yet. Save or export your notes before leaving.

Edit my notes

Keep a copy of your notes

The export includes your current entries, including unsaved changes.
Download Markdown

Turn services into a useful website structure | Blue Kite SEO