All 15 lessons
Part 1 · Lesson 1 of 15

Why SEO matters to web designers

Learn why a website's words, structure and working links matter as much as its appearance, and how to choose a useful next step.

About 12–15 minutes4 exercisesPractical workbook
Understand where SEO and AI-powered discovery fit into website design, why responsibilities overlap and how to review your studio's website without trying to solve everything at once.

The website looks finished. Is the job finished?

Sam Rivera runs Cedarline Web Studio. Sam designs websites for small service businesses and enjoys making complicated information look simple.

One day, a business owner looks at a new website design and asks:

“It looks great. How will customers find it?”

It's a fair question. A website can be beautiful and still leave visitors unsure what the business does. Important pages might be hard to reach. Someone might find the right page but struggle to get in touch.

As a designer, you already influence many of these things. Learning the basics of SEO helps you make more useful decisions and explain what happens after launch.

What does SEO actually mean?

SEO means search engine optimization. It helps search engines discover and understand website pages, and helps people find information that's relevant to what they need.

Imagine someone who runs a small cleaning business and wants to hire a web designer. They arrive at a studio website that says only, “We create digital experiences.”

The studio might be excellent at design. But the visitor still has to work out whether it builds websites for businesses like theirs.

Good SEO starts with a more useful question: “Does this page clearly answer what this visitor came to find?”

That question affects the words on the page, its layout, the links to other pages and the next step you offer the visitor.

What about AI-powered search?

People also ask Google AI features and other AI assistants questions such as, “Who can help redesign a small business website?”

Those systems work differently, but a useful starting point remains the same: make the business and its services clear, keep the website accessible and help people reach the relevant information. A designer cannot promise that a particular AI answer will mention or recommend a website.

We'll explore AI visibility more deeply later in the course. For now, the important connection is simple: a clear website helps people understand the business, wherever they discover it.

Before changing words, understand the pages

Sam turns to Cedarline's own website. The homepage is attractive, but it opens with a broad statement: “Websites that stand out.”

Sam could immediately replace it with a list of every service. But that would make a different problem: the homepage would try to do too much.

So Sam looks at what each existing page is for:

PageThe question it should help answer
Homepage“Is Cedarline the kind of studio I'm looking for?”
Services“Can Cedarline help with my specific website project?”
Work“What kinds of website projects can I look at?”
Contact“How do I ask about my project?”

These pages can talk about related things. The important part is that they each have a useful job and make it easy to move to the next page.

Worked example: a clearer Cedarline homepage

Sam starts with the homepage, not the whole website.

The message sounds appealing, but a new visitor has to guess which services Cedarline offers and who they're for.

Sam drafts a clearer first screen:

Below the introduction, Sam adds a short route into the services page:

cedarline.example/
CEDARLINEWeb Studio
H1

Websites that stand out.

Thoughtful digital experiences for growing businesses.

Let's talk

This version gives the homepage one clear job: introduce Cedarline and guide visitors toward the information they need.

Notice that Sam doesn't explain every detail of website redesign on the homepage. That's what the services page is for. The two pages can mention the same service because they're answering different questions.

Design and SEO work together

The improved message matters, but so does how people experience it. On a small phone screen, the main heading should still be easy to read, the service link should be easy to find and the inquiry button should be comfortable to use.

The designer helps with the presentation. Business information comes from the owner. Search-related and technical issues may require further checks or help from a specialist.

You don't need to do every task personally. You do need to spot what could stop a visitor from understanding the offer or getting in touch, then agree on the next step.

A client asks about a redesign

Now Sam hears from ClearFlow Plumbing, a residential plumbing business serving homeowners in Austin. The owner wants to discuss a website redesign so customers can understand its water heater repair and drain cleaning services more easily.

Sam has an earlier snapshot of ClearFlow's website. It shows that a contact link is difficult to tap on a narrow screen, and there is an issue worth checking with the water heater repair page's search visibility.

Sam doesn't need to solve everything at the first meeting. The sensible beginning is to look at the existing website, record important pages and concerns, ask what the business wants to achieve and agree what can be reviewed or changed.

That gives the design work a purpose and protects the things the existing site may already do well.

The useful habit to take away

When you look at a website, ask three simple questions:

  1. Who is this page for?
  2. What does that person need to understand or do?
  3. Which page or action should come next?

You'll use the same questions again in Lesson 2, when Sam decides how Cedarline can attract more of the website projects it actually wants.

Choose the next useful action

You don't have to label a problem as only “design” or only “SEO.” Several parts of a website can affect the same visitor. Choose the most useful next step in each situation. You can change your answer to compare the explanations.

Situation 1 of 4

A homepage that looks good but says too little

Cedarline's homepage says “Websites that stand out.” Sam wants owners of service businesses to understand the studio's offer quickly.

What should Sam do first?

Your studio, your starting point

Let's turn the lesson into a short plan for your own website. Write the type of client you want, the message they should understand and one thing you can check next. You can return to these answers later.

Optional · Your own studio
You can leave any field blank and return to it later.

Think of the type of business and project you'd like to take on.

Say what you do and whom you help, in ordinary language.

Choose your message, services links or contact journey.

Think about your inquiries, search visits or whether the form works.

I'll do this later

Loading saved notes…

See Sam's completed example
Who is a good-fit client for your studio?
Owners of small service businesses in the US who need a new website or want to redesign an existing one.
What should visitors understand from your homepage?
“Cedarline designs websites for small service businesses.” The homepage briefly explains design and redesign, with a link to the services page for details.
What's one thing you'll review first?
Compare the homepage's main message with the services page and check that the inquiry route leads to /contact.
What would you like to check or learn next?
Check whether the project form delivers messages correctly and look at the available search and inquiry records before judging results.

A website works best when its pages have a purpose

Today you've seen how web design and SEO connect. Cedarline's homepage doesn't need every service detail. It needs to introduce the studio clearly and help people reach the right next page.

Back to course overview
Marking a lesson complete is optional.

Next: Attract the website projects you want

Next, Sam will look at the kinds of website projects prospective clients are asking for, then improve the page that explains the right service.

My studio workbook

Saved in this browser. Export a copy to keep your notes.
Who is a good-fit client for your studio?
Not recorded
What should visitors understand from your homepage?
Not recorded
What's one thing you'll review first?
Not recorded
What would you like to check or learn next?
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

Why SEO matters to web designers | Blue Kite SEO