Content first or design first: which order is more correct?

Content should come first. Not because design is less important, but because the message determines the layout, the length of each block, and the prioritization on the page. When design is drawn before actual content is available, the team is building a house without knowing how many people will live in it.

Why this order is important

Website design is not just about choosing colors or fonts. The layout of a page determines what the customer reads first, what they believe, and what action they take next. All of this stems from the content, not the frame.

When designing in advance, the team often has to use placeholder text (Lorem ipsum) to fill in the boxes. Placeholder text does not have real length or genuine messaging, so the visual may look good on the designer's screen but falls apart when real content is added. Worse, placeholder text sometimes remains until the page goes live because no one reviews it thoroughly.

Conversely, when the content is defined beforehand, each design block has clear justification: how long the title should be, how many lines the lead should take, how many items in the list. The design then serves the content rather than forcing the content to fit the frame.

Factors that need consideration

• Is the message clear yet: If you do not know what the page wants to convey, or what the main selling point is, then the design created will only be a beautiful shell without substance.
• Actual length of each content block: Whether the title is short or long, how many sentences are in the service description, how many points are in the benefits list, all directly affect the layout. Only the actual content provides this number.
• Placeholder text risk: Each time placeholder text is not replaced with real content before delivery, the page runs with gaps. This risk only occurs when design precedes.
• Collaboration between the writer and designer: If you are working with a team that includes both roles, they can work in parallel from the start. However, the writer must be involved early or at the same time, not afterward.

When to choose which direction

Content shapes the layout, not the layout shaping the content. When designing, content should be the foundation, with the message and user needs at the center.

Medium, Content-First Design

Common mistakes

• Let placeholder text pass on the release date: The team is busy, no one checks again, resulting in live pages with empty boxes or meaningless text. Prevent this by avoiding placeholder text from the start.
• Beautiful design but unclear message: Visitors arrive at the page, see beautiful images and colors, but do not understand what the page is trying to convey or what the next step is. This is a direct consequence of designing before having a content strategy.
• Consider content writing as the final step: When content is pushed to the end of the process, writers are forced to squeeze words into the frame, cut out important information, or add meaningless text. Both harm conversion.

The viewpoint of Sinh Vũ

In Sinh Vũ's process, content strategy and experience flow are defined in the early stages, before interface design begins. Sinh Vũ writes content that drives action, not just sketches beautiful frames, so each page has a clear message before the interface is finalized.

The practical reason: when the message is clear, design is faster and requires fewer revisions. When the message is vague, the team may go through many rounds of revisions without converting customers, because the issue lies in the content, not the colors or fonts.

You do not need a perfect content draft before starting the design. However, you need at least: the main message of each page, the order of information priority, and a draft representing each important block. That is enough to ensure the design is on the right track from the beginning.