How to Plan a Business Website: A Practical Guide

This guide supports our website design services.

Plan before you build: a website blueprint rising from a drafting table with a red pencil

A business website should help visitors understand what you offer, assess whether it fits their needs and take a useful next step. Its value depends on whether it helps the intended audience understand a relevant problem, assess the information presented, find an appropriate next step, and use the site across devices and access needs. The right scope varies with the organization, service, audience, operational model, available evidence, legal requirements, and capacity to maintain what is published.

TL;DR: What a website planning review covers

Start with the audience’s decision context, then document the information they need, the service boundary, content ownership, accessibility considerations, mobile-content equivalence, page-experience evidence, conversion-path ownership, and a controlled change process. Google Search Essentials supports people-first content, descriptive language, and crawlable links while making clear that these practices do not assure crawling, indexing, or serving. Google’s mobile-first documentation emphasizes equivalent primary content and metadata for mobile and desktop. W3C describes accessibility as a design-and-development responsibility that needs human evaluation, while Web Vitals guidance distinguishes field experience evidence from lab tests.

Use this guide to prepare a website brief: identify the audience, agree the work, assign responsibilities and decide how changes will be tested and maintained.

What a business website should help a visitor do

A website can help a visitor identify the organization, understand a service or product category, assess relevant information, compare a stated approach with their needs, and decide whether a conversation is appropriate. It should be designed around the real questions an audience brings to the site rather than a generic checklist or an assumption that every visitor is ready for the same action.

The first planning question is therefore practical: what must a visitor be able to understand, find, or complete without guessing? A professional-services organization may need clear service descriptions, relevant expertise, constraints, and an owned proposal path. A business with complex offerings may need well maintained resource pages, decision context, and a documented support boundary. A commerce site also needs a plan for checkout, orders, customer data and fulfilment.

A hypothetical office-planning visitor checks service scope, a labelled sample office floorplan and the route for sending a brief to the project lead.
1) Show visitors the service scope, supporting evidence and contact route.
Read the diagram description

This hypothetical office-layout planning example starts with a visitor at a three-way split. A ruler and bounded glass page represent service scope, a magnifier and source document represent evidence, and an envelope entering an inbox represents the contact path. The visitor asks whether the service covers their office; the page requirement is an office plan with construction excluded. To assess the approach, the visitor needs a labelled sample floorplan. To start a relevant conversation, the brief is sent to the project lead. The three questions become concrete content and routing requirements. No actual service, completed customer work or commercial outcome is asserted.

Self-check: What is the first useful website-planning question?

What must the intended visitor understand, find or complete without guessing?

A practical business-website planning framework

Review areaQuestion to documentEvidence or safeguard
Audience and purposeWho is the page for, what question are they trying to answer, and what is outside its scope?Use an owned audience statement, information need, decision context, and exclusions.
Information qualityIs the service, offer, limitation, source, and responsible organization described accurately?Use current facts, named ownership, source governance, and a review date where appropriate.
Content structureCan a reader scan the title, headings, descriptive links, media context, and next step?Use people-first wording, meaningful headings, clear routes, and no exaggerated claims.
Mobile equivalenceDoes the mobile rendering contain the same primary information, titles, descriptions, and relevant media context?Review equivalent mobile/desktop content before altering layout or device behaviour.
AccessibilityCan people perceive, understand, navigate, and interact with the information across relevant access needs?Include accessibility from the start and use knowledgeable human evaluation; tools alone are not conformance proof.
Experience evidenceWhat field and lab evidence exists for loading, interactivity, and visual stability?Label the source, device context, period, method, limitation, and owner; do not treat one test as the whole experience.
Change controlHow will a proposed change be approved, validated, recorded, and reversed?Define owner, dependency, scope, validation method, operational impact, and rollback before implementation.
Want a website that brings in leads?

We design and build fast, accessible websites for Canadian businesses, with SEO built in from day one.

