Un Wireframe es todo el sitio sin ninguno de los contenidos. Esto podría ser pensado como el plano de una casa. Es el ordenamiento del contenido del sitio web, incluyendo elementos de la interfaz y sistemas de navegación, y cómo funcionan en conjunto con el foco en la experiencia de usuario, Incluye todos los títulos, enlaces, etc., que estarán en la producción final, pero carecerá de cualquiera de los contenidos reales, como estilo tipográfico, color o aplicaciones ya que se enfoca en “qué hace la pantalla, no cómo se ve, esto considera también el comportamiento en dispositivos móviles.
El wireframe define la la jerarquía , funcionalidad y el comportamiento y de la información lo que ayuda entre otras cosas a un buen posicionamiento web. Las ventajas de usar Wireframes son por un lado el equipo y el cliente se centra en el diseño de contenidos y no en el diseño visual, y por otro lado, definiendo la organización y estructura en etapas previas al diseño web y programación se evitan cambios posteriores más costosos, reduciendo así costos y tiempos.