Website design: building for three readers
Designing a website in 2026 means serving three readers at once: the person who decides, the search engine that indexes, and the AI that extracts a passage to answer for the site. Good news for a budget: all three want the same thing, an explicit structure and content that answers directly. Not three projects to fund, but one.
- Performance and accessibility thresholds are no longer bonuses, they govern visibility and advertising cost.
- A site built to be extractable also serves the human reader. There is no trade-off to fund.
- AI has lowered the cost of visual production, which devalues the pretty, generic site.
- How the pages are built governs the thresholds. This belongs in the analysis, not in reflex.
- The number of templates, not of pages, determines the cost of building and upkeep.
On this page
Extraction-centered design
Extraction-centered design means building a site's pages so that each block of content stays accurate and complete when isolated from its context. It answers a new fact: a growing share of readers never see the page, only an excerpt reused in a search result or an answer produced by an artificial intelligence. It also serves the human reader, who rarely reads in a linear way.
The three readers of a page
Designing for one and ignoring the other two is the most costly decision in a website project.
A management team commissioning a site asks two questions: how much it costs, and how long it lasts before a full redo. Both answers depend on decisions made before the first design screen, the ones a manager is almost never shown.
If you have ever had a site rebuilt because it looked dated three years later, it was not a matter of taste. A site is built like a building: its lifespan rests not on the cladding but on the unseen structure and the number of different plans you must maintain.
Until recently, we designed for two audiences: the person and the search engine. A third has arrived, the artificial intelligence that reads pages to build its answers. It shifts the priorities without contradicting them.
| Reader | What it looks for | What serves it |
|---|---|---|
| The person | To know quickly if it is for them | An answer up top, a clear hierarchy |
| The engine | To understand the topic and structure | Explicit headings, structured data, speed |
| The AI | A citable, accurate passage | Self-contained blocks, sharp definitions, sources |
Here again, no trade-off. A sixty-word answer block at the top of a page serves the person in a hurry, gives the search engine a clear signal, and hands the AI the exact format it assembles to answer. The Pew Research Center measures, in a 2025 U.S. analysis, a median of 67 words for a Google-generated summary, matching this format exactly.
The most useful design test in 2026 fits in one sentence: copy any section of your page, paste it alone into a document, and check that it stays accurate and complete. If it becomes unclear, no AI will cite it and no rushed reader will understand it.
Two obligations also frame every commercial Quebec website and must be settled at design, not after: the language obligations and the real scope of the accessibility rules, whose cost to fix afterward far exceeds that of a planned design.
On a widespread platform like WordPress, hosting and maintenance choices weigh as much as the design, as our article on WordPress for business explains.
What to settle before the first design screen
A site's cost and lifespan are decided before the design, in two choices a management team is rarely shown: the number of templates, those reusable layouts, and how the pages are built. The second governs the performance thresholds, which affect both your visibility and the price of your advertising clicks. Fixing these two after delivery costs a second project.
- How many distinct templates are planned, and what if one more is requested a year from now?
- How will the pages be built, and what effect does that have on the performance thresholds?
- Who decides this question, us or the vendor's habit?
- Will the site meet the accessibility thresholds, and who checks that before it goes live?
- Three years from now, what will have aged, the structure or only the styling?
A good answer counts templates, justifies an architecture by your situation, and names who checks the thresholds. A hollow answer talks about the number of pages, proposes a technology without arguing it, or treats accessibility as an option.
Validating these choices before you sign, or deciding between two proposals, is settled in one meeting. A 90-minute consultation resolves it, with a written summary you can pass to your management or your bidders.
The thresholds that are no longer negotiable
These are the only items here whose neglect translates directly into lost sales, not discomfort.
Two requirements have gone from good-practice status to a condition of doing business.
Display performance
Google publishes three thresholds: the largest visible element displayed in under 2.5 seconds, a cumulative layout shift under 0.1 (the elements that move during loading), and interaction responsiveness under 200 milliseconds (the delay before the page reacts to a click). Their effect goes beyond search ranking: page experience is one of the three components of Quality Score, the grade Google gives your ads that moves your cost per click. A slow page therefore costs more per click on top of converting less.
Accessibility
The W3C's Web Content Accessibility Guidelines 2.2 have become the expected baseline on any serious project. They require sufficient contrast, keyboard navigation, touch targets of a minimum size and text alternatives. They also serve visitors without a disability, on a phone in bright sunlight or a shaky connection.
These requirements are settled at design, not after. Fixing contrast and a heading structure on a delivered site costs several times what respecting them from the start would have, and the result is always inferior.
How the site is built, and why it is decided before the design
The thresholds in the previous section are not settled by optimization alone. They depend first on an architecture decision made very early: when the pages are produced.
A site can build each page on request, or produce them ahead of time and serve them. This difference, invisible on a mockup, determines display speed, attack surface and the ability to grow.
| Criterion | On-demand rendering | Pre-generated pages |
|---|---|---|
| Page production | On every visit | Once, before the visit |
| Display speed | Depends on server, cache and plugins | Served from a global delivery network |
| Script load at page load | Often high | Close to zero |
| Attack surface | Broad, scales with plugins | Very small |
| Content editing | Coupled to presentation | Decoupled |
| Behaviour at a thousand pages | Holds with effort | Holds by design |
| Publishing a change | Immediate | After a rebuild |
| In-house skill required | Common | Rarer |
Neither column is the right answer. They answer different constraints.
When on-demand rendering stays the right choice
When the team publishes several times a day and wants its changes online immediately. When the site relies on features that need processing at visit time, such as a customer account area or a catalogue with variable stock. When no one in-house can take on a more technical publishing chain. It is a legitimate choice, not a compromise.
When pre-generated pages take the advantage
When performance governs the commercial result, which happens as soon as a share of traffic is bought. When content grows fast and must stay fast at a thousand pages as at a hundred. When security and stability outweigh publishing speed. When content must feed several channels, not a single site.
The problem is not that an agency proposes one architecture over another. It is that it always proposes the same one without asking the question. An architecture chosen by habit is an architecture not chosen, and its cost surfaces when it is too late to change it.
The questions are few and settled before the first screen is drawn. How often content changes, what share of traffic will be bought, what the site looks like in three years by page count, who publishes and with what technical ease, and what tolerance exists for downtime. The answers point to the architecture, not the reverse.
This decision is made before the visual design, never after. Choosing an architecture once the mockups are approved fits the structure to the drawing, systematically producing performance compromises you pay for over years.
What AI really changes in design
The dominant conversation is about visual generation tools. The real effect is elsewhere, and economic.
Producing a visually decent site costs less and less. Templates are abundant, images can be generated, layouts varied. The result: a pretty, generic site no longer sets anyone apart, exactly as generic content no longer does.
What keeps value shifts toward what an artificial intelligence cannot produce on its own.
| What loses value | What gains value |
|---|---|
| A polished but interchangeable aesthetic | A structure built for your buying journey |
| Generic images | Photos of your work and your people |
| Smooth marketing copy | Figures and cases that only you hold |
| A fashionable animation | A page that displays in under two seconds |
| A bought and filled-in template | An information architecture that holds at a thousand pages |
The line comes before the design, not after. What stays in-house is the content map: what types of objects exist, how they change, who updates them and how often. This map determines the number of templates, and so the budget, and no outside party can produce it without you. What gets delegated is the technical architecture, integration, performance and accessibility thresholds, and migration of existing addresses. A company that delegates the content map ends up with a site built for a catalogue it does not have.
Structuring to last
This decides the cost of ownership, everything the site costs to keep running over five years, far more than the redesign itself.
A site rebuilt every three years is a poorly designed site, not a fashionable one. Three decisions determine its longevity.
Count the templates, not the pages
A template is a reusable layout. A hundred pages from three templates cost less and age better than twelve pages with distinct layouts. It is also what makes evolution possible without redoing everything.
Separate the content from its presentation
The styles live in a single sheet, the content carries none. Changing a brand colour becomes one edit rather than a rework of every page.
Plan for the growth of the catalogue or the corpus
An architecture that works at forty pages and breaks at four hundred was not designed, it was drawn. The question upfront is: what does this site look like with ten times more content.
A site that stands out in 2026 no longer stands out by its appearance. It stands out by what it says and by the speed at which it can be verified.
Falia analysis gridDesign checklist
Budget questions are covered in how much a website costs in Quebec, the decision to rebuild in what makes a redesign fail. Technical thresholds are detailed in the technical checks to run on a site, and the effect of generated summaries in Google's AI Overviews. Infrastructure choices are covered on WordPress hosting, and commerce platforms in choosing your online commerce platform. Execution is on the website design page.
Going further on website design
Before starting a project. How much does a website cost in Quebec? Real prices and three-year cost, Website redesign: what makes projects fail, Executives: migrating a website without losing your traffic, B2B websites in Quebec: three constraints no generic guide covers.
Quebec obligations. Quebec businesses: your website's language obligations, Private businesses: is web accessibility mandatory in Quebec?.
Keeping the site standing. WordPress for business: what the free software really costs, Retailers and distributors: what a slow catalogue costs you in sales, Distributors and manufacturers: why your online catalogue is unmanageable, Your website gets no traffic: the five documented causes, Producers and presenters: the on-sale hours that carry the season.
Designing a site that converts is at the heart of the Improve your site's conversion goal.
Already running a marketing team? See how we plug in as reinforcement on website design.
Frequently asked questions about web design
What is changing in web design in 2026?
A third reader has joined the person and the search engine: the artificial intelligence, which extracts a passage from your pages to answer for the site. It wants the same as the other two in a different form: an explicit structure and content that answers directly.
Do you have to choose between pleasing humans and machines?
No, there is no trade-off. A sixty-word answer block at the top of a page serves the person in a hurry, gives the search engine a clear signal, and hands the AI the exact format it assembles. The median length of a Google-generated summary is, in fact, 67 words.
Is accessibility mandatory?
The W3C's WCAG 2.2 has become the expected baseline on any serious project. It is settled at the design stage: fixing contrast and a heading structure on a delivered site costs several times more, for an inferior result.
Is AI replacing web designers?
It has mainly lowered the cost of producing a visually decent site, which devalues the pretty, generic site. Value shifts toward information architecture, the buying journey and content specific to the company.
How do you know if a site is well structured?
By copying any section and reading it on its own. If it stays accurate and complete out of context, the structure holds. If it becomes unclear, no AI will cite it and no reader who does not read linearly will understand it.
Should you have a pre-generated or an on-demand site?
It depends on five factors: publishing frequency, the share of bought traffic, expected content growth, the team's technical ease and tolerance for an interruption. Neither approach is universally superior, but the question must be asked before the visual design.
Why is this decision made before the design?
Because choosing an architecture after the mockups are approved amounts to fitting the structure to the drawing. That produces performance compromises you pay for over the whole life of the site, fixable only by a redesign.
How long should a site last?
A site rebuilt every three years is a poorly designed site, not a fashionable one. Three decisions determine its longevity: limiting the number of templates, separating the content from its presentation, and designing an architecture that holds if the content is multiplied by ten.
- Google Search Central, Core Web Vitals, accessed in July 2026.
- W3C, Web Content Accessibility Guidelines 2.2, accessed in July 2026.
- Pew Research Center, Do people click on links in Google AI summaries?, on the length of generated summaries, July 2025.
- Baymard Institute, research on checkout usability, accessed in July 2026.
- Google Ads Help, About Quality Score, accessed in July 2026.
Geneviève puts the strategy for your engagement into action. She leads all our web development projects: Shopify, WordPress and the new ways of building a site with AI. She manages our team of developers and translates your business needs into technical language. She runs your organic search (SEO), your visibility in AI answers (GEO) and your site's conversion rate optimization (CRO). Her work is at the heart of three goals: Attract customers with SEO and AI, Improve your site's conversion, and Strengthen your visibility in AI answers. With Gabriel, she also builds the landing pages for your advertising campaigns. She writes mainly about SEO, AI visibility and web design.
About Falia →
SEO
Paid advertising
Conversion
AI visibility
Web design