A planning matrix pairs audience, information, mobile access, accessibility and experience requirements with evidence, a review method and an accountable role.
2) Record the evidence, review method and owner for each website requirement.
Read the diagram description

The hypothetical planning matrix has five requirements. For audience, an office-manager brief is evidence, confirming needs is the review method, and the project lead owns it. For information, the service-scope record is checked for limits by the content owner. For mobile access, the content inventory supports a layout comparison owned by the design lead. For accessibility, an enquiry task receives a human task test by an access reviewer. For experience, a field-and-lab record receives a context check by the web lead. The mobile version groups each requirement and its evidence over its method and owner. The example assigns responsibility rather than claiming that any review has passed.

Self-check: Why pair every requirement with an owner and method?

So the team knows how it will be evaluated and maintained.

Begin with a real audience question

Website planning should start with what an intended visitor needs to know. That could be the scope of a service, the difference between two approaches, the evidence behind an offer, the relevant qualifications, the next conversation to request, or the boundaries that make a service unsuitable. The result should be a small set of pages that answer those questions accurately rather than a volume of pages created mainly to capture search visits.

Google Search Essentials recommends helpful, reliable, people-first content; descriptive language in titles, headings, image text, and links; and crawlable links. It also makes clear that meeting requirements and best practices does not assure that a page will be crawled, indexed, or served. A website review should therefore focus on usefulness and clarity without translating those practices into a ranking or business assurance.

Three office-planning questions lead to a service overview, an approach comparison and a project enquiry page with meaningful link labels.
3) Link each visitor question to a page that answers it.
Read the diagram description

Three distinct questions in a hypothetical office-planning catalogue map to three useful pages. Definition asks “What is a layout plan?” and leads to a service overview through “Read the scope.” Comparison asks “Plan only or fit-out?” and leads to an approach comparison through “Compare responsibilities.” Contact asks “Can we discuss my office?” and leads to a project-enquiry page through “Send a project brief.” Directional arrows show the relationship between question and relevant page. The point is to serve distinct information needs with meaningful routes, without implying that page volume or keywords guarantee search visibility.

Self-check: Why not create a page for every possible keyword variation?

Pages should serve distinct useful questions rather than add unsupported volume.

Make information, ownership, and limits clear

A visitor cannot make an informed decision if a page hides the responsible organization, blurs the service boundary, relies on vague superlatives, or presents a possibility as an assured outcome. Each significant page should have a clear purpose, current supporting information, a named owner for factual review, and an understandable next step. Claims about performance, timelines, market position, commercial results, safety, legal effect, or accessibility require appropriate evidence and review.

Good content is maintained content. A useful maintenance record identifies the page purpose, source material, owner, review reason, date, affected audience, dependency, and approval path. This makes it easier to correct an outdated assertion without hiding the fact that a substantive change occurred.

A fictional office-layout service separates included plans, excluded construction and permits, required inputs, and the next scope discussion.
4) State what the service includes, excludes and needs before work starts.
Read the diagram description

The hypothetical office-layout service has four explicit boundaries. Included work is office-layout options and a furniture-position plan. Exclusions are construction work and permit applications. Dependencies are a current floorplan and staff and access needs. The next discussion reviews requirements and agrees a written scope. A red-accented exclusion area distinguishes what the example service does not include. These boundaries help a visitor assess fit before enquiring; they are fictional service details, not Canada Create offers or legal advice.

Self-check: What can a visitor decide when limits are clear?

Whether the service fits their needs before making an enquiry.

A glass page is chained to its source record and owner. A changed service scope triggers review of the statement that layout options are included.
5) Record each claim’s source, owner and reason to recheck it.
Read the diagram description

A transparent page carrying a floorplan is connected by a chrome chain to a source folder held by an owner token. A red return arrow represents a review trigger. In the hypothetical record, the statement is “Layout options included,” the source is the current service scope, the owner is the service lead, and the review trigger is a change in that scope. The relationship means the page statement should be checked when its supporting source changes. The illustration asserts no review date, approval, customer record or completed update.

