„Wireframe“ (deutsch etwa: Drahtgittermodell) ist eine schematische Skizze einer Webseite, die nur Aufbau, Inhaltsbereiche und Navigation zeigt. Einfacher gesagt: der Grundriss einer Seite, noch ohne Farben, Bilder oder endgültige Schriften. Graue Kästen und Platzhalter zeigen, wo später Überschriften, Texte, Bilder, Formulare und Schaltflächen stehen. So lässt sich die Struktur früh besprechen und ändern, bevor Zeit in die Gestaltung fließt.
Im Designprozess ist das Wireframe der erste gestalterische Schritt. Darauf folgen das Mockup und oft ein Klickdummy. Wireframes entstehen meist in Design-Werkzeugen wie Figma, zunehmend mit KI-Unterstützung, die erste Entwürfe in wenigen Minuten liefert.
Für Unternehmen sind Wireframes kein Designentwurf, sondern ein Abstimmungswerkzeug. Sie klären früh, welche Inhalte und Funktionen bei der Erstellung einer neuen Website wirklich gebraucht werden.
Webdesign
Von der ersten Idee bis zur fertigen Website
Strategie, Design und Technik aus einer Hand, und auch nach dem Launch sind wir für euch da.