Content First or Design First: Which Order Actually Works

The question of whether content or design comes first sounds procedural and is actually about who controls the substance of a project. The order determines whether the message shapes the container or the container shapes the message, and that outcome is visible in the finished thing.

It applies to a website, a video, a brochure, a presentation and a campaign equally. In video production the same argument appears as whether the script precedes the treatment or the treatment precedes the script, and the failure modes are identical.

What Content First Means

The substance is settled before the container is built. For a website that means the messaging, the structure and the actual copy. For a video it means the script or the interview material and the narrative structure. For a report it means the findings.

Design then responds to real material: real headline lengths, real body copy, real image availability, real section counts, real footage.

The argument for it is straightforward. Content is the reason the thing exists, and a design built to accommodate what actually has to be communicated will accommodate it. A design built to accommodate an imagined version will not.

Where Content First Fails

It stalls, and this is the honest weakness that its advocates usually skip past.

Content is slow. It is frequently owned by people whose main job is something else, it requires decisions nobody wants to make, and it has no visible progress to show a stakeholder. A project that refuses to begin design until every word is final can wait for months, and the waiting is what produces the pressure that leads to a design-first rescue.

There is also a genuine creative objection: content written with no sense of its container can be the wrong shape entirely. Copy written as a document does not become web copy by being pasted into a template, and a script written without regard for what can actually be filmed produces a treatment nobody can execute.

Where Design First Fails

The container dictates the content, and the results are recognisable.

A layout built around a punchy three-word headline requires every real headline to be three words, including the ones whose subject cannot be said in three words. A template with three feature cards demands three features. A video treatment built around a specific visual sequence requires footage that may not exist and a location that may not be available.

The characteristic outcome is content written to fill space rather than to communicate — the paragraph that exists because the column needed a paragraph, the statistic invented because the panel had a number in it, the third item added because two looked unbalanced.

The other consequence is invisible until late. A design approved against placeholder text has been approved against nothing, and the moment real content arrives it either breaks the layout or is trimmed to fit it. Both of those are discovered at the point where changing the design is expensive.

Why Design First Keeps Winning Anyway

Not because anybody argues for it, but because of how approval works.

A design can be presented, reacted to and approved in a meeting. It looks like progress, it generates enthusiasm, and it gives a decision-maker something to have an opinion about. A messaging document and a content structure generate neither enthusiasm nor a decision, and the person who produced them has nothing to show.

Recognising that as an organisational dynamic rather than a methodological choice is the first step towards handling it, because it means the fix is about how work is presented rather than about which order is theoretically correct.

The Hybrid That Most Real Projects Run

The workable sequence separates three things that the debate usually conflates: structure, representative content, and final content.

Structure first. What sections exist, what each is for, what it has to say, in roughly how much space, and in what order. This is content work rather than copywriting, it is quick, and it can be reviewed and approved.

Design against representative real content. Not placeholder text. Real headlines of realistic length, a paragraph of genuine copy, actual image availability, the real number of items. Representative content is enough to make a design honest, and it is obtainable long before final copy is signed off.

Final content written into the design. With the container known, copy can be written to it deliberately — which is a legitimate craft rather than a compromise, and it is how good editorial layouts have always been made.

The rule that survives from the content-first argument is the important one: no design gets approved against placeholder text. Everything else is negotiable.

The Same Argument in Video

The video version of this is whether the script comes before the treatment.

Script-first produces films that say something and occasionally films that cannot be shot. Treatment-first produces films that look considered and occasionally films with nothing in them.

The hybrid works the same way: the message and structure first, a treatment developed against what the production can actually obtain, and the final script written knowing what the visual approach is. In practice this is why a shot list and a script are developed together rather than sequentially, and why a treatment that arrives before anyone has decided what the film is about is a decorative document.

The Practical Test

For any project, one question exposes which order is really being followed: if the real content turns out to be twice as long as the space allows, what changes.

If the answer is the design, the project is content-led. If the answer is the content, it is design-led, and whoever is writing has been given a filling job rather than a communication one.

This reference publishes no figures. What is checkable instead is the artefact: the content structure document, which either exists and was approved before the layout or does not. A project that cannot produce one is a design-first project regardless of what its process describes itself as.