Most teams build websites in the wrong order. They pick a beautiful template, drop in placeholder text, then ask a copywriter to "make it work" inside the boxes that already exist. By the time anyone notices the message is broken, the design is locked — and now both have to fight for space.
We've made this mistake. Most of our clients have made it. So have most of the websites you've ever bounced off without buying.
Here's the unpopular take: on a copy-first website, the words come first and the design serves them. That's the order that actually converts.
What is a website actually for?
Strip away the brand fluff and a website is a digital storefront. Its job is to convince someone to click the button — buy, sign up, book a demo, whatever the action is.
Everything else is in service of that. Logos, animations, gradients, parallax scroll — none of it matters if the visitor doesn't understand what you do, who it's for, and why they should care.
That's a copy problem. Not a design problem.
Why design-first websites fail
A design-first website starts with the template, layout, or aesthetic and forces the copy to fit. It almost always loses to a copy-first website built around the same product. Two reasons.
The template trap
The path looks easy: grab a beautiful template, fill in the blanks, ship. We've all tried it. It doesn't work, because templates are built around copy that doesn't exist yet — generic, vague placeholder copy that conveniently sized itself to the template's constraints.
The moment you write real copy for your real product, the cracks appear:
- Your headline needs three lines; the template gives you one
- You have seven logos to show; the template has five slots
- You need a testimonial in the hero; there's no place for it
- Your feature bullets need twelve words; the template caps at six
The infinite revision loop
So you start tweaking the design. Then more design. The hierarchy breaks, the spacing's off, the page ends up worse than the template you started with — and the copy still isn't right. Round and round until you ship something nobody on the team is proud of.
This is what most "redesign projects" actually are: a slow death of compromise because the copy was never the foundation.
Why "Apple-style" copy doesn't work for SaaS
A common reflex from design-first teams: "Just write less. Apple does it."
Apple gets away with three-word taglines because they're a multi-billion dollar brand with decades of market saturation. Everyone already knows what they make and why it matters. Their copy doesn't have to inform — it just has to remind.
You don't have that luxury. If you're selling a new SaaS product, your visitors don't already know who you are, what category you're in, or what problem you solve. You have to actually tell them.
Quippy beats descriptive only when the audience already gets it. Until then, clarity wins — and clarity takes more words than most design templates allow for.
Why story structure beats clever copy
The base ingredient of any high-converting landing page is the story: take someone from where they are now (with their problem) to where they want to be (with your product as the bridge).
That's not abstract. It's a sequence:
- Problem — show you understand their situation
- Solution — present your product as the answer
- How it works — walk through the steps
- Proof — case studies, testimonials, numbers
- Action — make the next step obvious
That sequence is copy. Design's job is to package it so people actually read it. The order matters. The weight of each step matters. Get it wrong and the cleanest typography in the world won't save you.
Does ugly really convert better?
You've seen the LinkedIn takes: "What converts best is ugly."
Not really. The pages people point to as "ugly" aren't winning because they're ugly. They're winning because the copy and structure are right, even when the aesthetic is rough. Good content arranged poorly will still beat bad content arranged beautifully — but that's not the choice.
A well-designed page can absolutely have great copy. The two aren't trade-offs. The myth exists because most people who care about aesthetics ignore copy, and most people who nail their copy ignore aesthetics. The rare team that does both wins on every dimension.
Premium products are almost never ugly. Trust, perceived value, and brand all correlate with good design. You don't have to choose between converting and looking good.
Design vs aesthetics: what good website design actually means
This distinction is worth holding onto:
- Aesthetics is making things look pretty
- Design is the practice of creating with intention — architecture, hierarchy, flow, function
A real designer cares what the page is supposed to do before they care how it looks. Form follows function. The aesthetician arranges pretty boxes; the designer makes the page work.
By that definition, copywriting is design. Choosing what information goes where, in what order, with what weight — that's architectural work. The aesthetic comes after, in service of the structure.
How to build a website copy-first
Two approaches work. Pick whichever fits your team.
Option 1: Copy first, then design
Write the full page in plain text — headlines, subheads, body, CTAs, social proof. Hand it to the designer. They package it. Iterations are fast because the message is locked.
This works best when your copywriter and designer don't sit in the same room every day, or when you're working with an agency.
Option 2: Wireframe together, then write
Copywriter and designer in the same room (or doc), sketching out structure together — boxes, rough hierarchy, content priority. Then copy gets written into the wireframe, then design gets layered on top.
This works when the team is tight, trust is high, and both roles are senior enough to hold their lane.
What never works
The designer disappearing for a week, returning with a finished homepage, and expecting copy to fit. Even with the best intentions on both sides, that's a fight nobody wins. We've watched teams burn months on this exact pattern.
Both working approaches share the same principle: the words decide the layout, not the other way around.
Should copy or design come first?
Copy first. Always.
A beautiful site with weak copy will lose to an ugly site with sharp copy every time. But you don't have to settle for either. Start with the words, get the message right, and the design will have something worth packaging.
If your site isn't converting and you're tempted to redesign it — pause. Look at the copy first. The odds are that's where the leak is.
Frequently asked questions
Should I write website copy or design the layout first?
Write the copy first. Templates and layouts force you to compress, expand, or distort your message to fit predetermined containers. When copy comes first, the design supports the message instead of fighting it. Every revision after that is faster, because the message is already locked.
What if I already have a designed template I love?
Use it as inspiration, not a constraint. Write your copy independently, then bring it back to the template. If the copy fits, great. If it doesn't, modify the template — don't shorten your message to fit boxes built for someone else's product.
Can my designer write the copy too?
Sometimes, but rarely well. Strong copywriting requires customer research, messaging frameworks, and persuasion fundamentals. Most designers haven't trained in those. If your designer is also a skilled copywriter, you've found a unicorn — most teams need both skill sets.
How long should website copy be?
Long enough to make the sale. There's no fixed word count. Most SaaS homepages need more copy than founders think — visitors arrive cold and need to be guided through the problem, solution, and proof. Cutting copy to "look cleaner" usually cuts the parts that were doing the persuading.
Does the "ugly converts" rule actually apply?
No, not as a rule. Some ugly pages convert well despite the design because the copy and structure are strong. Beautiful pages with the same copy and structure convert just as well — usually better, because trust and perceived value go up. Don't aim for ugly. Aim for clear.
