Design first or content first: why the words should come before the layout
Write the words before anyone draws the page. A step 03 business website is EUR 1.500 to 3.500 and three to six weeks in either order, but starting with content is how a project lands at the bottom of that range instead of the top, and it is also how the finished site ends up saying something.
The case for writing first
A website is an argument, made in a fixed order, to someone who has not decided yet. Design is the arrangement of that argument: what is loud, what is quiet, what a visitor reads on the way to the button. If the argument does not exist yet, the design cannot arrange it. It arranges a guess.
The guess tends to look the same. Three feature cards, because three sit neatly across a row. A short headline, because that is what fits at that size. A testimonial band, because there is a gap above the form. None of those choices came from your business. They came from an empty rectangle.
Then the real copy arrives. Your headline is longer and cannot lose a word without going vague. You offer five services, not three. Your one testimonial is long. Each of those is a redraw, and a redraw is paid work that produces nothing new.
Where the money goes
Inside a step, the price moves with the amount of work, and the work that inflates a project is not the building. It is making the same decision twice. Design first carries three costs:
- Layout rework. Sections designed around placeholder lengths get rebuilt around real ones. Cards become lists, and a pricing block built for three prices has to hold four.
- Decisions made twice. The order of the homepage gets agreed on visual grounds, then argued again once someone reads it top to bottom and notices the price appears before the proof.
- Copy written to fit. This is the expensive one, because it is invisible. When the design is approved first, the words get trimmed to the boxes. The site looks finished and says less than you would say on the phone.
Content first removes all three. The layout is drawn around text that exists, the order is agreed once because it can be read, and nothing is cut to fit a box that was never needed.
The same project in two orders
| Stage | Content first | Design first |
|---|---|---|
| Scoping | Agree the pages and what each one has to prove | Agree the pages and a visual direction |
| Structure | Headings, sections and draft copy in a plain document | Wireframes with placeholder text |
| Design | Layouts drawn around real lengths and real proof | Polished layouts approved on looks |
| Build | Built once from approved content and design | Built, then adjusted as copy lands |
| Review | Checking detail: spacing, wording, mobile | Rewriting and redrawing sections |
| Launch | The site you reviewed | A site that can still be waiting on pages |
The design work does not shrink under content first. It moves to the point where it can be decided properly.
What content first asks of you
Not polished copy. Raw material, in roughly this order:
- One sentence on what you sell and who buys it.
- The services or products, each with the problem it solves.
- Your proof: reviews, results you can show, names you are allowed to use, photographs of real work.
- The objections a buyer raises before saying yes, and your honest answers.
- Prices, or at least whether prices appear on the site.
- What you want a visitor to do: call, book, fill in a form.
Voice notes, old brochures and emails to customers all count. Turning them into page copy with you is one of the things that moves the price inside a step. A fixed quote always follows scoping, and clearer material makes a tighter quote.
How the project runs
Step 01, a single-page landing at EUR 600 to 900, takes one to two weeks. Step 02, a mini-site of two or three pages at EUR 900 to 1.500, takes two to three weeks. Step 03, the four to seven page business website at EUR 1.500 to 3.500, takes three to six weeks.
In every step, the first stretch is words and structure, not screens. The part that waits on you is the content. Gathered on day one, it keeps you near the lower end of the timeline. Written while design is under way, it is where you feel the stretch. Design first does not avoid that stretch. It moves it to the end, where every change lands on something already built.
At step 04, EUR 3.500 to 7.500 over six to twelve weeks, login, dashboards and payments come in, and content first also covers the screens nobody thinks about: empty states, error messages, the email after a payment. How we run design and build together is on design and engineering, and the full ladder is on packages.
When design first is the right call
It is not always wrong. Three situations favour it:
- The work is the content. For a photographer, an architect or an interior designer, the images carry the argument and the words support them. Starting from the visual system is starting from the content.
- The words are already good. If your current site says the right things and only looks dated, you do not need a writing phase. You need a design job, and you can go straight to it.
- You cannot write into a blank page. Some people edit well and draft badly. Then we start with structure: a page with real headings and a stated purpose for each section, which you react to. That is still content first. Lorem ipsum in a polished layout is not.
When to spend less
- If the words do not exist and you cannot see them existing soon, buy less site. One page at step 01 that you can fill is worth more than seven at step 03 waiting for text.
- If your copy works and your site brings in enquiries, do not rebuild it for the sake of a new look. Redesign the page that converts and leave the rest.
- If nobody is finding the site, the order of design and content is not your problem. An SEO foundation, EUR 450 to 750 paid once, shows what people search for, and that feeds the copy.
- If you cannot yet say in one sentence what you sell and who buys it, do not hire us yet. Answer that first. It costs nothing, and no designer can do it for you.
Questions buyers ask before they commit
Do I have to write all the copy myself?
No. You supply the knowledge and we shape it into pages, from a conversation and whatever material you already have. What you cannot hand over is the facts: what you do, what it costs, what makes you different.
Can I see a design before I commit to the content?
You can see the direction: typography, colour and a sample section built from your real material. What we avoid is a full set of approved pages drawn around placeholder text, because that is the version you pay to redo. A sample built from your own words shows you more than a finished mockup built from nobody's.
Does content first make the site look plainer?
No. It makes it look specific, because every layout decision is made against real lengths and real proof. A striking design around weak copy looks good in a presentation and falls flat with visitors, because visitors read.
Can we launch with rough copy and improve it later?
Yes, if the site is built for editing. From step 02 upwards there is a basic CMS, so you can change the words yourself. Care at EUR 100 to 300 a month covers updates, monitoring, backups and small fixes. It does not cover a redesign or new features, so plan for those separately.
Who owns the site when it is finished?
You do. The code, the repository and the database belong to you. Hosting is agreed per project: we can host it for you, and that gets settled during scoping rather than assumed.
Send us what you have, however rough, and we will tell you which step it points to. Start the conversation.
Building something?
JP Studio designs and builds websites, storefronts and product interfaces.