Short answer
- Web design decides how a site looks and works. SEO decides whether people find it. They share the same building blocks, so planning them together is cheaper than fixing later.
- The biggest overlaps: site structure, page content, speed, mobile usability and technical setup.
- Redesigns are where SEO gets lost most often. Changing URLs without redirects can wipe out rankings you already had.
Where design and SEO overlap
| Decision | Design view | SEO view |
|---|---|---|
| Which pages exist | Navigation and user journeys | One page per service and search intent |
| Headings and text | Visual hierarchy, scannable copy | Clear topics, keywords used naturally, answers to questions |
| Images and video | Look and feel | File size, alt text, speed |
| Layout on phones | Mobile experience | Mobile usability and Core Web Vitals |
| Code and platform | What's easy to build | Crawlable pages, clean URLs, structured data, sitemap |
When design is done without SEO, the usual result is a beautiful site with one "Services" page, slow image sliders and text baked into images, which search engines can't read.
Web design vs web development vs SEO
- Web design: the layout, visual style and user experience.
- Web development: building it: code, platform, forms, speed, hosting.
- SEO: making sure the right pages exist, say the right things and are technically easy for Google to understand, then earning visibility over time.
- Digital marketing: everything that brings people to the site and back again: SEO, ads, email, social.
For a small business these are often handled by one person or a small team. What matters is that someone owns all of them, not that they're separate departments.
Planning a site that can rank
- Start with services and questions, not pages. List every service and the main questions customers ask; each important one may need its own page.
- Map one search intent to one page. Avoid several pages competing for the same thing.
- Write real content before the design is final. Designs built around placeholder text often can't fit the content that actually ranks.
- Build for speed: compressed images, few scripts, no heavy sliders. See Website speed for small businesses.
- Set up the technical basics at launch: titles, descriptions, headings, structured data, sitemap, Google Search Console.
How I build: every Website design project includes the on-page and technical basics from day one. Ongoing growth, like new pages, links and monitoring, is part of SEO services.
Redesigns: the risky moment
A redesign can quietly undo years of rankings. The usual causes:
| Mistake | What happens | Prevention |
|---|---|---|
| Changing page addresses without redirects | Old links and rankings lead to errors | 301-redirect every old URL to its new equivalent |
| Deleting pages that ranked | Traffic to those topics disappears | Check Search Console for pages with impressions before removing anything |
| Cutting text for a "cleaner" design | Pages lose the content that matched searches | Keep or improve the useful content |
| Launching with "noindex" left on | Google drops the site | Check indexing settings on launch day |
The full process is in SEO migration.
Questions to ask a web designer
- Will each main service have its own page?
- Who writes the content, and is it written for search as well as people?
- How fast will the site load on a phone, and how will you test it?
- Do you set up titles, structured data, the sitemap and Search Console?
- If this is a redesign, how will you handle redirects from old pages?
- Will I own the domain, the site and all accounts?