What actually happens during a professional web design project in Canada in 2026. The 12 distinct stages, realistic timelines, costs by phase, and deliverables to expect at each step.
Most clients hiring a web design agency for the first time have no clear mental model of what's about to happen. They imagine "the agency designs the site for a few weeks and then it's live." The reality is more complex — and understanding the actual process protects clients from scope creep, missed deliverables, and timeline disasters.
This is the actual 12-step process used by competent Canadian web design agencies for a typical mid-sized business website ($15K-$50K project, 10-16 week timeline).
Kickoff meeting (2-4 hours, in-person or video). Topics covered:
- Business background, target customers, competitive positioning - Goals for the new site (lead generation, e-commerce conversion, brand authority, etc.) - Specific KPIs (forms per month, calls per month, transactions, etc.) - Existing analytics and what's working/not working - Brand assets (logo, colors, fonts, photography) - Technical constraints (CMS preferences, integrations needed, hosting requirements) - Budget and timeline expectations - Key stakeholders and decision-making structure
Deliverable: project brief document summarizing all decisions and confirming scope.
Designer/strategist conducts:
- Competitor website audit (typically 5-10 competitors) - Industry pattern analysis - Keyword research (if SEO is in scope) - Customer interview synthesis (if customer interviews are part of project) - Existing site analytics deep-dive
Deliverable: research document with findings, opportunities identified, and recommended positioning.
Defines the site's overall structure:
- Top-level navigation (typically 4-7 items) - Sub-navigation and supporting pages - Content types (services, case studies, blog posts, team pages, etc.) - URL structure - User journey mapping (how different visitor types navigate)
Deliverable: sitemap document and (often) user flow diagrams.
This is where most projects either get the foundation right or set themselves up for problems. Skipping IA and going straight to design causes major rework downstream.
Low-fidelity layouts (no colors, no images, no fancy typography) showing:
- Page structure and content blocks - Hierarchy and emphasis - CTAs and conversion elements - Form placements - Mobile vs. desktop layouts
Deliverable: wireframes for all unique page templates (typically 5-10 templates depending on site).
Wireframe approval is critical. Changing layouts AFTER visual design is 5-10x more expensive than changing them at wireframe stage.
Full visual design treatments:
- Color system, typography, photography style, iconography - Designed mockups for all unique page templates (desktop and mobile) - Component library / design system (buttons, forms, cards, etc.) - Animation and interaction specifications
Deliverable: design files (typically Figma) with full responsive treatments.
Client feedback rounds: typically 2-3 rounds of revisions allotted in scope. Excessive revision rounds (5+) signal a process or alignment problem.
Either: - Client provides all final copy - Agency writes copy (additional cost, $1,500-$10,000+ depending on scope) - Hybrid approach (client provides drafts, agency edits/optimizes)
Content should be ready to go into the design before development starts. Designing with placeholder Lorem Ipsum and substituting real copy later causes layout breaks and rework.
Deliverable: final approved copy for every page, in a structured format (typically Google Docs or CMS).
Professional photography session, image sourcing, video creation, illustration commissioning. Done in parallel with design and writing.
For service businesses: real team photos, real workplace photos, real client/project photos. Stock photos work for some uses but read as inauthentic for "about" and "team" sections.
Deliverable: finalized image library in correct formats and dimensions for the site.
Front-end and back-end development:
- HTML/CSS/JavaScript implementation matching designs - CMS setup and theme/template development (WordPress, Webflow, custom React, etc.) - Third-party integrations (CRM, email marketing, analytics, payment processing) - Performance optimization (image compression, lazy loading, CDN setup) - Schema markup and SEO implementation - Accessibility (WCAG compliance) - Cross-browser and cross-device testing
Deliverable: complete, functional staging site for client review.
Comprehensive testing:
- Visual QA across browsers (Chrome, Safari, Firefox, Edge) - Mobile testing on real devices (iOS, Android) - Form submission testing (every form to every email destination) - Integration testing (CRM, analytics, marketing automation) - Performance testing (PageSpeed Insights, GTmetrix) - Accessibility testing (WAVE, axe DevTools) - Broken link checking - 404 and redirect mapping
Deliverable: QA report and bug fixes.
Critical for any redesign of an existing site:
- 301 redirect map from old URLs to new URLs - Schema markup validation - Sitemap generation and Search Console submission - robots.txt verification - Meta titles and descriptions for every page - Open Graph and Twitter Card tags - Google Analytics 4 / Tag Manager setup - Search Console verification
Deliverable: pre-launch checklist signed off, redirect map approved.
This step is where most agencies cut corners. The result: post-launch ranking drops because old URLs 404, schema breaks, or analytics goes dark for weeks. Demand explicit pre-launch checklist sign-off.
DNS cutover (typically scheduled for Tuesday-Thursday morning, never Friday):
- DNS update propagation (typically 1-24 hours) - SSL certificate verification - 301 redirects active and tested - Monitor analytics, search console, error logs for 48-72 hours - Check Core Web Vitals on live domain - Verify forms submitting correctly with real form fills - Verify all third-party integrations functioning
Deliverable: site live, monitoring confirmed working.
First 4-12 weeks post-launch:
- Monitor and address any post-launch issues - Track ranking changes and address regressions - Optimize based on real user behavior (heatmaps, session recordings) - Iterate on conversion rate based on data - Train client team on CMS usage - Document everything (style guide, content guidelines, technical documentation)
Deliverable: post-launch report, training materials, ongoing relationship terms.
**The honest reality:** the most-skipped step is post-launch optimization. Many agencies hand off and move on. The best agencies stay engaged for 60-120 days post-launch to optimize based on real data.
**Scope creep:** client adds "just one more thing" repeatedly. Prevent with explicit scope document, change order process, and adult conversations about cost when scope expands.
**Decision-by-committee paralysis:** every revision goes through 8 stakeholders. Prevent by identifying ONE primary decision-maker on the client side at kickoff.
**Content delays:** project waits weeks for client to provide copy. Prevent by including content support in scope or setting clear content deadlines with consequences.
**SEO migration failures:** redesign launches without proper redirects, rankings tank. Prevent by treating SEO migration as a non-negotiable step with explicit checklist sign-off.
**Post-launch radio silence:** site launches, agency disappears, client struggles to maintain it. Prevent by negotiating ongoing retainer or training program upfront.
**Total project cost: $15K-$50K typical for the process described above. Smaller projects ($5K-$15K) compress some steps; larger projects ($50K-$200K) expand others (more research, more pages, more custom development, more iteration).
Standard mid-market business websites: 10-16 weeks from kickoff to launch. Smaller projects: 6-10 weeks. Enterprise builds with custom development: 20-40 weeks. Add 4-8 weeks if content needs to be written from scratch.
Small business sites: $5K-$15K. Mid-market business sites: $15K-$50K. Enterprise builds with custom development and integrations: $50K-$200K+. Pricing varies by scope, design depth, and post-launch support.
Either works. If client provides copy, project moves faster but client owns content quality. If agency writes copy, expect $1,500-$10,000+ added to scope depending on page count and depth. Hybrid models (client drafts, agency edits) often work well.
Usually traceable to skipped SEO migration steps (missing 301 redirects, broken schema, lost meta titles). Reputable agencies include SEO migration as a non-negotiable pre-launch step. If rankings drop, audit the migration immediately and fix gaps.
WordPress for content-heavy sites where client editing is critical. Webflow for design-led projects with moderate content. Custom React/Next.js for performance-critical sites or unique functionality. Don't choose tech stack based on agency preference — choose based on what serves your business.
Expect 2-4 hours per week for client check-ins, decision-making, and feedback. Projects where the client is unavailable or slow to respond typically extend timelines significantly. Block calendar time for the project from kickoff.