What is Mockup?
The short answer
A mockup is a static, full-detail picture of a page as it will look, with real type, colour and imagery, but no working interactions.
What people say: “what it will look like”.
Mockup, explained
Mockups sit between wireframes and prototypes: they settle the visual design before anyone writes code.
Questions people ask about Mockup
What is Mockup?
A mockup is a static, full-detail picture of a page as it will look, with real type, colour and imagery, but no working interactions.
Related terms
A wireframe is a simple, low-detail layout of a page, boxes and labels without colour or imagery, used to agree on structure before visual design begins.
PrototypeA prototype is a clickable simulation of a website or app used to test flows and interactions with real people before building the real thing.
FigmaFigma is a browser-based design tool where teams create wireframes, mockups, prototypes and design systems together in real time.
UXUX, or user experience, is how it feels to use a website: whether people can find what they came for, understand it and finish what they started without friction.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.