Ein Wireframe ist ein reduzierter Entwurf einer Webseite, ähnlich einem Grundriss beim Hausbau. Er zeigt, wo Elemente wie Logo, Menü, Überschriften, Textblöcke, Bilder und Buttons sitzen – bewusst ohne Farben, Schriften oder Fotos, damit sich alle auf Struktur und Inhalt konzentrieren.
Wireframes kommen am Anfang eines Webdesign-Projekts zum Einsatz. Sie helfen, den Aufbau mit Ihnen abzustimmen, bevor Zeit in Gestaltung und Programmierung fließt, und sparen so spätere Änderungskosten. Auf den Wireframe folgt in der Regel das Mockup mit dem visuellen Design und danach die Umsetzung.