A wireframe is a simplified, schematic representation of a webpage that maps out the placement of content blocks, navigation, buttons, forms, and other UI elements without color, typography, or visual design. Wireframes are created early in the design process to establish information architecture and user flow before investing in high-fidelity visual design. They facilitate alignment between clients, designers, and developers on structure and functionality, reducing costly revisions later in the project.