Most websites are designed for aesthetics, then patched for SEO after launch. We design and build sites with SEO architecture from the foundation: technical performance, semantic structure, content scaffolding, and conversion optimization integrated from day one. Here's what that actually means and why it costs less in the long run than retrofitting later.
Most web design agencies treat SEO as a post-build add-on. The design team builds what looks beautiful in the design comp; the SEO team is brought in after launch to optimize what got built. The outcome is predictable:
- Site architectures that don't map to keyword research - Page structures that don't support featured snippets - Image-heavy designs that fail Core Web Vitals - JavaScript-heavy frameworks that don't render properly for search engines - URL structures that don't reflect topical hierarchy - Internal linking that follows visual layout, not topic relationships
Retrofitting SEO into a design-first build is expensive and usually leaves performance on the table that a from-the-foundation SEO design would have captured. The right time to make SEO decisions is during architecture and design — not after launch.
**1. Keyword and topic research before architecture.** Site architecture should map to the keyword universe you want to rank for. Pages and navigation reflect topical clusters; URL structure reflects topical hierarchy. Designing the site without this research is designing in the dark.
**2. Content scaffolding for each template.** Every page template (home, service, location, blog, product, etc.) gets defined SEO content blocks — H1 placement, intro content, supporting sections, FAQ blocks, related-content modules. Designers work to the SEO scaffolding, not against it.
**3. Performance budget from the start.** Core Web Vitals targets are baked into design decisions. Image weight budgets, JavaScript budgets, third-party-script budgets. Designers and developers work within performance budgets rather than discovering performance problems at QA.
**4. Semantic HTML and accessibility.** Real H1-H6 hierarchy. Semantic landmarks. Schema markup planned during design. ARIA where needed. Accessibility (WCAG 2.1 AA minimum) is a design input, not a remediation phase.
**5. Internal linking architecture.** Navigation, related-content, footer, and contextual in-content linking are designed deliberately to support topical authority and crawl efficiency. Internal linking isn't an afterthought.
**6. URL structure and information architecture aligned to SEO.** Categorical URLs reflect site topic structure. URL structure changes are extremely costly post-launch; getting them right at the start is worth meaningful effort.
**7. Conversion design integrated with SEO content.** SEO drives traffic; conversion design captures it. Lead-capture forms, calls-to-action, trust signals, and conversion tracking are designed alongside SEO content, not bolted on later.
**8. Migration plan if replacing an existing site.** Existing rankings are an asset to be preserved through migration, not lost to a redesign. URL mapping, 301 redirects, content parity, and post-launch monitoring are part of the build scope.
**Small business marketing site (10-25 pages):** CAD $15,000-45,000. - Includes: keyword research, content scaffolding, custom design, development, basic SEO content writing, 1-3 months post-launch SEO support. - Excludes: ongoing SEO retainer (separate engagement).
**Mid-market site (25-100 pages, light commerce):** CAD $40,000-120,000. - Includes: full keyword + topic research, custom design, custom development, all content writing, schema implementation, performance optimization, 3-6 months post-launch SEO support. - May include: e-commerce platform setup, multilingual EN/FR, basic CRM/email integration.
**E-commerce site (Shopify/Magento, 100+ products):** CAD $75,000-250,000+. - Includes: catalog architecture, product/category SEO templates, schema for all product types, advanced internal linking, faceted-navigation SEO, performance optimization across product images, full design and development.
**Enterprise / multi-region site (1000+ pages, multiple languages):** CAD $200,000-1,000,000+. - Custom architecture, multi-language SEO (hreflang at scale), enterprise CMS integration, complex content workflows, multi-team enablement, extensive QA and migration support.
**Compared to design-first builds:** SEO-first builds are 15-30% more expensive in initial cost (the planning depth and content production are real). They're 30-60% cheaper in total cost-of-ownership over 3 years because they don't require expensive SEO retrofitting and they perform better organically from launch.
**WordPress:** Mature, flexible, excellent SEO plugin ecosystem (Rank Math, Yoast, Slim SEO). Best for: marketing sites, blogs, content-heavy sites, small businesses. Performance requires care — out-of-the-box WordPress is heavy.
**Webflow:** Designer-friendly, modern performance, good SEO controls. Best for: design-driven marketing sites, brands prioritizing visual quality. Limitations on truly large sites or complex commerce.
**Shopify:** Strong e-commerce SEO foundations, app ecosystem, scales well. Best for: e-commerce of all sizes from small to enterprise. Limitations on extreme customization.
**Custom Next.js / Astro / similar React-based:** Modern performance, full design control, requires developer team. Best for: sophisticated marketing sites, headless commerce, sites with serious performance and SEO ambitions. Higher build cost, lower long-term cost-of-ownership.
**Wix:** Improved significantly since 2020, reasonable for small business marketing sites. SEO controls are competitive with WordPress for basic needs. Limitations on large sites or sophisticated SEO.
**Squarespace:** Best for: solo professionals, small portfolios, simple marketing sites. SEO controls are improved but limited compared to WordPress / Webflow / custom.
**Drupal:** Strong for complex enterprise sites, multilingual, government / regulated industries. Higher development cost, smaller ecosystem than WordPress.
**HubSpot CMS:** Strong for businesses already using HubSpot CRM/marketing, integrated workflow. Higher cost, vendor lock-in considerations.
**Platform choice should follow strategy choice**, not the other way around. The right platform depends on your business model, content publishing cadence, technical resources, and SEO ambition.
**1. Designing the homepage first.** Homepages are the lowest-conversion pages on most sites. Service / product / location pages drive the bulk of conversions and SEO value. Design them first; the homepage is easier to design once the supporting pages exist.
**2. Designing for desktop first when traffic is mobile.** 60-90% of B2C and 40-70% of B2B traffic is mobile in 2026. Designing for desktop first leads to mobile experiences that are afterthoughts. Mobile-first design produces better outcomes in both directions.
**3. JavaScript-heavy designs without server-side rendering.** Single-page applications without SSR (server-side rendering) often render poorly for search engines. If you're using React / Vue / similar, ensure SSR or static generation (Next.js, Nuxt, Astro) so search engines can crawl and index reliably.
**4. Hero images that destroy Core Web Vitals.** Massive uncompressed hero images on every page tank LCP (Largest Contentful Paint). Use responsive image formats (AVIF, WebP), proper compression, and `loading="eager"` on the hero image only.
**5. URL structures that don't reflect topical hierarchy.** Random URLs (`/page-12345/`) or URLs that bury important content too deep make SEO harder. Aim for clean, hierarchical, descriptive URLs.
**6. No content scaffolding in the design.** Designs that don't reserve space for substantive SEO content (FAQ blocks, in-depth content sections, related-content modules) force the SEO team to retrofit content into a design that wasn't built for it.
**7. Migrating without preserving rankings.** Site relaunches that don't carefully map old URLs to new URLs through 301 redirects routinely lose 30-70% of organic traffic. The redirect plan is a critical migration deliverable; skipping it can wipe out years of SEO investment in a weekend.
**8. Skipping schema markup.** Schema (Organization, Product, FAQ, HowTo, Article, Local Business, etc.) is what enables rich-result placements in modern SERPs. Sites without schema look identical to competitors with schema in the SERP, and lose share of voice.
One company for design + SEO if your priority is SEO outcomes from launch. Two companies if design quality is your absolute top priority and you have an in-house SEO lead to coordinate. Splitting the work usually leads to friction at the seam between design and SEO that costs both quality and time.
Yes — with a careful migration plan. Map every existing URL to its new equivalent (or a 301-redirect target if no equivalent exists). Preserve content quality and depth. Maintain or improve internal linking. Monitor rankings closely for 90 days post-launch. Done well, redesigns can preserve 90%+ of rankings; done poorly, they can wipe out 50%+.
Small business marketing site: 8-16 weeks. Mid-market site: 12-24 weeks. E-commerce site: 16-30 weeks. Enterprise: 24-52+ weeks. The SEO planning phase adds 2-4 weeks compared to a design-only build but saves much more time downstream by not requiring SEO retrofitting.
We build websites for businesses across Canada and (selectively) internationally. Our SEO methodology applies to any English-language market; bilingual EN/FR is a specialty where we serve all of Canada. For purely local SEO emphasis, our deepest expertise is in Ottawa-region service and trades businesses.
Yes — SEO is ongoing. The website launch creates a strong foundation, but ongoing content publishing, link earning, technical maintenance, and competitive response are required to sustain and grow rankings. We typically transition clients from build engagement to ongoing SEO retainer at launch.
Our minimum website-design engagement is approximately CAD $15,000. Smaller scopes (logo redesign only, single landing page, etc.) are better served by smaller specialist providers. For SEO-only work without website redesign, our minimum monthly retainer is CAD $1,500.