Here’s an uncomfortable truth about web design: a design built without content isn’t really a design for your business. It’s a template with your logo on it.
When a designer works before the content exists, they have no choice but to design for imaginary words — a headline “about this long,” three feature blurbs, a testimonial slot. The layout gets decided by what looks balanced, not by what your business actually needs to say. Then the copy gets written to fill the boxes, and the message ends up shaped by the design instead of the other way around. That’s backwards. It’s the same instinct that leads organizations into the portfolio trap when choosing an agency — judging by looks before deciding what the site needs to say. Your content is the reason the website exists; the design’s job is to deliver it.
This is why we work content-first: figure out what every page needs to say before anyone designs or writes it. And the tool that makes content-first practical — instead of a six-week stall while everyone stares at a blank Google Doc — is the content outline.
After twenty years of building websites, I’d put it in the top three deliverables that determine whether a project ships on time. It’s the document that decides what goes on every page before anyone writes a word of it.
What a content outline actually is
A content outline is a page-by-page blueprint of your website’s content. For each page, it specifies:
- Every section on the page, in order
- The heading structure (what’s the H1, what are the H2s, what sits under them)
- A target word count for each piece of copy
- Which content is written fresh, which is reused, and which is pulled in automatically (like a news feed or event listing)
- Which facts need to be verified before they’re published
It is not the copy itself. That’s the point. The outline is the argument about what to say — the writing is just execution afterward. When those two jobs get separated, both get easier.
Why bother? (The expensive alternative)
Skipping the outline doesn’t skip the work. It just moves the work to the worst possible time — after design, during writing — when changes are expensive.
Without one, the actual message of your business gets negotiated in revision rounds, and you pay for the same page two or three times.
With an outline, the arguments happen up front, on a cheap document instead of a finished design. “Should pricing go on the services page?” is a five-minute conversation in an outline. It’s a redesign when it comes up at review. It’s the same logic behind running discovery before any design work: decisions are cheapest before anything’s built.
There’s an SEO benefit too. Outlining forces you to assign one clear topic to each page, which is exactly what search engines reward — and it’s the stage where you catch two pages competing for the same search intent before they’re both written.
The process, step by step
Let’s use a fictional example: a mid-sized accounting firm redesigning its site. Same process works for any business.
1. Start from the sitemap, not the homepage
You need a settled sitemap before you outline anything. The outline describes what’s on each page — that only works if you know which pages exist and what job each one does.
For our accounting firm, that means knowing there’s a services hub with four child pages, an industries section, a team page, and a resources area — and, crucially, knowing why. If two pages don’t have distinct jobs, merge them now, not after they’re written.
2. Give every page a purpose and a person
Before listing sections, write one line at the top of each outline: who is this page for, and what should they do next?
“Services / Tax Planning — for the business owner comparing firms; goal is a booked consultation.”
That single line settles most content debates before they start. If a section doesn’t serve that reader or that goal, it doesn’t go on the page. It also changes how you write — a page for someone in a hurry reads differently than a page for someone doing research.
3. List the sections in order
Now sketch each page as a stack of sections, top to bottom. For the tax planning page, it might look like:
- Page header — headline and a two-sentence plain-language intro
- Who this is for — three short scenarios the reader can recognize themselves in
- How it works — the engagement process in three or four steps
- Proof — a client result or testimonial
- FAQ — the five questions prospects actually ask on calls
- Call to action — book a consultation
Notice there’s no copy here. Just the argument of the page: what appears, in what order. This is where you decide the FAQ answers real objections instead of filler questions, and that proof appears before the ask, not after.
4. Set the heading hierarchy
For each section, define the headings: one H1 per page, H2s for major sections, H3s only within a section. Never skip levels.
This sounds fussy. It isn’t. Heading structure is how both search engines and screen readers understand your page, and it’s the skeleton your writer hangs copy on. Decide it once in the outline and every page on the site comes out consistent.
5. Assign word counts to everything
This is the step most people skip, and it’s the one that makes the outline actually usable. Every element gets a target:
- H1 headline — 6–10 words
- Intro paragraph — 30–50 words
- Each process step — 60–90 words
- FAQ answers — 50–80 words each
- CTA button label — 2–4 words
Word counts are targets, not laws. But they do two important things: they tell the writer how much weight each idea carries, and they surface length problems before design. A “brief intro” that one stakeholder pictures as two sentences and another pictures as four paragraphs is a fight waiting to happen — the word count settles it in advance.
6. Flag what’s dynamic and what needs verification
Two tags we put directly in every outline:
[Dynamic] — content that comes from a feed or database: news, events, job postings, product listings. These need template copy (“what does an event card look like?”), not written content. Marking them stops someone from hand-writing content that the CMS is about to overwrite.
[Verify] — any fact, number, credential, or claim that needs sign-off before publishing. Fees, dates, regulated language, legal wording. Nothing tagged [Verify] goes live without confirmation from whoever owns that fact. This one tag has saved more launch-week scrambles than anything else we do.
7. Note what you’re keeping
Not everything gets rewritten. If a page has copy that’s working — a mission statement people know, a land acknowledgement, legal text — mark it “retain verbatim” in the outline. Rewriting for the sake of rewriting burns budget and sometimes breaks things that were fine.
What a finished outline entry looks like
Pulling it together, one section from our accounting firm’s page:
3. How it works
- H2 — “What working with us looks like” — 4–7 words
- H3 — Step title ×4 — 3–5 words each
- Step body ×4 — 60–90 words each [Verify — confirm onboarding steps with the partners]
- Closing line linking to pricing — 10–15 words
That’s it. Ten lines. Anyone — you, a copywriter, an AI-assisted first draft, a designer — can now produce or design this section without guessing.
Common mistakes to avoid
Writing copy in the outline. The moment sentences appear, people start editing sentences instead of structure. Keep it to descriptions and counts.
Outlining only the homepage. The homepage is usually the least typical page on the site. Your service and product pages carry the conversions — outline those with at least as much care.
Treating it as a formality. The outline is where stakeholders should argue. If everyone approves it in five minutes, they haven’t read it — and the argument is coming later, at full price.
The short version
Settle the sitemap. Give every page a reader and a goal. List sections in order, set the heading hierarchy, put a word count on everything, and tag what’s dynamic, what needs verifying, and what you’re keeping. Then — and only then — write. This ordering is baked into our web design process: content before design, every time.
It’s not glamorous work. But it’s the difference between a website project that ships and one that stalls at “we just need the content.”
Planning a redesign and staring down the content problem? This is exactly the kind of thing we handle. Get a free website audit and we’ll tell you — in plain English — what your site needs.