Self-check: Why is publication not the end of content work?

Service information and its evidence can change after the page is released.

Treat mobile content as primary content

Google uses a site’s mobile content for indexing and ranking. Its mobile-first guidance recommends responsive design as a maintainable pattern and calls for equivalent primary content, clear headings, titles, metadata, structured data, and relevant image text across mobile and desktop. The point is not to copy a desktop layout onto a smaller screen. The point is to make the same primary information available in a form that works for the visitor and can be rendered consistently.

A mobile review should document the page’s important information, headings, controls, media context, and route visibility. If a layout uses accordions, tabs, or other compact patterns, the primary information still needs to be available. Include these checks in the design brief and the pre-launch test plan.

The same office-layout service facts, sample-plan context and next action move from desktop columns into a mobile sequence.
6) Keep the same key information when the layout changes for phones.
Read the diagram description

The hypothetical desktop page presents the heading “Office layout planning,” a scope of plan only with no construction, a floorplan marked “Sample layout,” and a next action to discuss scope. A connecting arrow leads to the mobile layout, where the same important facts, heading meaning, image context and next action are arranged vertically. The mobile image reflows the desktop comparison into two stacked teaching examples. Equivalent primary information is preserved while the page layout changes; the schematic is not a screenshot or verification of an actual responsive website.

Self-check: Must equivalent mobile content use the identical layout?

No. It needs the same important information in a usable form.

A labelled “What is included?” accordion expands to reveal office layout options, a furniture-position plan and the construction exclusion, with keyboard operation indicated.
7) Make full details available through a labelled, keyboard-operable control.
Read the diagram description

The hypothetical accordion has the same descriptive control, “What is included?”, in collapsed and expanded states. The expanded panel shows office-layout options, a furniture-position plan and construction excluded. Keyboard-operation labels show Tab, Enter and Space; the desktop note explains reaching the control and expanding or collapsing it. The primary detail is already available in the page, rather than being fetched only after interaction. These are conceptual design requirements; a deployed control still needs appropriate semantics, focus behaviour and testing.

Self-check: What must be verified when content is compacted on mobile?

That the primary information remains available and the control is usable.

Include accessibility from the beginning

W3C describes web accessibility as enabling people with disabilities to perceive, understand, navigate, and interact with the web. It notes that accessibility also benefits people using small screens, different input modes, slow connections, and other situational constraints. Incorporating accessibility at the beginning of a project is more effective than trying to retrofit every problem later.

Accessibility evaluation needs human judgement. Tools can identify some issues, but W3C says no tool alone can determine whether a site meets accessibility guidelines. A planning document should specify which user tasks, content types, devices, assistive technologies, and human review methods matter for the project. It should not claim a site is compliant, fully accessible, or legally sufficient without the appropriate evaluation and authority.

A fictional project-enquiry page shows a descriptive heading, a service-scope link and a labelled reply-email field, followed through visual, keyboard and screen-reader routes.
8) Follow the enquiry task visually, by keyboard and with a screen reader.
Read the diagram description

A hypothetical project-enquiry task is represented by one page and three ways to follow it. The page has a heading about discussing an office layout, a descriptive “Read the service scope” link, a “Reply email” field label and a “Send project brief” control. Visual scanning follows headings, scope and form. The keyboard path uses Tab to reach the link, field and send control. The screen-reader route uses structure, link meaning and labels. The diagram encourages evaluating the same relevant task across access needs, without presenting an accessibility certification.

Self-check: What should an accessibility review focus on?

Whether people can perceive, understand and complete the relevant tasks.

An automated scan flags a missing form label while a human hand uses the Tab key to review link meaning, focus order and completing the enquiry.
9) Pair automated findings with human checks of the enquiry task.
Read the diagram description

