Glossary
What is Wireframe?
Also called: mock-up, mockup, layout sketch, low-fidelity design.
Before designing how a website looks, designers often plan how it is organised. A wireframe is a skeleton: boxes for images, lines for text, rough buttons, all in grey.
It keeps the conversation on the important questions, such as what comes first, where the phone number sits and what the page is trying to get the visitor to do, without getting distracted by colours and fonts.
Some agencies show wireframes to clients for sign-off; others go straight to a full design. Either is fine, as long as the structure has been thought through.
Why it matters for your business
Changing a wireframe is quick and cheap. Changing a finished, coded website is slower and often costs extra. If you get to see a layout plan early, that is the moment to say ‘customers always ask about prices first, put that higher’.
Example. A wireframe for a roofer's homepage shows: headline and Call button, three service boxes, a strip of reviews, a map of areas covered and a quote form, all as grey boxes.
Related terms
UX (user experience) · Template · Brand guidelines · Call to action (CTA)
£299to set up
£99a month
3working days to launch
You approve it before anything goes live.
Designed from scratch, every word written for you, hosting and Google setup included. Or pay £1,795 once and £49 a month with no minimum term.
Let’s get your phone ringing.
£299 setup, then £99 a month. Live in 3 working days. Tell us what your business does - we reply the same working day.