Design first or content first: why the words should come before the layout

en 8 min read

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:

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

StageContent firstDesign first
ScopingAgree the pages and what each one has to proveAgree the pages and a visual direction
StructureHeadings, sections and draft copy in a plain documentWireframes with placeholder text
DesignLayouts drawn around real lengths and real proofPolished layouts approved on looks
BuildBuilt once from approved content and designBuilt, then adjusted as copy lands
ReviewChecking detail: spacing, wording, mobileRewriting and redrawing sections
LaunchThe site you reviewedA 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:

  1. One sentence on what you sell and who buys it.
  2. The services or products, each with the problem it solves.
  3. Your proof: reviews, results you can show, names you are allowed to use, photographs of real work.
  4. The objections a buyer raises before saying yes, and your honest answers.
  5. Prices, or at least whether prices appear on the site.
  6. 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:

When to spend less

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.

Straight to the person who would do the work. No newsletter, no call centre. Prefer email? support@jp-studio.com