Design and layout that help people understand.
Good design is not just how a page looks. It decides what people notice first, what they understand next, and whether the important action feels obvious without being shouted at. Layout, typography, spacing and hierarchy do a lot of quiet work.
Hero visual placeholder
/visuals/services/design-layout/hero-leaf.svg
Most of what good design does is invisible. The page reads. The eye knows where to land. The important action is obvious without being shouted at.
Layout, typography, spacing and hierarchy do a lot of work in the background. When they are working you do not notice them. When they are not, the page feels harder to read, even when nothing is technically wrong.
How a page starts to read well.
Design starts with the content, not the moodboard. The moodboard's job is to support what is actually there.
-
Understand the content and priority
What the page needs to do, what the visitor is trying to achieve, and what the most important next step is. Design without that is decoration.
-
Establish hierarchy and page rhythm
What is shouted, what is conversational, what is reference. Where the eye lands first, where it lands second, where it lands when it gets bored.
-
Design reusable sections and patterns
A small set of well-considered building blocks beats a deck of bespoke layouts that drift over time. Patterns travel between pages; one-offs do not.
-
Check readability, accessibility and mobile behaviour
Real text at real sizes, real colour contrast, real keyboard navigation, real mobile reflow. A page that works for one visitor should work for the rest.
-
Refine against the actual content, not placeholder fantasy
Lorem ipsum lies. Real copy reveals the awkward edges, the long words, the tables that wrap, the headings that do not fit. Design with the actual material.
Brand, layout, content or system?
Design problems are often misdiagnosed as 'we need it to look better'. The useful first move is naming what kind of design problem it actually is.
-
It is a brand problem
Best for When the visual identity itself is unclear, generic, or working against the business.
Wordmark, palette, type system, voice. Affects everything else; harder to fix in pieces; worth getting right once.
-
It is a layout problem
Best for When the brand is fine but pages do not read well — important things buried, hierarchy unclear, eye does not know where to go.
Usually solvable with structure, spacing and component discipline. Often the cheapest improvement per pound.
-
It is a content-structure problem
Best for When the design is doing its best but the message itself is muddled.
No layout fixes a bad headline. Sometimes design’s most useful contribution is showing where the writing is the actual issue.
-
It is a system problem
Best for When pages drift over time, every page is bespoke, or the editorial team cannot keep things consistent.
Build a small system of components and rules so future pages are quick to make and stay coherent over time.
Got a page that should be doing more of the work?
Bring the actual content. The page tends to redesign itself once the priority is clear. The colours and decoration come later, and they are usually less interesting than they look.
Not sure where the actual problem is? Start with a Digital Health Check