Should You Write Your Website Copy Before Designing the Website?
Updated: Oct 11
Which comes first:
the website design
or:
the website copy?
It sounds like a simple project-management question.
But getting the order wrong can create a website that looks polished while struggling to explain the business properly.
If you are asking “should I write website copy before design?”, the practical answer is:
prepare enough real content to define the pages, message and customer journey before the final visual design is created.
That does not mean every sentence must be perfect before a designer can open the project.
A better sequence is:
business goals → website structure → draft copy → wireframe/design → refine copy → build → test
Copy and design should work together.
But designing empty boxes first and trying to force the business into them afterwards often creates unnecessary compromises.
Quick Answer: Should You Write Website Copy Before Design?
For most small-business websites, yes—you should prepare the core copy before the final website design.
At minimum, know:
what pages the website needs
what each page is trying to achieve
the main headline
what services or products need explaining
who the customer is
where the business operates
the main customer questions
important trust evidence
the primary call to action
any pricing or process information that affects the layout
The wording can still change while the site is designed.
What you want to avoid is designing an entire website around placeholder text and only discovering afterwards that the real content needs twice as much space—or a completely different structure.
If you are still deciding which pages need to exist, start with What Pages Does a Small Business Website Need?.
Copy Does Not Mean “Every Word Must Be Finished”
This distinction matters.
There are two bad extremes.
Extreme 1: Design everything first
The project begins with attractive mock-ups containing:
Lorem ipsum dolor sit amet...
Then, once the layouts are approved, somebody says:
“Now send us the words.”
The business discovers that:
the service needs more explanation
three services need their own pages
pricing needs a table
FAQs are important
customer reviews need space
the About section needs photographs
the CTA needs changing
the original layout does not fit the real message
The content is now being forced into a design created without knowing what the business needed to say.
Extreme 2: Refuse to design anything until every word is perfect
This can be just as unhelpful.
Website content normally improves once you can see:
hierarchy
layout
sections
mobile presentation
buttons
imagery
how pages connect
A headline that looked excellent in a document may feel too long in the actual design.
Two paragraphs might become a short bullet list.
An FAQ may move to a different page.
A CTA might need to appear earlier.
So the goal is not:
perfect copy before design
It is:
enough real copy to design around reality.
Why Does Copy Need to Come Before Final Design?
Because the words help determine what the page needs to be.
Imagine a designer is building a service page.
Without the content, they might assume the page needs:
headline
image
short service description
button
But the business actually needs to explain:
three service options
who each option suits
pricing
five common customer questions
qualifications
a four-step process
two case studies
service-area information
several trust points
what happens after enquiry
Those are not small copy additions.
They affect the whole page structure.
The content is part of the architecture.
1. Copy Helps Decide Which Pages You Need
Writing even rough content quickly exposes whether your proposed website structure makes sense.
Suppose the initial plan is:
Home
Services
About
Contact
Then you begin writing the Services page.
You realise you offer:
commercial cleaning
office cleaning
end-of-tenancy cleaning
specialist deep cleaning
Each service has:
different customers
different questions
different evidence
different enquiry requirements
You may decide some of those services deserve their own pages.
Alternatively, you may realise that three services are so similar that separate pages would simply repeat the same information.
That decision is much easier when you consider the actual content.
Our guide to whether each service should have its own website page explains how to make that decision without creating thin pages simply for the sake of having more URLs.
2. Copy Determines the Visual Hierarchy
Design tells the visitor:
look here first
then:
look here next
then:
take this action
But the designer needs to know which information deserves that prominence.
For example:
Most important
Commercial Accountants for Small Businesses Across Cheshire
Supporting information
Year-end accounts, bookkeeping, payroll and practical tax support for limited companies and sole traders.
Primary action
Book an Initial Call
Reassurance
ICAEW Chartered Accountants
That naturally suggests a visual hierarchy.
Now compare that with designing first:
BIG HEADLINE HERE
two lines of text
button
small badge
You are effectively asking the business to write to the template rather than asking the design to communicate the business.
3. Real Copy Exposes Vague Messaging
Placeholder copy hides communication problems.
A beautifully designed box containing:
Your headline goes here
looks fine.
But then the business supplies:
Delivering outstanding solutions through quality, innovation and customer-focused excellence.
The design is not the problem.
The message is.
Using real content earlier means weak wording can be identified before the project becomes visually committed to it.
Ask:
Does the headline explain what the business does?
Would the customer recognise the service?
Is the wording specific?
Does it say who the service is for?
Does it explain anything useful?
Does the CTA tell somebody what happens next?
Our guide to clear messaging and trust signals for small-business websites goes deeper into why specific information normally builds more confidence than generic marketing language.
4. Copy Helps You Design the Customer Journey
A website is not simply a collection of attractive sections.
The customer is moving through questions.
They may be thinking:
What do they do?
↓
Is this service relevant to me?
↓
Do they cover my area?
↓
What is included?
↓
How much will it cost?
↓
Can I trust them?
↓
What happens if I contact them?
↓
What should I do next?
Your content should answer those questions.
The design should then help visitors move through them.
That is why writing content and designing the customer journey are closely connected.
Our guide to what questions a small-business website should answer can help you identify the information customers are likely to need before you start planning layouts.
5. Copy Influences the Mobile Design
This is often overlooked.
A designer may create a beautiful desktop hero containing:
headline
supporting copy
CTA
photograph
trust badge
Then the final headline arrives and contains 17 words.
The supporting paragraph contains six sentences.
On mobile, the first screen now contains nothing except text.
That does not necessarily mean the copy is wrong.
It means content length and design have to be considered together.
Real content lets the designer test:
headline wrapping
paragraph lengths
CTA placement
button labels
accordions
cards
mobile sections
navigation labels
before launch.
Designing with unrealistic placeholder content can hide these problems until late in the project.
6. Copy Determines What Evidence the Design Needs
Good website copy makes claims.
For example:
Trusted by local businesses.
Fast response times.
Twenty years of experience.
Specialist commercial expertise.
Straightforward process.
The next question is:
What proves that?
You may need design space for:
customer reviews
qualifications
certifications
real photographs
case studies
logos
statistics
examples of work
guarantees
named team members
A website claiming:
Customers value our clear communication
may be strengthened by a review saying exactly that.
The proof should not be added as decoration at the end.
It should support the claims made in the copy.
If an existing website sounds professional but you are unsure whether its claims, reassurance and evidence are convincing enough, BrightPath Digital's Copy, Trust & Credibility Audit reviews those areas from a potential customer's point of view.
7. Copy Planning Helps SEO Too
Writing content before final design also helps expose the subjects each page needs to cover.
Suppose you know you need a page about:
commercial air-conditioning maintenance
That can influence:
the URL
page title
H1
supporting headings
internal links
service content
FAQs
location wording
CTA
Trying to “add SEO” after the page has already been designed can create awkward compromises.
You might discover that:
an important service has no dedicated page
the H1 is purely a slogan
two services have been combined even though customers search for them differently
there is nowhere to explain important questions
internal navigation does not reflect the service structure
SEO should not dictate every sentence.
But search intent, page purpose and website structure are easier to consider before the final design is fixed.
Before Writing the Copy, Agree the Website Architecture
“Content before design” does not mean opening a blank document and writing thousands of words before anybody has decided how the website should work.
There is an earlier step:
agree the website architecture.
Before drafting the final page copy, work out:
which pages genuinely need to exist
what each page is responsible for
which customer need each page should answer
which search intent each important page should serve
which services or products deserve their own pages
which pages should link to one another
what the main route towards enquiry or purchase should be
which URL each important page will use
For an entirely new website, that may simply mean agreeing a sensible sitemap before detailed writing begins.
For an existing website or redesign, it also means understanding:
which current URLs should survive
which pages should be improved
which pages may need merging
which URLs will change
where permanent redirects may be required
which existing internal links will need updating
This prevents an expensive problem:
writing strong copy for a website structure that later turns out to be wrong.
For example, imagine you write one large Services page containing:
website design
SEO audits
conversion audits
copy reviews
and only afterwards discover that customers search for and evaluate those services very differently.
You may now need to split one finished document into several pages, rewrite headings, redistribute proof, change calls to action and rethink the navigation.
It is much easier to make that decision before the final copy is written.
A useful planning order is:
business objective
↓
customer needs
↓
search intent
↓
page structure
↓
URLs and internal links
↓
draft copy
↓
wireframe and design
This does not mean SEO should dictate the website.
It means the customer journey, page purpose and search structure should be agreed early enough that the copywriter and designer are solving the same problem.
If you are still deciding which pages deserve to exist, use our What Pages Does a Small Business Website Need? guide before writing the individual pages.
If you are redesigning an existing website, our SEO Before Redesign guide explains why existing URLs, visibility and links should be reviewed before the new structure is finalised.
Does Google Require You to Write Copy Before Designing?
No.
This is not a Google rule.
Google does not care whether your designer opened Figma before or after your Word document.
What matters after publication is whether the resulting website is:
useful
accessible
understandable
crawlable
relevant
properly structured
valuable to the person searching
“Write copy first” is a website-planning principle, not a ranking factor.
What Copy Should Be Ready Before Design Starts?
You do not need a completely polished website manuscript.
I would want these things reasonably clear.
1. Business proposition
What does the business actually provide?
Try to explain it in one or two straightforward sentences.
2. Main audience
Who is the website for?
For example:
homeowners
landlords
limited companies
startups
brides and grooms
local businesses
ecommerce shoppers
3. Main services or products
Know which offers are commercially important.
4. Website page list
Even if it changes later, have an initial structure.
For example:
Home
Website Design
Website Audits
About
Client Stories
Contact
5. Page purpose
For each page, complete this sentence:
The customer should leave this page understanding ______.
That one exercise can prevent a lot of vague copy.
6. Main headline
You do not need the final wording.
But know the main message.
7. Core service information
For each important service, understand:
what it is
who it is for
what is included
what problem it solves
what happens next
8. Pricing information
If pricing will appear, know whether you are showing:
fixed prices
packages
“from” pricing
typical ranges
quotation process
Pricing can materially affect layout.
9. Trust information
Gather:
reviews
qualifications
case studies
photos
experience
memberships
guarantees
client examples
10. Calls to action
What do you want the customer to do?
Examples:
Request a Quote
Book a Call
Call Now
Check Availability
View Packages
Place an Order
The designer needs to know what action the page is built around.
What Can Stay Draft Until the Design Develops?
Some content can remain flexible.
Examples include:
minor supporting sentences
small FAQ wording
button microcopy
captions
short reassurance lines
section introductions
transitional text
footer wording
secondary CTA wording
You might also move or shorten sections once you see the page.
That is normal.
Copy should influence design.
Design should also help improve the copy.
The process should be iterative—not a relay race where one team throws a finished document over the wall to another.
Should Wireframes Use Real Copy?
Where possible, yes.
Even draft copy is better than pretending every heading will fit into:
Headline Here
Wireframes are supposed to help plan:
hierarchy
sections
page flow
relationships
calls to action
Realistic copy makes those decisions much more useful.
You can still change the wording later.
But the wireframe should reflect the approximate amount and type of information the finished page needs.
What If I Do Not Know What to Write?
That is common.
Start with facts rather than marketing language.
Write answers to:
What do we sell?
Who buys it?
What problem are they trying to solve?
Where do we provide it?
What is included?
What does it cost?
What happens next?
Why do customers choose us?
What evidence do we have?
What questions do customers repeatedly ask?
Do not worry about making it sound polished initially.
Useful information is easier to improve than an empty page.
Use Customer Language Before Marketing Language
Business owners often describe services differently from customers.
A business might say:
Integrated property-maintenance solutions.
A customer might search for:
office repairs and maintenance
or:
commercial property maintenance company.
Your first content draft should use language that makes sense to the customer.
Polish comes afterwards.
Clarity comes first.
What About AI-Written Website Copy?
AI can help with:
organising information
outlining pages
turning notes into drafts
simplifying awkward wording
identifying questions you may have missed
creating alternative headlines
But AI cannot know facts about your business unless you provide them.
It does not automatically know:
your real prices
your actual service area
your qualifications
your genuine process
your customers
your limitations
what you have genuinely achieved
A polished AI draft containing invented or generic information gives the designer neat-looking text but weakens the finished website.
Use AI to help communicate real business information.
Do not use it to invent the business the website is supposed to represent.
If you know the website needs copy but are unsure whether AI assistance is enough, see our comparison of AI website copy vs a professional copywriter before deciding whether to write it yourself or commission professional help.
New Website: A Practical Copy-and-Design Sequence
For a new website, I would use this order.
Step 1: Define the objective
For example:
Generate quotation requests from local homeowners.
or:
Give referred customers enough confidence to book a consultation.
Step 2: Define the customer
Who is the main visitor?
What are they trying to decide?
Step 3: Agree the Page Structure and Purpose
Before drafting the main copy, decide:
which subjects deserve their own pages
what each page should help the customer understand
which customer or search need each page should answer
which pages are commercially most important
how important pages should connect through navigation and internal links
what action each page should encourage
For a new website, this gives you the initial sitemap.
For a redesign, also map the existing URLs against the proposed new structure before deciding what will be rewritten, merged or removed.
Step 4: Draft the core copy
Write enough real content to understand:
hierarchy
page purpose
services
proof
CTA
Step 5: Wireframe and design around real content
Now the designer has something meaningful to organise.
Step 6: Refine copy and design together
Shorten where necessary.
Add missing context.
Move proof closer to important decisions.
Improve CTA wording.
Step 7: Build and test
Check:
desktop
mobile
headings
buttons
links
forms
images
page titles
spelling
contact information
Step 8: Launch and improve
Your first published copy does not have to remain unchanged forever.
Real customer questions and website performance can show you what deserves improvement later.
What About a Website Redesign?
A redesign needs an additional planning step before the new copy is written:
map the existing website against the proposed new structure.
Review the existing content, URLs, search visibility and internal-link relationships before deciding what each new page should contain.
That allows you to distinguish between:
content that should remain on the same URL
content that needs improving
several pages that may need consolidating
pages that no longer serve a purpose
URLs that will change and may require redirects
Only then should you start rewriting everything into the new structure.
Do not automatically:
copy every old word into the new design
and do not automatically:
delete everything and start again.
Some existing pages may already:
answer useful customer questions
receive Google impressions
earn links
generate enquiries
explain important services
contain valuable reviews
A stronger approach is:
Keep → Improve → Merge → Remove
If a page is merged, moved or replaced, decide what happens to its existing URL at the same time. Where there is a genuinely relevant successor, plan the appropriate redirect rather than leaving that decision until launch day.
Your redesign can then preserve what already works while improving what is weak.
BrightPath's guide to reviewing SEO before redesigning your website explains how to assess existing pages, URLs and search visibility before rebuilding the structure.
Example: Local Trades Website
Imagine an electrician wants a new website.
Design-first approach
The designer creates:
Home
About
Services
Contact
Then asks for the content.
The electrician explains they actually provide:
EV charger installations
commercial electrical work
rewires
EICRs
landlord services
emergency repairs
Some services have different customers and different enquiry routes.
The structure has to be revisited.
Content-informed approach
Before design:
list the services
identify which need individual pages
confirm service areas
collect accreditations
gather reviews and project photographs
agree whether customers should call or request a quote
draft the main service content
Now the designer can create the right structure from the beginning.
Example: Consultant
A consultant may need:
Home
Services
About
Case Studies
Contact
Before design, the business should already understand:
the customer problem
the main service
who it suits
the process
likely objections
evidence of experience
CTA
The final wording can change.
But the designer knows what story the page has to tell.
Example: New Local Business
A new business may have very little content.
That is fine.
You might start with:
Headline
Domestic Cleaning Services Across Runcorn and Widnes
Supporting copy
Regular and one-off home cleaning from a local, fully insured business.
Main services
Regular cleaning
Deep cleaning
End-of-tenancy cleaning
Trust
Fully insured
Local business
Relevant previous experience
CTA
Check Availability
That is enough to begin meaningful design work.
You do not need a 10,000-word content document.
Who Should Write the Website Copy?
It depends on the project.
Possible approaches include:
Business writes it
Good when the owner understands the customers well and can communicate clearly.
Designer writes or edits it
Useful where copy support is genuinely part of the service.
Professional copywriter
Helpful for businesses needing a stronger brand voice, complicated propositions or large amounts of customer-facing content.
Collaborative approach
Often the most practical.
The business provides:
facts + expertise + proof
and somebody experienced in website communication helps organise and improve it.
The important point is to know who is responsible.
Do not assume:
Website design includes copywriting.
Some website quotations include full copy creation.
Others include editing.
Others simply mean:
Send us the text and we will put it on the page.
Before choosing a supplier, our guide to how to choose a website designer for your small business explains the questions worth asking about content, scope, SEO, ownership and revisions.
Common Copy-and-Design Mistakes
Designing around Lorem Ipsum
Placeholder content hides real structural problems.
Waiting for perfect copy
The website never moves because every sentence becomes a project.
Treating content as filler
The design looks attractive but says almost nothing useful.
Letting the template decide the message
The business ends up writing three benefits because the template happened to contain three boxes.
Writing everything in one huge document
Website content still needs page hierarchy and customer journeys.
Ignoring mobile until the end
Long headings and paragraphs can behave very differently on a small screen.
Writing generic trust claims
Quality. Professional. Reliable.
without evidence.
Forgetting the CTA
The page explains everything but never tells customers what to do.
Writing for Google rather than customers
Keywords should help clarify subjects—not produce unnatural copy.
Copying competitors
You may copy their weaknesses along with their wording.
A Simple Pre-Design Copy Checklist
Before approving a final website design, ask:
Do we know what the website is trying to achieve?
Do we know who the main customer is?
Have we agreed the important pages, their purpose and how they should connect?
Does every important page have a clear customer need, search intent or commercial purpose?
Have we drafted the main headlines?
Are the services explained clearly enough to design around?
Have we identified important customer questions?
Is pricing or quotation information agreed?
Have we gathered genuine reviews and proof?
Do we know the primary CTA?
Does the content reflect our real service areas?
Have we decided which search or customer need each important page should answer, without creating unnecessary overlap between pages?
If this is a redesign, have we mapped existing URLs to the new structure and identified which URLs need to remain, merge, redirect or disappear?
Has the designer seen realistic content before finalising layouts?
Is somebody clearly responsible for finishing and approving the copy?
If several answers are no, the final design may be starting too early.
Frequently Asked Questions
Should I write website copy before design?
Usually, yes.
Prepare enough real copy to define your website structure, page purpose, services, headings, trust information and CTAs before the final visual design is created.
You do not need every sentence completely polished before wireframing begins.
Does all website copy need to be finished before a designer starts?
No.
Draft content is normally sufficient for early wireframes and design exploration.
The important thing is that the designer understands the real content requirements rather than designing around unrealistic placeholders.
What should I give a website designer before they start?
Ideally provide:
business details
key services
customer audience
service areas
proposed pages
draft page copy
logo
photographs
pricing where appropriate
reviews
qualifications
examples of work
preferred CTA
The exact requirements depend on the project.
Should the web designer write my copy?
Some designers offer copywriting or editing and others do not.
Check exactly what your quotation includes before the project starts.
Can the design be created before the content?
Early visual direction can.
For example, brand style, typography, colours and rough component ideas can begin before every page is written.
But final layouts are normally stronger when they use realistic content.
What comes first: website structure or copy?
Usually structure comes first at a broad level.
Decide the important pages and what each needs to achieve.
Then draft enough copy to test whether that structure actually works.
The two may then change together.
Should I write SEO copy before website design?
Think about search intent, page topics, service structure and headings before final design.
But avoid treating “SEO copy” as a separate block of keyword-heavy wording to bolt onto the page afterwards.
Useful customer content and sensible search structure should be planned together.
What if my current website already has copy?
Audit it first.
Identify what should be kept, improved, merged or removed before copying it into a new design.
Do not assume old content is worthless simply because the design is dated.
Can AI write my website copy before design?
AI can help create and organise drafts.
The business still needs to provide accurate facts, genuine experience, real proof, pricing, service information and customer context.
Treat AI as a drafting tool rather than the source of truth.
Final Thought: Content First Does Not Mean Content Alone
The strongest website projects are not:
copy first → copy finished → design starts
or:
design first → design finished → squeeze words in
They work more like:
business objective
↓
customer needs
↓
website structure
↓
real draft content
↓
design
↓
copy refinement
↓
build
↓
test
That gives both sides something useful to work with.
The writer understands the available hierarchy.
The designer understands the actual message.
And the customer gets a website where the layout and the words are working towards the same outcome.
So if you are still asking:
Should I write website copy before design?
Yes—write enough to shape the website.
Just do not wait for every comma to be perfect before anybody starts designing.
If you are planning a new website, BrightPath Digital's Small Business Website Design packages focus on clear structure, professional presentation, customer trust and straightforward next steps.
If you already have a website but the wording feels vague, generic, outdated or unconvincing, the Copy, Trust & Credibility Audit reviews the existing public-facing content and highlights where messaging, proof and reassurance could be stronger.
Good design gives your message structure.
Good copy gives the design something worth communicating.
Comments