A blue scanning lens and a keyboard-operated red route examine the same conceptual website panel. The automated-findings branch uses a hypothetical missing form label as a detectable issue. The human-review branch asks whether a link describes its target, whether focus follows a useful task sequence, and whether a visitor can finish the enquiry. Neither branch is labelled a universal certificate. This example treats automated findings and knowledgeable human evaluation as complementary, not as proof that a real site conforms to accessibility requirements.

Self-check: Can an automated pass alone establish accessibility conformance?

No. Human evaluation is required for issues tools cannot fully judge.

Use experience measures as evidence, not a promise

Web Vitals describe quality signals for loading, interactivity, and visual stability. The Core Web Vitals article explains that these are fundamentally field measures of real user experience, while lab tools are useful for development and diagnosis but are not a substitute for field evidence. A single simulated test does not describe every device, network, visitor, or interaction.

When experience evidence is available, record the measure, source, device segment, time period, environment, known limitation, and responsible owner. Use the record to prioritize a review, not to promise a score, a search result, a conversion effect, or a commercial outcome. Any change that affects templates, media, code, plugins, cache, hosting, tracking, or third-party services needs a separate controlled scope.

Multiple user devices represent field observations with device and period context; one phone in a controlled enclosure represents a lab diagnostic simulation.
10) Separate real-user observations from lab tests and record their context.
Read the diagram description

Two separate measurement lanes have different contexts. A collection of user devices represents field observations from actual visits; the accompanying record identifies the device group and period. A single device in a controlled testing enclosure represents a lab simulation with controlled device and network conditions. The source, method, known limitation and owner also belong in the evidence record. No measurements, scores, periods, sample sizes or performance results are fabricated. The illustration distinguishes evidence types rather than replacing field evidence with a simulated test.

Self-check: What does a lab test provide that differs from field data?

A controlled diagnostic view rather than the full distribution of actual user experiences.

Three enquiry-page schematics ask whether content appears, a control responds and the send button remains in position.
11) Check content loading, control response and layout stability separately.
Read the diagram description

Three hypothetical enquiry-page frames separate experience questions. The loading frame shows service-scope content appearing and asks whether content appears. The interaction-response frame connects “Discuss scope” to a “Form opened” state and asks whether the control responds. The visual-stability frame uses dashed horizontal guides around the “Send brief” button to ask whether its position stays put. These different observations describe different facets of page experience. No timing threshold, numerical score, test result or commercial outcome is asserted.

Self-check: Can one speed observation describe the entire page experience?

No. Loading, responsiveness and stability describe distinct aspects.

Keep the next step relevant and owned

A next step should match the information a visitor has just received. A service page may lead to a proposal conversation; an educational guide may lead to further relevant reading; a support page may lead to an owned assistance route. The organization should be able to explain what is requested, who receives it, how it is handled, and which operational process applies after the request.

For a scoped conversation about website work, the web design service, SEO service, and proposal route are direct information routes. After discovery, a written proposal defines the custom-scoped engagement, fees and schedule.

An educational guide leads to a relevant comparison, while a service enquiry goes to a project lead who reviews the brief and discusses fit.
12) Link guides to further reading and service enquiries to the right person.
Read the diagram description

The hypothetical educational route begins with a guide about choosing a layout approach and leads to related reading that compares plan and fit-out scopes. The hypothetical service-enquiry route begins with a request to discuss office requirements and leads to a responsible recipient, the project lead. Its handling expectation is to review the brief and then discuss fit. The diagram distinguishes further learning from an owned enquiry workflow and asks the organization to plan who receives and handles the request. It promises no response time or delivery commitment.

Self-check: What should the organization know about an enquiry route?

Who receives it and how the request will be handled.

How a website plan connects to your marketing plan

A website plan answers what each page must help a visitor do. Your marketing strategy answers who you want to reach, with what message, through which channels and over what period. The two should be written side by side, because almost every campaign ends on a page of the website.

