All articles

Design

Design that helps customers: clarity, accessibility and useful next steps

Check whether your visual identity supports navigation, reading and completing an enquiry.

Stock photograph: a stylus being used on a graphics tablet

Give the first screen a clear job

People arriving on a page need to understand what you offer and whether it is relevant. A striking composition can support that explanation, but cannot replace it. Review the heading, introduction and primary action together. If they pull in different directions, the page loses focus. Write the central message before deciding how much visual emphasis it needs.

Visual hierarchy organises attention

Use size, spacing and contrast to establish an order. A clear main heading and descriptive subheadings are easier to follow than many messages with equal weight. Keep useful explanations beside the element they concern: service details beside the offer and form conditions before submission. Consistency helps visitors recognise familiar patterns as they move between pages.

Try the journey without a mouse

Move through navigation and forms with a keyboard. Focus should remain visible, controls should work and menus should be possible to leave. Accessible names and field labels also support people using assistive technology. A recognisable icon alone does not ensure a button has a useful name. Test error messages as carefully as the successful path.

Mobile exposes content problems

On a small screen, long text and competing actions become obvious. Try finding the phone number, comparing services and sending an enquiry without zooming. Test enlarged text too, rather than a single phone model. Fixed widgets should not cover form fields or feedback. A smaller layout still needs the information required to make a decision.

Evaluate real tasks

Choose realistic tasks and observe where questions arise. Can a visitor identify the right service, review relevant projects and find the next step? Automated checks help, but do not replace human accessibility and comprehension review. Record the specific difficulty before changing the visual treatment.

Sources and further reading

W3C WAI — Introduction to Web Accessibility

W3C WAI — Easy Checks

WhatsApp