Why The Website Copy Comes Before The Design

Write the words first. A website designed around placeholder text gets redesigned when the real copy arrives, because real copy is never the same length, order or shape as the lorem ipsum it replaces.

Our own builds start with a sitemap and a full copy deck, page by page, and the client signs off the words before any design work begins. The design then solves a real page instead of decorating an empty one.

What a copy deck is

A copy deck holds every word that will appear on the site, laid out page by page in the order a visitor reads it. Headings, body copy, button labels, form labels, image captions, and the meta title and description for each page.

Each page also states its job: who it is for, which search query or question it answers, and the one action it asks the visitor to take.

Why placeholder text causes trouble

Lorem ipsum always fits, so the design looks finished. Then the real heading runs to two lines, the service list has nine items instead of four, and the proof needs a table that the layout never planned for.

The team either cuts the copy to fit the design or reworks the design to fit the copy. Either way, time goes into a problem that writing first would have avoided.

Where the words come from

The best website copy is already being said inside the business. Sales calls, enquiry emails, quotes and the questions the team answers on the phone every week hold the language buyers actually use.

So the copy starts with interviews and real material: completed projects, photos, the true scope of what the business sells, and the people who answer buyer questions all day. Nothing on the site gets invented, and every claim traces back to something real.

Search is planned in the deck

The copy deck is where search and AI search get built in. Each service page targets the query a buyer types for that service, each heading answers a question someone actually asks, and each page links to the next page a buyer needs.

Doing this at the copy stage costs far less than fixing it after launch, when adding a page or restructuring a heading means reopening the design as well.

How to review a copy deck

Read every page out loud. If a sentence is not how you would say it to a client across a table, rewrite it.

Give one person the final say on the words. A deck reviewed by six people with equal votes comes back as a document nobody would say out loud, so others comment and one owner decides.

Check facts at this stage too. Licence numbers, service areas, certifications and project details are far easier to fix in a document than on a live site.

What happens after sign-off

Once the words are approved, the key templates get designed first, usually the home page, a service page and a project page. The rest of the site is built to match, on a staging link the client reviews in a real browser.

The site that launches says exactly what the business approved, in a layout built around those words. That is how a website ends up reading like the business behind it.