mockup

A mockup is a static, visual representation of a design used to convey its appearance, layout, and styling without functional elements. It focuses on how the final product will look, including colors, typography, imagery, and spacing. Mockups differ from prototypes in that they are not interactive or testable; prototypes are used to explore behavior and user flows.

Mockups can be digital or physical. Digital mockups are high-fidelity representations created in design tools such as Figma, Sketch, Photoshop, or Illustrator and can show user interfaces, packaging, or marketing materials. Physical mockups are nonfunctional, three-dimensional models of products or devices used for review, ergonomics, or presentation. Paper or printed mockups are inexpensive, often used in early concept discussions.

In practice, mockups serve to communicate design intent, obtain stakeholder feedback, and guide production. They are commonly used in UI/UX reviews, branding and packaging design, and product demonstrations. Deliverables typically include static images, PDFs, or layered files that showcase the intended look, sometimes accompanied by context examples (such as a device frame or environment).

Mockups sit between wireframes and prototypes in the design process. Wireframes outline structure and components in low fidelity, while prototypes simulate interactivity and behavior. Mockups provide a realistic visual preview that helps align teams and secure approvals before development or fabrication begins.