01 / Glossary
Wireframe
A simple sketch of a page or screen that shows only the content layout and the priority of elements, without colours or visual detail.
- 01
Why it matters
A wireframe lets you decide what goes where on a page before getting into discussions about colours and visuals. A change at this stage takes minutes; the same change at the design or code stage can take days.
- 02
Example
An agency first prepares a wireframe for a corporate site's homepage. The client wants the references section to come before the contact form, and the change is made before moving on to visual design.
- 03
Common mistake
Skipping the wireframe stage and jumping straight to the colour design. Layout problems are noticed late and the design is redone again and again.
- 04
Related terms
Related services and guides
Let's begin
Let's talk about your project.
Tell us what you need; we will define the scope together.