Before page layouts are approved, check the site against your marketing priorities with a few questions:

  • Audiences: does each audience you intend to reach have a page that speaks to its situation, rather than one general services page for everyone?
  • Channels: if you plan search ads, email or social campaigns, is there a landing page for each offer, with a message that matches the ad or email that sent people there?
  • Seasons and launches: are planned promotions, new services or busy periods reflected in the content calendar, so pages are ready before a campaign starts?
  • Measurement: are the enquiries, calls or bookings you count as success tracked on the site in the same way?
  • Ownership: who updates pages when campaign priorities change during the year?

If you have not written a marketing plan yet, a simple one is enough to start; our planning template for Ontario businesses walks through the sections. Planning the website without that direction tends to produce pages that look complete but have no campaign sending visitors to them.

Keep website guidance separate from operations

A business website may connect to consequential systems, but editorial guidance is not authorization to modify them. Changes involving customer records, financial flows, regulated disclosures, consent, inventory, fulfilment, service availability, authentication, data collection, or third-party integrations need a separately approved operational plan. That plan should define authority, data handling, dependency, validation, monitoring, stopping conditions, and rollback.

The same distinction applies to measurement and optimization. Observing a page, documenting a question, or publishing an evidence-led guide is different from changing a live system. Keep the implementation record separate from the educational page so that readers are not led to assume that advice has already been applied to their environment.

A useful business website makes its audience, information, responsibility, access needs, mobile content, experience evidence, and next step understandable. Before publication, an accountable owner should confirm facts, intended audience, dependencies, review timing, implementation exclusions, and a method for correcting an outdated statement. Record the relevant written approval before any implementation is authorized. Build for a defined visitor question, publish maintained and accurately sourced information, include accessibility from the start, review mobile equivalence, interpret experience measures with their limitations, and keep consequential operations under separate approved control. For a scoped discussion, request a proposal.

A fictional wording change follows content review and recovery steps; a checkout-integration change requires separate authorization, dependency checks, validation and rollback.
13) Plan extra checks and recovery for checkout changes.
Read the diagram description

Two hypothetical proposed changes have different scope and review paths. The content-scope case clarifies the wording “Office layout planning.” It receives factual review and approval, validation of wording and links, and a rollback path that restores prior text. The operational-scope case changes a checkout integration and requires a separately authorized plan. Its dependencies include payment and order records, and its validation and rollback work includes testing, monitoring and defined recovery. The diagram illustrates the extra dependency and recovery work consequential operations can require; it does not authorize or depict a completed system change.

Self-check: Why assess a change's operational effect before implementation?

Its impact determines the authority, validation and recovery work needed.

Sources and disclosure

These sources support high-level website planning and evaluation principles only. They do not support a promise of search performance, accessibility conformance, score, traffic, commercial result, delivery time, or completed implementation.

  1. Google Search Essentials.
  2. Google: Mobile site and mobile-first indexing best practices.
  3. W3C WAI: Introduction to Web Accessibility.
  4. web.dev: Web Vitals.

Frequently asked questions

What should a business website planning review start with?

Start with the audience, information need, service or product boundary, page purpose, accountable owner, relevant next step, and the evidence needed before selecting a design or technical solution.

Does a mobile-friendly page ensure a search outcome?

No. Google recommends mobile-friendly, equivalent primary content, but its own guidance states that following best practices does not assure crawling, indexing, or serving. Treat mobile quality as an experience and rendering responsibility.

Can a tool confirm that a website is fully accessible?

No. Tools can help identify issues, but W3C states that knowledgeable human evaluation is required to determine whether accessibility guidelines are met.

What should a website implementation plan include?

Name the owner, agree the scope and dependencies, define how changes will be tested, and document approval and recovery steps before work starts.

Should marketing goals be set before the website is planned?

Ideally, yes, or at least at the same time. Knowing which audiences, offers and channels you will use tells you which pages and landing pages the site needs, and what to track as an enquiry or booking. If those goals are not set yet, plan the core pages first and leave room in the structure for campaign pages later.