A wireframe is a blueprint for a website or a digital product. A wireframe focuses on content, structure, and layout, whereas a mockup focuses on the final visual of a website or application. A mockup uses a wireframe to inform where things should go and the hierarchy of components and copy. Think of the mockup as a final design of how a page or screen will look, and a wireframe is a blueprint that guides that design.