Key takeaways.
- Agree each page's purpose and main message before locking its layout.
- Give designers real content early so headings, length and hierarchy can shape the components.
- Visual exploration can help a rebrand; keep it in conversation with the content rather than treating either as final too soon.
Summarise with AI
I have worked on websites where the design looked finished long before we had the words. Then the copy arrived. A six-word heading became a proper explanation, a case study needed room for the detail, and the neat little boxes stopped being so neat. We ended up changing both the writing and the layout.
That experience made me more interested in the order of the work. While setting up TMT I read Graphic Design for Everyone by Cath Caldwell, and it got me thinking again about the relationship between a message and the way you show it. I do not want to put a design on hold until every sentence is perfect. I do want to know what the page is trying to say before we lock its shape.
Where design-first can make things awkward.
A visual direction is a brilliant way to get people talking, especially during a rebrand. The trouble starts when the visual is treated as a finished page and the content has to squeeze into it later. A service page may need to answer three buyer questions, but the mock-up only has space for a headline and two lines of copy. Somebody then has to choose between cutting a useful answer and reworking the design.
I have been in that conversation. What looked like a small copy change became a component change, then another approval round. It is easier to deal with when we know the page purpose and have real draft content early.
What content-led means in practice.
Before we settle on a layout, I want to know who the page is for, what they came to find out, what we can actually prove and what they should be able to do next. That is the useful part of strategy for a website. It gives the designer something to work with besides a stack of placeholder boxes.
It helps search work too. If a page is meant to answer a particular question, we can look at the search results and the existing site before inventing another URL. The headings and links can follow the answer, rather than trying to tuck a list of keywords into a finished design. That is how I would bring SEO into the build.
Then we test the component with the content that tends to break it: a long title, a short answer, an image with a different shape, and a case study with more detail than the first example. You learn quickly whether the layout can carry the real story.
Visual exploration still has a place.
There are projects where the team needs to see a visual direction before it can describe the brand properly. I am happy to explore that early. The point is to keep the conversation moving both ways. A strong image or type treatment may change how we tell the story; the story may tell us that a section needs a different shape.
On our website projects, I would rather have that conversation while the page is still flexible. It saves the awkward moment when everyone has approved a beautiful layout and the content has nowhere sensible to go.
